Introducción
  • Bienvenida al curso HTML5 y CSS3 Máster.
  • Archivos de ejemplo para descarga.
  • Recomendaciones iniciales.
Conceptos básicos.
  • Qué es HTML?
  • HTML y CSS.
  • Versiones de HTML.
  • Editores de código.
  • Editores de código (actualización).
  • Etiquetas y contenedores.
  • Elementos obsoletos de HTML.
  • Referencias de HTML.
Conceptos fundamentales de HTML.
  • Estructura de un documento HTML.
  • El doctype.
  • El head.
  • El body.
Trabajar con las etiquetas de texto.
  • Trabajar con párrafos.
  • Controlar partición de líneas.
  • Uso de caracteres especiales.
  • Uso de encabezados.
  • Enfatizar texto.
  • Formatear citas.
  • Texto preformateado.
Crear vínculos o links.
  • Links a páginas externas.
  • Links a páginas internas.
  • Links a secciones de una página.
  • Links a elementos descargables.
Trabajar con imágenes.
  • Conceptos generales.
  • Optimización de imágenes en formatos jpg y gif.
  • Optimización de imágenes en formato png.
  • Uso de imágenes en HTML.
  • Uso del formato SVG.
Crear listas.
  • Listas ordenadas.
  • Listas no ordenadas.
  • Anidar listas.
  • Listas de definición.
Crear tablas.
  • Conceptos básicos.
  • Títulos y encabezados.
  • Resumen y alcance.
  • Unir celdas.
Conceptos de CSS.
  • Conceptos básicos.
  • Sintaxis básica.
  • ID selectors.
  • Class selectors.
Taller práctico: Crear la estructura de un sitio web.
  • Lo que vamos a hacer.
  • Interfaz de Dreamweaver.
  • Definir un sitio y crear un archivo HTML.
  • Agregar Metadata.
  • Estructura básica.
  • Agregar imágenes y menú.
  • Agregar contenido.
  • Crear una plantilla.
  • Agregar contenido a las páginas HTML.
  • Ajustes finales.
Etiquetas semánticas de HTML5.
  • Semántica para la web.
  • Nuevas etiquetas semánticas.
  • Document outline.
  • Uso de etiquetas semánticas de HTML5.
  • Uso del HTML5 Outliner.
  • Verificar el Document Outline de la plantilla.
  • Verificar el Document Outline del archivo index.
  • Finalizar el ejercicio.
Agregar semántica mediante microdata.
  • Semántica y microdata.
  • Crear un nuevo sitio.
  • Agregar microdata.
  • Scope embebido.
  • Finalizar el ejercicio.
Codificar video para HTML5.
  • Historia del video en la web.
  • Formatos de video para web.
  • Codificación a formato H.264 con Adobe Media Encoder,
  • Codificación a formato H.264 con HandBrake.
  • Codificación a formatos ogg y webm con Firefogg.
  • Codificación a formatos ogg y webm con Miro Video Converter.
  • Soporte de formatos de video en los navegadores.
Usar la etiqueta video en HTML5.
  • Uso de la etiqueta video.
  • Uso de diferentes formatos de video.
  • Uso del atributo poster.
  • Uso del atributo preload.
  • Uso del atributo autoplay.
  • Uso de un player de Flash.
Codificar y usar audio en HTML5.
  • Formatos de audio en HTML5.
  • Codificación de audio con Adobe Media Encoder.
  • Codificación de audio con VLC.
  • Soporte de formatos de audio en los navegadores.
  • Uso de la etiqueta audio.
  • Uso de varios formatos de audio y atributos.