WebDesign. Desarrollo de Front-End

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 y •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