Curso de Maquetación web de PSD a HTML para diseñadores gráficos

   · Qué es y para qué sirve
   · Estructura básica de un documento HTML
   · Marcado con etiquetas en bloque y en línea
   · Etiquetas para inclusión de recursos (imagen, vídeo, flash, etc)
   · Anidado de etiquetas y utilidades con divisores
   · Enlazado entre páginas
   · Las etiquetas DIV y SPAN
   · Elementos de un formulario (áreas de texto, selectores, checkboxes, botones)
   · Novedades en etiquetado con HTML5 (header, footer, article, section)
   · Multimedia con HTML5 (video, audio, acciones táctiles)
   · Introducción a Modernizr / Conditionizr

   · Qué es y para qué sirve
   · Enlazado desde documentos HTML
   · Comandos básicos de diseño
   · Control de flujo con FLOAT
   · Control de flujo con DISPLAY
   · Compatibilidad con navegadores antiguos
   · Particularidades de Internet Explorer
   · Visibilidad y opacidad
   · Comandos avanzados (bordes redondeados, sombras, filtros ,etc)
   · Los píxeles y los EM.
   · Qué son los mediaqueries y cómo se aprovechan al máximo
   · Importancia y uso del POSITION. Explicación detallada de «static», «relative», «absolute» y «fixed».
   · El futuro POSITION: pinned elements y cómo conseguirlo a través de Javascript en la actualidad.
   · Tipografías con CSS. Cómo exportarlas a los diferentes formatos e incluirlas en las hojas de estilos.

   · Identificación mediante Photoshop de elementos clave
   · Estructuración previa de las páginas del diseño
   · Análisis de compatibilidad con navegadores y resoluciones
   · Identificación previa de posibles problemas.
   · Exportación de recursos necesarios para la maquetación (imágenes, iconos, fondos o degradados).

   · Utilización de IDEs y editores de texto
   · Preparación de documentos principales y hojas de estilo
   · Identificación de tamaños generales adaptables a resoluciones
   · Medición de elementos y textos
   · Utilización de Modernizr y Conditionizr

   · Estructura de HTML
   · Aplicando estilos a las etiquetas HTML
   · Identificación de bloques, líneas y bloques en línea.
   · Aplicando mediaqueries para diferentes resoluciones
   · Identificación de problemas en diferentes navegadores y resoluciones
   · Optimización de código para ser amigable con motores de búsqueda

   · Validación de código W3C
   · Comprobación de resultados “al píxel” en diferentes navegadores y resoluciones
   · Soluciones a problemas en diferentes navegadores y dispositivos con Conditionizr y Modernizr