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

Presentación del tema: "+ Desarrollo de página web Por: Drako Con texos de: Juan Manuel Casanueva - GUÍA BÁSICA PARA ELABORAR UN PORTAL DE INTERNET."— Transcripción de la presentación:

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

2 + I.- PLANEACIÓN Diseñ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.

3 + 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

4 + 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?

5 + 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

6 + 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.

7 + 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.

8 + 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

9 + 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.

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

11 + J.F.D. Just F… Do It !!

12 + 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