NAVEGADORES WEB

INTERNET EXPLORER
Windows Internet Explorer (anteriormente Microsoft Internet Explorer), conocido
comnmente como IE, es un navegador web desarrollado por Microsoft para el sistema
operativo Microsoft Windows desde 1995. Ha sido el navegador web ms utilizado de
Internet desde 1999 hasta la actualidad, con un pico mximo de cuota de utilizacin del

95% entre el 2002 y 2003. Sin embargo, dicha cuota de mercado ha disminuido
paulatinamente con los aos debido a una renovada competencia por parte de otros

navegadores, situndose aproximadamente entre el 34% y 55% para finales de

noviembre de 2011, dependiendo de la fuente de medicin global. Su versin ms

reciente es la 9, publicada el 14 de marzo de 2011, y est disponible gratuitamente como

actualizacin para Windows Vista SP2 o Windows Server 2008 SP2, adems de

Windows 7 y Windows Server 2008 R2. Los sistemas operativos Windows XP, Windows
2003 y anteriores no estn soportados.

NAVEGADORES WEB

Netscape Navigator
Netscape Navigator fue un navegador web y el primer producto comercial de la
compaa Netscape Communications, creada por Marc Andreessen, uno de los autores

de Mosaic, cuando se encontraba en el NCSA (Centro Nacional de Aplicaciones para

Supercomputadores) de la Universidad de Illinois en Urbana-Champaign. Netscape fue

el primer navegador comercial. Fue el primer navegador en incluir un lenguaje de script

en las pginas web, al introducir en su versin 2 JavaScript. Originalmente, apenas

serva para algo ms que para validar formularios, pero rpidamente se fue expandiendo
AOL cancel el soporte para Netscape a partir del 1 de marzo de 2008. Esto significa
que a partir de esa fecha no se producirn parches de seguridad o nuevas versiones del
navegador. Inicialmente se haba anunciado que el da 1 de febrero de 2008 se
finalizara el soporte tcnico y desarrollo del navegador, pero se extendi la fecha hasta
el 1 de marzo para crear un plugin que permitira migrar a los usuarios de Netscape
9.0.x y 8.x a una versin especial deFlock, o a Mozilla Firefox. Fue as que el da 20 de
febrero se lanz la ltima versin de Netscape Navigator, la 9.0.0.6, cerrando una larga
historia en Internet.

NAVEGADORES WEB

OPERA
Opera es un navegador web y suite de Internet creado por la empresa noruega Opera

Software, capaz de realizar mltiples tareas como navegar por sitios web, gestionar
correo electrnico, contactos, fuentes web, charlar va IRC y funcionar como cliente
BitTorrent. Opera ha sido pionero en incorporar muchas de las caractersticas que hoy
en da se pueden ver en el resto de los navegadores web como el zoom y la bsqueda
integrada y popularizar otras como las pestaas, aunque ellos no las inventaron (las
pestaas fueron introducidas por InternetWorks de Booklink Technologies en 1994,
luego Netcaptor en 1997, IBrowse en 1999 antes de la aparicin en Opera en 2000).
Sus caractersticas de seguridad incluyen proteccin integrada contra phishing y
malware, cifrado de alta seguridad al navegar por sitios web seguros, y la capacidad
de eliminar fcilmente datos privados, como por ejemplo cookies, cach y datos de
inicios de sesin. Opera funciona en una gran variedad de sistemas operativos,
incluyendo Microsoft Windows, Mac OS X, GNU/Linux y FreeBSD. Algunas versiones de
Opera estn disponibles para dispositivos que utilizan sistemas operativos como
Maemo, BlackBerry, Symbian, Windows Mobile, Android o iOS, as como aquellos que
soportan Java ME.
Aproximadamente, 120 millones de telfonos mviles han salido al mercado
incluyendo Opera Mobile, una de las versiones para dispositivos mviles.

NAVEGADORES WEB

SAFARI
Safari es un navegador web de cdigo cerrado desarrollado por Apple Inc. Est
disponible para Mac OS X, iOS (el sistema usado por el iPhone, el iPod Touch y el

iPad) y Microsoft Windows. Incluye navegacin por pestaas, corrector ortogrfico,

bsqueda progresiva, vista del historial en CoverFlow, administrador de descargas y

un sistema de bsqueda integrado. Safari incluye navegacin por pestaas, corrector

ortogrfico, marcadores, bloqueador de ventanas emergentes, atajos del teclado,

soporte para motores de bsqueda, un gestor de descargas, CoverFlow para vista del
historial y los Top Sites. Proporciona un entorno para los desarrolladores web, como

el "User Agent" en el cual se selecciona el motor de rederizado para abrir las pginas
web. Posee un Inspector Web y una consola de errores, adems de herramientas para
JavaScript. Como resultado de esto, el motor interno de Safari es software libre y es
liberado bajo los trminos de la licencia LGPL. Las mejoras al cdigo de KHTML por
parte de Apple son incorporadas al cdigo de KDE rpidamente.

NAVEGADORES WEB

Mozilla Firefox
Mozilla Firefox es un navegador web libre y de cdigo abierto descendiente de
Mozilla Application Suite y desarrollado por la Fundacin Mozilla. Con ms de 450
millones de usuarios, es el segundo navegador ms utilizado de Internet. Posee una
cuota de mercado que se sita aproximadamente entre el 20% y 26% para finales de
diciembre de 2011, dependiendo de la fuente de medicin global. Para visualizar

pginas web emplea el motor de renderizado Gecko, el cual implementa estndares

web actuales adems de otras funciones destinadas a anticipar probables adiciones a

los estndares. Es multiplataforma, estando disponible para varios sistemas

operativos comoMicrosoft Windows, GNU/Linux, Mac OS X, FreeBSD,22 y en muchas

otras plataformas.4 Su cdigo fuente es software libre, publicado bajo una triple
licenciaGNU GPL, GNU LGPL o MPL.6

NAVEGADORES WEB

Google Chrome
Google Chrome es un navegador web desarrollado por Google y compilado con base
en componentes de cdigo abierto como el motor de renderizado WebKit y su
estructura de desarrollo de aplicaciones (framework), disponible gratuitamente bajo

condiciones de servicio especficas. Con ms de 200 millones de usuarios, es el tercer

navegador ms utilizado de Internet. Posee una cuota de mercado que se sita

aproximadamente entre el 16% y 28% para finales de febrero de 2012, dependiendo

de la fuente de medicin global, con particular xito en la mayora de pases de

Amrica del Sur donde es el ms popular. Las pestaas son el principal componente
de la interfaz de usuario de Chrome y, como tal, se han movido a la parte superior de
la ventana en lugar de por debajo de los controles (similar al navegador Opera). Este
es un sutil cambio, en contraste con el actual nmero de navegadores que se basan
en ventanas que contienen pestaas. En Chrome, las pestaas son flexibles
(incluyendo su estado) y puede ser transferidas sin problemas entre varias ventanas
mediante arrastre

BUSCADORES WEB

De los buscadores procede el 80% del trafico a cualquier web. Si

quieres incrementar el trfico y el nmero de visitas a tu web,

debers darte de alta en buscadores. Tambin puedes darte de alta
en directorios. Esto incrementar tu Page Rank y mejorars tu

posicionamiento web.

BUSCADORES WEB

Sitios Venezuela - Portal de Sitios Venezolanos clasificados por categoras

Araguaney - Directorio y Gua Internet de Venezuela.

Auyantepui - Directorio venezolano con buscador.

Cadena Global - Portal venezolano con noticias, foro, correo electrnico, buscador,

videos y encuestas.
Croquer - Buscador dedicado a los sitios venezolanos.

Directorio en EUD
personas.

- Motor de bsqueda con categoras diversas y directorio de

BUSCADORES WEB

Eureka! - Buscador acadmico.

Facilguia - Buscador con lista por categoras.
InfoGuaWeb - Directorio de sitios venezolanos.
Mipunto.com - Portal con secciones de turismo, deportes, cine, sala de charlas,

clima, foros, noticias y trfico en vivo de la ciudad de Caracas.

Nervi - Buscador venezolano que tambin ofrece correo electrnico gratuito.

Piranha - Gua de enlaces por categoras con motor de bsqueda.

Terra Venezuela - Directorio venezolano con buscador.

Venezuela Online - Directorio clasificado por temas.

Yuhuuu - Buscador con categoras ordenadas por tema.

Venezuela Online Networks - Punto de encuentro de el pas con el mundo.

Venezuela Virtual

- Excursin virtual con un resumen de varios sectores de

importancia como el gobierno, la industria y el comercio

SITIOS WEB

PAGINAS WEB
Una pgina web es una fuente de informacin adaptada para la World Wide Web
(WWW) y accesible mediante un navegador de Internet. sta informacin se presenta
generalmente en formato HTML y puede contener hiperenlaces a otras pginas web,
constituyendo la red enlazada de la World Wide Web. Las pginas web pueden ser

cargadas de un ordenador o computador local o remoto, llamado Servidor Web, el

cual servir de HOST. El servidor web puede restringir las pginas a una red privada,

por ejemplo, una intranet, o puede publicar las pginas en el World Wide Web. Las
pginas web son solicitadas y transferidas de los servidores usando el Protocolo de

Transferencia de Hypertexto (HTTP - Hypertext Transfer Protocol). La accion del

Servidor HOST de guardar la pgina web, se denomina HOSTING.

SITIOS WEB

PAGINAS WEB
Las pginas web pueden consistir en archivos de texto esttico, o se pueden leer
una serie de archivos con cdigo que instruya al servidor cmo construir el HTML
para cada pgina que es solicitada, a esto se le conoce como Pgina Web Dinmica.
Una pgina Web est compuesta por uno o varios documentos html relacionados

entre s mediante hipervnculos (enlaces). Adems estos documentos pueden

contener otros elementos como pueden ser imgenes, sonidos, animaciones

multimedia,

aplicaciones.

continuacin,

relacionados con el diseo y/o desarrollo Web.

se

comentan

ciertos

conceptos

SITIOS WEB

PAGINAS WEB
Pgina Web: Documento realizado en HTML y que es parte de un sitio Web. Aparte
del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP,

Javascript.
Sitio Web: Pgina principal y sus otras pginas, grficos, documentos, multimedia y

otros archivos asociados que se almacenan en un servidor Web o en el disco duro de

un equipo.
HTML: (Lenguaje de marcado de hipertexto) Lenguaje estndar de marcas empleado
para documentos del World Wide Web.
Hipervnculo: Al hipervnculo se le suele llamar enlace Web o en su versin
anglosajona link. Un hipervnculo es una conexin de una pgina a otro destino
como, por ejemplo, otra pgina o una ubicacin diferente en la misma pgina. El
destino es con frecuencia otra pgina Web, pero tambin puede ser una imagen, una
direccin de correo electrnico, un archivo (como por ejemplo, un archivo

multimedia o un documento de Microsoft Office) o un programa. Un hipervnculo

puede ser texto o una imagen.

SITIOS WEB

PAGINAS WEB
Lenguaje de programacin: Lenguaje con el que est desarrollada una pgina Web.
Editor: Programa utilizado para crear pginas Web sin la necesidad de tener que
aprender el lenguaje. Ejemplos: M. Front Page 2000 y Macro-media Dreamweaver.
Servidor: Mquina conectada a Internet que entre otros servicios- ofrece albergue

para pginas Web haciendo que estn accesibles desde cualquier punto de Internet.
Cliente FTP: Programa que permite conectarse al servidor para publicar pginas

Web.
Hosting: Hospedaje Web.

Dominio: Direccin Web asociada a una pgina Web.

ISP: En el mbito del desarrollo de sitios web, se puede decir que un ISP es un
proveedor de servicios para web. Los diferentes servicios que pueden ofrecer son:
conexin a Internet, registro de dominio, hospedaje de sitios web, servicios de
contadores de servicios, libros de visitas gratuitos, estadsticas para web, entre
otros.

SITIOS WEB

PAGINAS WEB
URL: (Universal Resource Location / Localizador de recursos universal) Cadena que
proporciona la direccin de Internet de un sitio Web o un recurso del World Wide
Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al recurso.
El tipo ms comn de direccin URL es http://, que proporciona la direccin de

Internet de una pgina Web. Otros tipos de direccin URL son gopher://, que
proporciona la direccin de Internet de un directorio Gopher, y ftp://, que

proporciona

la

ubicacin

de

red

de

un

recurso

FTP.

Ejemplos:

http://www.mitecnologico.com , http://www.google.com

Applets: Programas desarrollados con Java para mejorar la presentacin de las

pginas Web que realizan animaciones, juegos e interaccin con el usuario.
Frames (marcos): reas rectangulares que subdividen las ventanas de algunas
pginas Web, cada una de las cuales contiene un documento de hipertexto
independiente de los dems.

SITIOS WEB

PAGINAS WEB
Webmaster: Un webmaster es el encargado de crear, disear, estructurar, maquetar,
publicar, promocionar y mantener un sitio web.
Tablas: Deben utilizarse nicamente para datos tabulados. Nunca para maquetar.
Banner: Elemento grfico con forma rectangular, normalmente animado, cuyo

contenido es publicidad.
Imagen: Archivo grfico que se puede insertar en una pgina Web y mostrar en un

explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG,
entre otros.

DISEO DE UN SITIO WEB

PLANIFICACIN DEL SITIO WEB

Para desarrollar el sitio web de una institucin del Gobierno de Chile, se sugiere
comenzar por dar respuesta a un grupo muy concreto de interrogantes, que

permitirn aclarar y definir de manera bsica las expectativas existentes en la

institucin en torno al sistema de informacin e interaccin que se va a generar.
Dichas preguntas son las siguientes:
1. Para qu necesita el sitio web?
2. Para qu necesita el sitio web la comunidad?
3. Qu es lo que buscan las personas sobre el tema?
4. Qu imagen quiero proyectar en mis usuarios?

5. Qu servicios interactivos entregar a travs del Sitio Web?

6. Quines pueden ayudarme a realizar el proyecto?

DISEO DE UN SITIO WEB

PLANIFICACIN DEL SITIO WEB

Las respuestas a estas preguntas permitirn dar forma a los siguientes
elementos de anlisis:

Objetivo: definir las metas del proyecto; stas deben ser generales y
especficas, con el fin de contar con el mayor detalle posible de lo que se

desea conseguir;
Audiencia: hacia qu grupo de personas (uno o ms) estar enfocado el

sitio;
Tecnologa: qu servicios interactivos se le incorporarn al sitio.

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Arquitectura de Informacin: Entre las metodologas ms tiles que tendrn los
profesionales encargados de desarrollar un Sitio Web, se contarn las que aparecen
descritas dentro de la Arquitectura de la Informacin, que es el conjunto de

mtodos y herramientas que permiten organizar los contenidos, para ser

encontrados y utilizados por los usuarios, de manera simple y directa.

Los elementos que se muestran a continuacin constituyen la metodologa de la

Arquitectura de Informacin, mediante la cual es posible conseguir las metas de

organizacin y visibilidad de los contenido. Cada una de ellas debe ser investigada,
desarrollada y documentada adecuadamente:

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Definicin de Objetivos del Sitio
Definicin de Audiencia
Definicin de Contenidos del Sitio

Definicin de la Estructura del Sitio

Definicin de los Sistemas de Navegacin

Definicin del Diseo Visual

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Creacin de la Estructura: Se refiere al proceso de identificar la forma que tendr el
Sitio Web que se est desarrollando. En este sentido es importante hacer una
diferencia entre estructura y diseo (que ser explicada grficamente ms adelante

en este captulo).
Estructura: se refiere a la forma que tendr el Sitio Web en trminos generales con

sus secciones, funcionalidades y sistemas de navegacin. No considera ni incluye

elementos grficos (logotipos, vietas, etc.).

Diseo: se refiere a la solucin grfica que se crear para el sitio, en la cual

aparecen colores, logotipos, vietas, y otros elementos de diseo que permiten

identificar visualmente al sitio. Dado lo anterior, cuando hablamos de la estructura

nos estamos refiriendo bsicamente a cul ser la experiencia que tendr un
usuario cuando accede al sitio. De esta manera podremos determinar dnde
estarn ubicados los servicios interactivos (buscador, sistemas de encuestas, reas
de contenidos).

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Mapas permanentes del Sitio:
Se refiere al proceso de crear un rbol de contenido en el que se muestre de
manera prctica cuntas secciones tendr el sitio en desarrollo y cuntos niveles

