Trabajo de Investigacin

E.P. INGENIERA
INDUSTRIAL

ASIGNATURA

de informacin

DOCENTE
Garca

Sistemas y tecnologas

: Ing. Jhonny Pin

CICLO

: VII

FECHA

: 03/07/2016

HANUCO - PERU
2016

a. Objetivos
El objetivo de una pgina web es lo siguiente:
1. Ganar dinero.
2. Hacer negocios.
3. Atraer clientes a nuestro negocio por internet.
Hay que cumplir las reglas bsicas de los negocios, y eso empieza por
dar servicio al cliente, ya sea regalando informacin en abierto, es decir
a cualquiera que visite nuestra web; a travs de boletines de suscripcin
voluntaria; en e-books de regalo o haciendo publicidad por cualquiera de
las plataformas que nos ofrece Google, y as demostrarle al visitante de
nuestra web que conocemos el producto y el mercado en el que
trabajamos, y que nuestro asesoramiento y servicios de nuestro equipo
sean eficaces.

b. Estructura de una pgina web

Uno de los aspectos ms importantes de
la estructura de una pgina web es
decidir dnde posicionaremos los mens de
navegacin y enlaces a otras pginas web y
dnde posicionaremos el contenido que
van a consultar los navegantes. Existen
diversos tipos de estructuras estndares de
pginas

web

que

especifican

la

posicin de los mens de navegacin y el

contenido, mantenindose esta estructura y
diseo durante toda la navegacin por el sitio web.
c. Grfico de flujo
o Debe enfatizar:

o la estructura conceptual y la organizacin del sitio

o como el usuario fluye a travs de tareas definidas y los pasos
respectivos
El sitio muestra caminos al usuario
El usuario se mueve por los caminos por las acciones.
Las acciones generan resultados

d. Mapa del sitio

Es la representacin grfica o textual de un sitio web. El mapa de un
sitio web puede ser un documento que se utiliza para planificar el diseo
de la web, o puede ser una pgina web donde se listan todas o las ms
importantes pginas webs de un sitio (generalmente organizadas de
alguna manera).
e. En el proceso de creacin de sitios web, es altamente importante iniciar
el desarrollo pensando en las tecnologas que se utilizarn en el proceso
de creacin del sitio web. En esta parte creamos prcticamente una
pieza grfica, con todos los elementos respectivos de una pgina web,
organizando y estructurando la parte visual (interfaz grfica) para los
usuarios (internautas).

f.

Elementos

de

un

diagrama de una pgina web.

En el proceso de creacin de sitios web, es altamente importante iniciar
el desarrollo pensando en las tecnologas que se utilizarn en el proceso
de creacin del sitio web.
En esta parte creamos prcticamente una pieza grfica, con todos los
elementos respectivos de una pgina web, organizando y estructurando
la parte visual (interfaz grfica) para los usuarios (internautas).
g. Navegacin
Un navegador o explorador web conocido en ingls como web
browser es un programa o software, por lo general gratuito, que
nos permite visualizar pginas web a travs de Internet adems
de acceder a otros recursos de informacin alojados tambin en
servidores web, como pueden ser videos, imgenes, audio y

archivos XML.
Pero un navegador tambin nos permite almacenar informacin o
acceder a diferentes tipos de documentos en el disco duro, etc,
acceder a redes privadas, y crear marcadores (bookmarks).

El acceso a otras pginas web a travs de los hiperenlaces

(hipervnculos o enlaces) se llama navegacin, trmino del que
deriva el nombre de navegador, aunque una minora prefieren
llamarlo hojeador que sera la traduccin literal de la palabra
browser.

Algunos navegadores vienen incorporados a su sistema operativo

como es el caso de Internet Explorer en Windows Microsoft,

Safari en Mac OS X, o Firefox, Opera o Flock en Linux.

h. Elementos tcnicos de una pgina web
Qu es un navegador?

Un navegador o explorador web conocido en ingls como web

browser es un programa o software, por lo general gratuito, que
nos permite visualizar pginas web a travs de Internet adems de
acceder a otros recursos de informacin alojados tambin en
servidores web, como pueden ser videos, imgenes, audio y

archivos XML.
Pero un navegador tambin nos permite almacenar informacin o
acceder a diferentes tipos de documentos en el disco duro, etc,
acceder a redes privadas, y crear marcadores (bookmarks).

El acceso a otras pginas web a travs de los hiperenlaces

