+ desarrollo de página web por: drako con texos de: juan manuel casanueva - guÍa bÁsica para...

12
+ Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

Upload: jose-miguel-iglesias-valenzuela

Post on 24-Jan-2016

215 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+

Desarrollo de página webPor: Drako

Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

Page 2: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+

I.- PLANEACIÓNDiseñar y elaborar una página de Internet es una tarea que, si se realiza tomando en cuenta ciertos pasos clave, puede ser un proceso ágil y enriquecedor para todos los involucrados.

Page 3: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+Los Hechos (ineludibles)

Hecho 1: Problemas de las página web: Sobre-diseñadas, Aburridas, Mal organizadas

Hecho 2: Elaborar una página es un proceso complejo Distintos individuos = percepciones y valores distintos Tensión entre diseño, contenido y funcionalidad

Hecho 3: El éxito de una página web será indicado por sus visitantes; NO por su creador, diseñador o patrocinador

Page 4: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+1. Definir el propósito de la página

¿Cuál es la razón de ser?

¿Qué utilidad tendrá?

¿Qué busca lograr, resolver o proponer?

¿A quién está dirigida?

Page 5: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+2. Definir la estructura del sitio

¿Cómo organizar el contenido para transmitir lo que se desea de forma efectiva, agradable y fácil?

Normalmente la mejor forma de presentar el contenido es en forma de categorías, de lo general a lo particular. Categoría: Nuestra Empresa Temas en esta categoría: Historia, Misión, Visión, etc. Contenido: Desarrollo de cada uno de los temas

Page 6: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+Diferencia y uso de storyboard, diagrama de navegación y esquema Diagrama de navegación

(o árbol de navegación) organiza la información por categoría, tiempo, alfabéticamente, localidad o magnitud.

Esquema Define todos los recursos requeridos en cada pantalla.

Storyboard Plan ilustrado escena por escena que sirve para contar una

historia e indicar el balance de los elementos visuales en cada escena.

Page 7: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+3.- Definir el contenido

Definir el tipo de contenido por sección.

Tipos comúnmente usados: Informativos Didácticos Lúdicos interactivos

Debe ser claro el tipo de contenido por su naturaleza y objetivo.

Page 8: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+4.- Separa el contenido del diseño

Todos los navegadores pueden mostrar el texto de una página, pero algunos no soportan las imágenes, colores, animaciones, menús o efectos especiales.

Siempre se debe mantener el contenido separado de el diseño

Page 9: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+5.- Definir el diseño

Colores a usar

Imágenes y tipo de archivos jpg, png, gif, flv, swf, svg, ajax, etc.

Videos o animaciones

Botones

Fondos

Etc.

Page 10: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+

II.- ProducciónNo se debe producir una página web sin haber contemplado y resuelto todos los puntos anteriores.

Page 11: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+J.F.D.

Just F… Do It !!

Page 12: + Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET

+Referencias

LINK: http://www.danielclemente.com/html/ Consulta 15 abril 2009

[Juan Manuel Casanueva] GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET RTPD, Xalapa, Ver., México