Facultad de Ingeniera Electrnica

Sesin

Diseo de una Pagina Web

Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

Facultad de Ingeniera Electrnica

INTRODUCCION
Una pgina web, tambin conocida como pgina de Internet, es una fuente de informacin adaptada para la World Wide Web (WWW) y accesible mediante un navegador de Internet que normalmente forma parte de un Sitio web. Esta informacin se presenta generalmente en formato HTML y puede contener hiperenlaces a otras pginas web, constituyendo la red enlazada de la World Wide Web.

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

CMO GERENCIAR UNA PGINA WEB Diseo Instruccional

Informacin Inicial

Informacin Estructurada

Guin Instructivo

Producto Terminado

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

CMO GERENCIAR UNA PGINA WEB Diseo Instruccional

Informacin Inicial
LIBROS EXPERTOS MANUALES MEDIOS
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

CMO GERENCIAR UNA PGINA WEB Diseo Instruccional

Informacin Inicial
LIBROS EXPERTOS MANUALES MEDIOS

Informacin Estructurada

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

CMO GERENCIAR UNA PGINA WEB Diseo Instruccional

Informacin Inicial
LIBROS EXPERTOS MANUALES MEDIOS

Informacin Estructurada

Guin Instructivo

OBJETIVOS AUDIENCIA ESTRATEGIAS

Ing. Ral Jimenez Drago

Tecnologa para el Comercio Exterior

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

CMO GERENCIAR UNA PGINA WEB Diseo Instruccional

Informacin Inicial
LIBROS EXPERTOS MANUALES MEDIOS

Informacin Estructurada

Guin Instructivo

Producto Terminado
INFORMACIN CURSO FORO ENCUESTA MANUAL DE CONTENIDO
Ing. Ral Jimenez Drago

OBJETIVOS AUDIENCIA ESTRATEGIAS

Tecnologa para el Comercio Exterior

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

Proceso de desarrollo de un sitio web

1.- Tenga un objetivo claro: - Cules son sus objetivos? - Introducirse en la web? - Vender un producto? - Mercadear la empresa?
2.- Tenga siempre presente a su pblico: - Quin es su pblico? - Qu edad tienen?. - Cul es su profesin? - Cunto tiempo disponen para visitar el sitio?
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

Proceso de desarrollo de un sitio web

3.- Utilice elementos que los usuarios puedan descargar rpidamente:
- Imgenes y grficos muy pesados hacen que el usuario se salga del sitio

4.- Organice el contenido de un modo inteligente

En una hoja de papel disee: - El mapa del sitio - Organice, para cada pgina, donde y como quiere cada uno de los elementos de una pgina (encabezados, botones de accin, textos, hipervnculos, imgenes, etc.)

5.- Cree un sitio agradable a la vista:

- Sea cuidadoso con los colores, tamaos de letras, fondo, etc
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

Proceso de desarrollo de un sitio web

6.- . No intente poner todo en una sola pgina: - Debe existir un equilibrio entre texto y arte 7.- Incluya los botones adecuados para explorar el sitio: - Incluya botones de avanzar y retroceder en las pginas, de ir a la pgina principal 8.- Pruebe exhaustivamente el sitio: - Con distintos exploradores y en distintas plataformas y con varias velocidades de MODEM

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago

Diseo de Pginas WEB

Facultad de Ingeniera Electrnica

Proceso de desarrollo de un sitio web

CONSEJO FINAL: Para crear un sitio web efectivo, hay que visualizar el flujo de informacin y las diferentes rutas que puede utilizar el usuario en el sitio. Un buen ejercicio que se puede hacer es entrar en un sitio ya existente y tratar de ver el sitio de una forma global: - Vea su estructura? - Su organizacin? - Es fcil de utilizar?
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

QU NO ES ACONSEJABLE HACER?

Facultad de Ingeniera Electrnica

Largos textos en negativo (texto claro sobre

fondo oscuro). Imgenes de fondo estridentes o con colores vivos. Incluir demasiados tipos de letra diferentes.

Representar el texto muy grande o muy

pequeo.
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

QU NO ES ACONSEJABLE HACER?

Facultad de Ingeniera Electrnica

Gran exceso de GIFs animados o imgenes

robadas de otras webs.

Tablas con Border. Textos corridos <Marquee>: o "flashes. Abusar de los anglicismos (ej: link por enlace).

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago

QU SI ES ACONSEJABLE HACER?

Facultad de Ingeniera Electrnica

Aplicar mrgenes a izquierda y derecha. Utilizar negritas para destacar textos (con mesura). Separar prrafos: as, ganamos en legibilidad. Maquetar siempre con tablas: esto a veces puede complicar el cdigo, pero es el mejor modo de representar correctamente los distintos elementos, y de contrarrestar el efecto cross-browsing, o cambio de navegador.
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

QU SI ES ACONSEJABLE HACER?

Facultad de Ingeniera Electrnica

Por norma general JPEG para fotografas y GIF para dibujos animados. Variar los colores, aunque no se parezcan. Men de navegacin en todas las pginas:

esto evitar perder en un laberinto de

enlaces a nuestros visitantes.

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago

LTIMO CONSEJO

Facultad de Ingeniera Electrnica

Ser lgico mantener la misma apariencia de estilo (fuentes, mrgenes, colores...) en todas las pginas, para ganar en relacin y dotar as de personalidad a nuestro trabajo. Siguiendo estas sencillas recomendaciones,

ayudaremos a que nuestra pgina quede ms

aseada, legible y profesional.
Tecnologa para el Comercio Exterior Ing. Ral Jimenez Drago

Facultad de Ingeniera Electrnica

ACTIVIDAD PROPUESTA (PC2)

Participacion en Foro

Tecnologa para el Comercio Exterior

Ing. Ral Jimenez Drago