Taller WebDesign {Desarrollo de Front-End}
Crea sitios web validados por W3C, que van desde una simple visita optimizada, hasta lo contundente de las mejoras ofrecidas por el XHTML-CSS. Diseña la interfaz del usuario (UI) y su experiencia (UX) implementando JQuery.
Antes de empezar:
- Terminología Web
- Herramientas para editar Web
- Gráficos: Bitmaps, resolución y optimización
- Pensando en HTML
- Familiarización al XHTML + CSS y a la dinámica del web
¿Qué es un Sitio Web?
- Sitios dinámicos vs sitios estáticos
- El proceso y las piezas gráficas que le dan 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 un sitio
- Diagramación en papel o "Wireframing"
- Manejo de archivos vinculados
- XHTML y el color en el web
- Composición para pantalla en Adobe® Illustrator
- Exportación desde Adobe® Illustrator
- Adaptaciones técnicas del diseño final
Exportando desde Adobe® Illustrator y/o Photoshop
- Navegando, resolución and remuestreo
- Guardando una imagen usando save, save as, save a copy and save for web
- Ajustando colour settings para usar con gráficos para el web
- Optimizando imágenes en formato GIF, JPEG y PNG
- Técnicas de corte vía slices
- Creando fondos transparentes y mates
- Trabajo con Dreamweaver
- GIF animados
- Botones en RollOver
- Sharpening
- Batch process para imágenes
Creación y edición de Handcrafted CSS
- Estructura en <DIV ID> y <DIV CLASS>
- Creación del Front-End
- Probando CSS en navegadores FireFox, Safari y Explorer.
- Adaptando CSS para IE 6 y 7
- Uso de Plantillas y maquetación de un sitio estático
Uso básico de PHP
- Creación de los Formulario de contacto
Implementación de Frameworks JS
- Ejemplos de uso de JQuery, Mootools, Thickbox, Prototype...
Publicando en internet
- Configuración y sincronización
- Probando formulario en PHP
- Verificando formularios
Además...
- Un poco de mercadotecnia y evaluación, así como sugerencias en el uso de herramientas alternativas
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)