Introducción a HTML
  • Introducción
  • De HTML Tags a HTML 5: la historia
  • Validar el código
  • ¿Qué programa necesito?
Creando nuestro documento HTML
  • Estructura de un documento HTML
  • Elementos y etiquetas
  • Atributos de los elementos
  • Entender la maquetación con tablas
  • De tablas a divs
  • Los elementos de texto, comentarios y marcadores
  • Vínculos, rutas y estructuración de carpetas. Lorem ipsum.
  • Imágenes y sus atributos
  • Crear listas: ol, ul y dl
  • Recursos para la maquetación
Introducción a CSS
  • CSS. ¿Qué es y cómo lo insertamos?
  • Incluir estilos en el documento: estilos en línea y "head"
Creando la hoja de estilos para nuestro documento HTML
  • Vincular hojas de estilo. Trabajar con más de un documento CSS.
  • Cómo relacionar HTML y CSS: Clases e Ids.
  • Maquetación I: Revisión de nuestro documento
  • Box model content: Width y Float
  • Box model content: Margin y Padding
  • Dar formato al texto: estilo font-size y trabajar con la medida "em".
  • Dar formato al texto: añadir tipografías con @font-face
  • Pseudo-clases: hover, visited, active y otros
  • Aplicar colores e imágenes de fondo
  • Crear botones con imágenes de fondo
  • Ajustar los elementos del documento: display, position y visibility
Conclusión
  • Repasemos lo aprendido