(hipervnculos o enlaces) se llama navegacin, trmino del que
deriva el nombre de navegador, aunque una minora prefieren
llamarlo hojeador que sera la traduccin literal de la palabra
browser.

Algunos navegadores vienen incorporados a su sistema operativo

como es el caso de Internet Explorer en Windows Microsoft, Safari
en Mac OS X, o Firefox, Opera o Flock en Linux.

Pero cmo accede un navegador a la informacin de Internet?

Cmo funcionan los navegadores?

Los navegadores se comunican con los servidores web por medio
del protocolo de transferencia de hipertexto (HTTP) para acceder a
las direcciones de Internet (URLs) a travs de los motores de

bsqueda.
La mayora de los exploradores web admiten otros protocolos de red
como HTTPS (la versin segura de HTTP), Gopher, y FTP, as como
los lenguajes de marcado o estndares HTML y XHTML de los
documentos web. Los navegadores adems interactan con
complementos o aplicaciones (Plug-ins) para admitir archivos Flash
y programas en Java (Java applets).

Caractersticas comunes de los navegadores

Todos los navegadores incluyen la mayora de las siguientes
caractersticas: navegacin por pestaas, bloqueador de ventanas
emergentes, soporte para motores de bsqueda, gestor de
descargas, marcadores, corrector ortogrfico, y atajos del teclado.
Para mantener la privacidad casi todos los navegadores ofrecen
maneras sencillas de borrar cookies, cachs web y el historial.

Las suites de Internet son aquellos exploradores web que incluyen

programas integrados capaces de leer noticias de Usenet, correos
electrnicos, e IRC, que son chats de texto en tiempo real a travs
de los protocolos IMAP, NNTP y POP.

Suelen utilizar el protocolo de seguridad HTTPS a travs de los

protocolos criptogrficos SSL/TLS para proteger los datos de

intercambio con los servidores web. Tambin suelen contar con

proteccin antiphishing y antimalware.

Tipos de navegadores o exploradores web

Algunos de los navegadores o exploradores web ms populares son:
Internet Explorer, Mozilla Firefox, Safari, Opera, Google Chrome y
Flock.

Otros navegadores no tan conocidos son: Maxthon, Avant, DeepNet,

PhaseOut, SpaceTime, Amaya...

Internet Explorer
Internet Explorer (IE) viene integrado en el sistema operativo
Windows de Microsoft junto con el gestor de correo Outlook Express.
Ha sido el navegador ms utilizado del mundo desde 1999, aunque
desde 2002 ha ido perdiendo cuota de mercado a un ritmo lento
pero constante debido a su importante competidor, Mozilla Firefox,
que ha superado incluso a Internet Explorer en algunas ocasiones.

Mozilla Firefox

Mozilla Firefox es un navegador de software libre y cdigo abierto,

creado por la Corporacin Mozilla, la Fundacin Mozilla y numerosos

voluntarios externos. Se sita en la segunda posicin de

navegadores ms usados con una cuota de mercado del 22, 48% en
abril de 2009, con una gran aceptacin por parte de los usuarios que
lo definen como ms seguro, rpido y de mejor rendimiento que
Internet Explorer, destacando tambin por su sencillez y fcil
manejo.

Safari
Safari es el navegador creado por Apple Inc. el cual est integrado
en el sistema operativo Mac OS X, en 2007 se cre una versin de
Safari para el sistema operativo Microsoft Windows dando soporte
tanto a Windows XP como a Windows Vista, y el telfono inteligente
iPhone tambin incorpora Safari a su sistema operativo.

De Safari destacan la velocidad, un diseo muy cuidado, la

seguridad y las prestaciones que ofrece, incluyendo los recursos
para diseadores y programadores, consiguiendo en mayo de 2009
un 8.43% de uso en el mercado de los navegadores.

Opera
Desarrollado por Opera Software company, Opera es adems de un
navegador una suite de Internet gratuita desde su versin 8.50., que
en abril de 2009 tena un porcentaje de uso del 0,68% en el mercado
global de navegadores web.

Google Chrome
Google Chrome es el navegador creado por Google en 2008 y se
basa en el proyecto de software libre y cdigo abierto Chromium, el
motor de navegacin de WebKit y su estructura de aplicaciones.

Chrome pas a ser el cuarto navegador ms usado en mayo de

2009 con un 1.80% de internautas. Para conseguir su objetivo
principal de facilitar un navegador con mayor velocidad, seguridad y
estabilidad, Google Chrome combina tecnologa sofisticada y un
diseo minimalista, adems de ofrecer una interfaz grfica de
usuario ms sencilla y eficaz.