habr dentro de cada uno. Cuando se usa la idea de crear un rbol, se refiere
exactamente a generar un diagrama que cuente con un tronco, ramas y hojas, para

mostrar las zonas principales, secundarias y contenidos finales que se irn

incorporando.

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Dado lo anterior, las recomendaciones para la generacin de este rbol son las siguientes:
Secciones: se debe intentar que sean las menos posibles, con el fin de concentrar las acciones
del usuario en pocas reas; hay que considerar que cada una de las reas a integrar en el rbol
requerir de mantenimiento posterior en contenidos, grfica y funcionalidad, lo que encarecer
el costo final de operacin del sitio. Dado lo anterior, se recomienda que las secciones se siten
entre 5 y 7.

Niveles: se debe intentar que el usuario est siempre a menos de tres clicks del contenido que
anda buscando. Por ello no se debera crear ms de tres niveles de acceso; esto significa una

Portada, una Portadilla de Seccin y los Contenidos propiamente tales.

Contenidos relacionados: se debe considerar que habr funcionalidades que estn presentes

en todo el sitio. Entre ellas se incluyen elementos como Buscador, Preguntas Frecuentes y
Formularios de Contacto. Se recomienda que este tipo de elementos quede fuera del rbol y

floten sobre ste, con el fin de indicar que desde todas las pginas habr enlaces a ellos.

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Elementos de los Sistemas de Navegacin: Entre los elementos ms relevantes que conforman el
sistema de navegacin se cuentan los siguientes:
Men General: siempre presente en todo el sitio, permite el acceso a cada una de las
reas del sitio.
Pi de Pgina: usualmente ubicado en la parte inferior de cada pgina, indica el nombre de la
institucin, telfonos, direccin fsica y de correo electrnico.

Barra Corporativa: ofrece diversas opciones de informacin respecto del sitio y tal como el
anterior, se muestra en todas las pginas.

Ruta de Acceso: listado que aparece en la parte superior de cada pgina y que muestra el
trazado de pginas que hay entre la Portada del sitio hasta la pgina actual que se est

revisando; cada una de ellas debe tener un enlace, para acceder al rea de la cual depende la
pgina. Cada uno de los elementos que conforman este camino debe tener un enlace que

permita el acceso a esas reas. En la literatura internacional en ingls sobre este tema, se llama
a este elemento como breadcrumbs.

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Fecha de publicacin: para saber la vigencia de publicacin del contenido desplegado.
Botn Home: para ir a la portada
Botn Mapa del sitio: para ver el mapa del Sitio Web
Botn Contacto: para enviar un mensaje al encargado del sitio (o, de existir, a la
OIRS).
Buscador: presente en cada pgina si es que la funcionalidad existe en el sitio.

Botn Ayuda: para recibir ayuda sobre qu hacer en cada pantalla del sitio.
Botn Imprimir: para imprimir el contenido de la pgina; se espera que el formato

de impresin del documento que se muestra en pantalla sea ms simple que la pgina
normal del Sitio Web, para dar la impresin al usuario de que hay una preocupacin

por ayudarle en la tarea de llevar impreso el contenido.

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB

Definicin del Diseo Visual
Una vez que se ha terminado el trabajo en la estructura, ya se cuenta con los insumos

suficientes como para avanzar hacia la generacin del diseo visual de las pantallas del sitio,
momento en que se utilizarn todos los insumos que se han ido generando en las etapas

anteriores. Para ello la recomendacin es trabajar en cuatro etapas sucesivas e incrementales,

que se describen a continuacin:
Diseo de las Estructuras de Pginas
Esta etapa considera la generacin de dibujos slo lineales que describen los componentes de
cada una de las pantallas del sitio, con el objetivo de verificar la ubicacin de cada uno de ellos.
El ideal es que se dibujen diagramas con todas las pantallas que tendr el sitio, ya que de esta
manera ser posible que diseadores y desarrolladores tengan un documento concreto de
trabajo, a travs del cual resuelvan todas las dudas de los elementos que componen esta pgina.
Si bien este trabajo es largo y puede resultar tedioso, su ventaja es que ningn elemento en las
pginas queda puesto al azar sino que responde a necesidades puntuales que se han detectado
y que se resuelven por esta va.

DISEO DE UN SITIO WEB

DEFINICIN DEL SITIO WEB