El documento introduce el proceso de desarrollo de proyectos web, que generalmente implica seis etapas: definición del sitio y planificación, arquitectura de información, diseño del sitio, construcción del sitio, marketing y seguimiento, evaluación y mantenimiento. También proporciona consejos para el desarrollo de proyectos web como planear antes de trabajar, iterar varias veces y enfocarse en los usuarios. Finalmente, define una página web como un documento HTML y un sitio web como una colección de páginas en

1. MAESTRÍA EN MEDIOS INTERACTIVOS
Curso Propedéutico
2010

2. INTRODUCCIÓN AL DISEÑO WEB
02

3. CONTENIDO
• Proceso de desarrollo de proyectos Web
• Consejos para la ejecución de proyectos Web
• Página y sitio Web

4. PROCESO DE DESARROLLO
de proyectos Web

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

6. PROCESO DE DESARROLLO
DE PROYECTOS WEB
• Cada proyecto Web plantea • Definición del sitio y
planificación
desafíos únicos, sin embargo
el proceso general de un • Arquitectura de Información
sitio Web complejo implica
seis etapas de desarrollo: • Diseño del sitio
• Construcción del sitio
• Marketing
• Seguimiento, evaluación y
J. Lynch Patrick. Web style guide: Basic Design Principles for Creating Web Sites mantenimiento

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

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

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

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

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

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

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

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

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

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

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

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

19. CONCLUSIONES
• El
diseño Web es una actividad interdisciplinaria que tiene, o
debería tener, como principio y fin al usuario.
• Enla comunicación Web..., ¿el medio es el mensaje?..., ¡maldito
seas McLuhan!

20. CONCEPTOS PENDIENTES...
• Web
• Internet
• Protocolo de Internet
• URL
• Servidor Web

21. Siguiente sesión:
03. HTML/CCS/JS CONCEPTOS MÍNIMOS