Flock
Flock es un navegador social de software libre y cdigo abierto
basado en el cdigo Firefox de Mozilla, que se especializa en
suministrar redes sociales como My Space, Facebook, Bebo, Twitter,
Digg, Flickr, AOL Webmail, Yahoo! Mail, Gmail y YouTube, adems
de funciones de Web 2.0 incorporadas en su interfaz de usuario.

Disponible como descarga gratuita, el navegador Flock soporta las

plataformas Microsoft Windows, Mac OS X, y Linux, a travs del
motor de navegacin Gecko que soporta los mismos estndares
web que Mozilla.

1. Consideraciones

para el Diseo de un Sitio (Punto, Lnea, Forma,

Valor, Textura, Color).

El lenguaje visual es el lenguaje que desarrollamos en el cerebro
relacionado con la manera de como interpretamos lo que percibimos a
travs de los ojos ("visualmente"). Es el que utiliza imgenes y signos
grficos. Tiene como objetivo la transmisin de mensajes a travs de la
imagen. El lenguaje visual es el sistema de comunicacin que se emplea en
la creacin de mensajes visuales.

Colores.
El

color

es

uno

de

los

elementos

esenciales de la configuracin de una forma como la interpretamos o la

apreciamos en el espacio. La ciencia en su objetiva observacin ha podido
especular sobre diferentes maneras de percibirlo.
Textura.
La

textura

hace

referencia

normalmente

los

rasgos

visuales

representados en la superficie de un objeto que da carcter e identidad al

mismo en la representacin
Existen dos categoras de textura:

Texturas visuales producto del comportamiento de la luz sobre las

superficies de los objetos; y la percepcin que tenemos de ella es solo de
carcter visual.

Textura tctil: cuando interviene el tacto y la vista. La textura se puede

describir como la cualidad de una superficie que posee elementos de
textura.

Iluminacin
La iluminacin es un aspecto ms de la configuracin de las imgenes, ya
que de ella depende que sean percibidas las formas, los colores, y el resto
de los elementos visuales en el plano de la representacin.

2. Que necesito para Tener una Pagina WEB

2.1. Comprar el nombre del dominio o de la empresa, por ejemplo,
2.2.
2.3.

que termina en hola.org hola.com hola.net. etc.

Comprar tu propio hosting.
Tener diseo grfico de la pgina, maquetacin, estructura del

sitio web, as como lenguajes de programacin.

3. Hosting o alojamiento web, definicin
El hosting es un servicio al que puedes asociar tu dominio. El hosting
es tener espacio en el disco
duro de un servidor, que
est preparado con los
programas necesarios para
que puedas subir a ese espacio tu
web y tener en ese espacio tus correos

4. Qu es un Servidor?
Un servidor web o servidor HTTP es un programa informtico que
procesa una aplicacin del lado del servidor, realizando conexiones
bidireccionales y/o unidireccionales sncronas o asncronas con el
cliente y generando o cediendo una respuesta en cualquier lenguaje
o Aplicacin del lado del cliente. El cdigo recibido por el cliente suele
ser compilado y ejecutado por un navegador web. Para la transmisin
de todos estos datos suele utilizarse algn protocolo. Generalmente se
usa el protocolo HTTP para estas comunicaciones, perteneciente a la
capa de aplicacin del modelo OSI. El trmino tambin se emplea para
referirse al ordenador que ejecuta el programa.
5. Definicin de Software y Hardware
5.1. El hardware

Es la parte que puedes

ver del computador, es
decir

todos

componentes
estructura

los
de

su

fsica.

La

pantalla, el teclado, la
torre y el ratn hacen
parte del hardware de tu
equipo.
5.2.

El software
Se conoce como software al equipo lgico o soporte lgico de un
sistema

informtico,

que

comprende el conjunto de los

componentes

lgicos

necesarios que hacen posible

la

realizacin

de

tareas

especficas, en contraposicin
a los componentes fsicos que
son

llamados

hardware.

navegadores web, los juegos, los sistemas operativos, etc.

6. Qu es un Blog bitcora?
Un blog, tambin conocido como web log o cuaderno de bitcora
(listado de sucesos), es un sitio web peridicamente actualizado que
recopila cronolgicamente textos o artculos de uno o varios autores.

7. Visibilidad para el motor de bsqueda

El posicionamiento en buscadores, optimizacin en motores de
bsqueda u optimizacin web es el proceso tcnico mediante el cual se
realizan cambios en la estructura e informacin de una pgina web, con
el objetivo de mejorar la visibilidad de un sitio web en los resultados
orgnicos de los diferentes buscadores. Tambin es frecuente
encontrar la denominacin en ingls, search engine optimization, y
especialmente sus iniciales SEO.
8. Tengo un Sitio Web, por qu no aparece en los motores de
bsqueda todava?
Porque los motores de bsqueda no saben automticamente lo que
hay en Internet

9. Qu es un navegador, explorador o buscador?

Un Explorador Web o Navegador es un programa que permite
visualizar pginas web en la red adems de acceder a otros
recursos, documentos almacenados y guardar informacin.
El Navegador se comunica con el servidor a travs del protocolo
HTTP y le pide el archivo solicitado en cdigo HTML, despus lo
interpreta y muestra en pantalla para el usuario.
Los ms populares son Internet Explorer, Mozilla Firefox, Safari,
Opera

Google

Chrome. Algunos

Navegadores

vienen

integrados en el SO como Internet Explorer en Windows.

10. Comparacin de Buscadores y navegadores
La diferencia es que el navegador es un programa que instalas
en tu ordenador para acceder a cualquier sitio web en Internet.
Los navegadores ms usados son Internet Explorer, Google
Chrome, Firefox o Safari.

Por otra parte, el buscador es un sitio web al cual ingresas a

travs de un navegador, y que te permite encontrar otros sitios
web, imgenes o informacin sobre algo en Internet. Esto lo
haces a travs de palabras claves que realizarn la bsqueda.
Entre los buscadores ms populares encontramos Google, Yahoo
y Bing.
11. Qu significa usabilidad web?
La usabilidad web es la facilidad de uso con la que los usuarios
interactan con nuestro sitio web. Tenerla en cuenta en el
desarrollo y optimizacin de nuestro sitio nos reportar muchos
beneficios: Mayores ingresos, mayor eficiencia y satisfaccin con
el uso del sito, reduccin de los costes de desarrollo y de los
gastos de atencin al cliente, comerciales
12. Qu es el W3C?, Definicin de W3C.
W3C son las siglas de World Wide Web Consortium, un consorcio
fundado en 1994 para dirigir a la Web hacia su pleno potencial
mediante el desarrollo de protocolos comunes que promuevan su
evolucin y aseguren su interoperabilidad.
13. Qu es un Dominio?
Un dominio de Internet es una red de identificacin que es
asociada a un grupo de dispositivos o equipos conectados a la red
Internet.
El propsito principal de los nombres de dominio en Internet y del
sistema de nombres de dominio (DNS), es traducir las direcciones
IP de cada nodo activo en la red, a trminos memorizables y
fciles de encontrar. Esta abstraccin hace posible que cualquier
servicio (de red) pueda moverse de un lugar geogrfico a otro en
la red Internet, aun cuando el cambio implique que tendr una
direccin IP diferente.
14. Qu significa optimizar un sitio web?

Al optimizar, un buen diseador web intentar encontrar el

equilibrio apropiado entre estos componentes, desde el punto de
vista del diseo y del objetivo del sitio.
Entre los elementos que se deben considerar para la optimizacin
estn la accesibilidad, usabilidad, visibilidad por el motor de
bsqueda y la velocidad total de descarga de la pgina.
15. Qu es un Webmail?
El webmail es un sistema de acceso al correo electrnico que
permite acceder a sus mensajes mediante un navegador web, sin
tener que descargar los correos a su ordenador personal
mediante un cliente tipo Outlook, Eudora, etc.
16. Cul es mi direccin IP?
Tu IP real es 201.230.17.25
(client-201.230.17.25.speedy.net.pe)
No navegas a travs de proxy
17. Qu significa PHP?
PHP (acrnimo recursivo de PHP: Hypertext Preprocessor) es un
lenguaje de cdigo abierto muy popular especialmente adecuado
para el desarrollo web y que puede ser incrustado en HTML.

18. Qu es el ancho de banda?

Para seales analgicas, el ancho de banda es la longitud,
medida en Hz, de la extensin de frecuencias en la que se
concentra la mayor potencia de la seal. Se puede calcular a
partir de una seal temporal mediante el anlisis de Fourier.

19. Cul es la diferencia entre un sitio y una pgina web?

Una pgina web es parte de un sitio web y es un nico archivo

con un nombre de archivo asignado, mientras que un sitio web es
un conjunto de archivos llamados pginas web.