Taller de Diseño Web
Crea sitios web validados por W3C, que van desde una simple visita optimizada, hasta lo contundente de las mejoras ofrecidas por el HTML actual y CSS3. Diseña la interfaz del usuario (UI) y su experiencia (UX) implementando JQuery a nivel plug-in
Antes de empezar:
- Terminología Web
- Herramientas para editar Web
- Gráficos: mapas de bits, resolución y optimización
- Familiarización al HTML y la dinámica del web
¿Qué es un Sitio Web?
- Sitios dinámicos vs sitios estáticos
- El proceso y la estructura que le da forma
- Definiendo requerimientos del proyecto y del usuario final
- Eligiendo tareas de diseño y de programación
- Eligiendo proveedores de Hosting
- Eligiendo proveedores para desarrollo en programación
Lineamientos para Diseño Web
- Creando la arquitectura base
- Diagramación en papel o "Wireframing"
- Manejo de archivos vinculados
- introducción al HTML, CSS y el color en el web
- Composición para pantalla en Adobe® Illustrator
- Adaptaciones técnicas del diseño final
Exportando desde Adobe® Illustrator y Photoshop
- Guardando una imagen usando Guardar para web
- Ajustando espacio de color en gráficos para el web
- Optimizando imágenes en formato GIF, JPEG y PNG
- Técnicas de corte vía sectores
- Creando fondos transparentes y mates
- Trabajo con editores de texto
- Sharpening
Creación y edición de HTML y CSS
- Estructura del site en etiquetas
- Creación del Front-End
- Consideraciones de diseño web adaptable y js queries
- Probando el site en navegadores con Adobe® Browser Lab
- Adaptando CSS para IE 7 y 8
- Armado del front-end
- Botones en RollOver vía CSS
Uso básico de PHP para correo de contacto
- Creación de los formulario básico
Implementación de JQuery vía "plugin"
- Slideashow básico
- Barra de navegación
- Diseño web adaptable
Publicando en internet
- Configuración
- Probando formulario en PHP
Además...
- Un poco de mercadotecnia, redes sociales, "analytics" y evaluación, usabilidad y accesibilidad
Dirigido a:
Diseñadores gráficos, mercadólogos y comunicadores en general, todos ellos inmersos en el mundo de la publicidad y la comunicación visual, quienes deseen conocer el diseño web profesional desde la perspectiva del diseño gráfico.
Duración:
3 sesiones (27Hr)
Herramientas:
Editor CSS + HTML (Coda, Espresso, CSSEdit, RapidCSS, esto es al gusto), FTP Client, Adobe Dreamweaver, Photoshop e Ilustrator.
Pre-requisitos:
Estar familiarizado con el diseño gráfico y ser usuario de internet.
Horario:
De 9:00 AM a 2:00 PM y 3:00 a 7:00 PM (9Hr)