02 introducción al diseño web
DESCRIPTION
Diseño y programación Web. Conceptos básicos Sesión 2 Maestría en Medios Interactivos Propedéutico 2010 Universidad Tecnológica de la MixtecaTRANSCRIPT
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: