MAESTRÍA EN MEDIOS INTERACTIVOSCurso Propedéutico

2010

INTRODUCCIÓN AL DISEÑO WEB

02

CONTENIDO

• Proceso de desarrollo de proyectos Web

• Consejos para la ejecución de proyectos Web

• Página y sitio Web

PROCESO DE DESARROLLOde proyectos Web

PROCESO DE DESARROLLO DE PROYECTOS WEB

• Definición mínima:

El diseño Web es una actividad que consiste en la planificación, diseño e implementación de páginas y sitios Web.

es.wikipedia.org

PROCESO DE DESARROLLO DE PROYECTOS WEB

• Cada proyecto Web plantea desafíos únicos, sin embargo el proceso general de un sitio Web complejo implica seis etapas de desarrollo:

• Definición del sitio y planificación

• Arquitectura de Información

• Diseño del sitio

• Construcción del sitio

• Marketing

• Seguimiento, evaluación y mantenimientoJ. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites

Proceso de desarrollo WebJ. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites

CONSEJOS

• Carguen, preparen, apunten..., fuego!

• Olvidar el aspecto visual hasta asegurar que todo lo demás está previsto

• Menos es más

• Primero planear el trabajo, después trabajar el plan

J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites

CONSEJOS

• Ser invisible

• Los estándares son amigos

• Iterar y después, iterar nuevamente

• Los usuarios buscan comunicarse con personas, no con máquinas

J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites

PÁGINA Y SITIO WEB

• Página Web:• Simple documento de texto plano (caracteres alfanuméricos y especiales)adicionado con

texto del lenguaje de marcado de hipertexto (HTML). El documento se visualiza en un navegador a través del protocolo HTTP de Internet.

PÁGINA Y SITIO WEB

• Sitio Web:• Colección de páginas Web enlazadas una a otra. El conjunto de documentos se visualiza en

un navegador a través del protocolo HTTP de Internet.

PÁGINA Y SITIO WEB• Anatomía de una página Web

PÁGINA Y SITIO WEB• Anatomía de una página Web

PÁGINA Y SITIO WEB• Anatomía de una página Web

PÁGINA Y SITIO WEB• Anatomía de una página Web

PÁGINA Y SITIO WEB• Anatomía de una página Web

PÁGINA Y SITIO WEB• Anatomía de una página Web

PÁGINA Y SITIO WEB• Anatomía de una página Web

CONCLUSIONES

• El diseño Web es una actividad interdisciplinaria que tiene, o debería tener, como principio y fin al usuario.

• En la comunicación Web..., ¿el medio es el mensaje?..., ¡maldito seas McLuhan!

CONCEPTOS PENDIENTES...

• Web

• Internet

• Protocolo de Internet

• URL

• Servidor Web

03. HTML/CCS/JS CONCEPTOS MÍNIMOS

Siguiente sesión: