Introducción
  • Introducción al Máster en CSS: CSS3, Responsive, SASS, LESS, Flexbox, Grid y más
[ Introducción: HTML ]
  • HTML - ¿Que aprenderás?
Aprender HTML desde cero (opcional)
  • ¿Que es HTML y para que sirve?
  • ¿Que es una etiqueta y como funciona?
  • La estructura de una página web con HTML
  • Etiquetas de texto en HTML
  • Listas y listados en tu página web html
  • Poner imágenes en una web
  • Tablas HTML
  • Crear formularios en HTML
  • Ejercicio completo para practicar con HTML
  • Múltiples páginas
  • Enlaces con HTML
[ Introducción: CSS y las hojas de estilo en cascada ]
  • CSS - ¿Que aprenderemos?
Primeros pasos con CSS
  • ¿Que es CSS y para que sirve?
  • Herramientas para trabajar con CSS 3
  • Creando el proyecto
  • Estructura HTML
  • Como añadir estilos CSS a una web
Selectores en CSS
  • ¿Que es un selector?
  • Selectores de etiquetas
  • Selector de ID
  • Selector de clase
  • Selector de atributo
  • Selectores hijo
  • Prioridad en CSS
Fuentes y colores
  • Fuentes
  • Fuentes personalizadas con CSS3
  • Colores
Fondos y textos
  • Fondos
  • Propiedades CSS para textos
Modelo de cajas y posicionamiento de elementos
  • Modelo de cajas - Margenes, paddings, alto, ancho y bordes en CSS
  • Posicionamiento de cajas
  • Practicando con los floats
Ejercicios con CSS
  • Enunciado de los ejercicios
  • Ejercicio 1
  • Ejercicio 2
  • Ejercicio 3
  • Ejercicio 4
  • Ejercicio 5
  • Ejercicio 6 y 8
  • Ejercicio 7
  • Ejercicio 9
Sombras y efectos
  • Sombras
  • Bordes redondeados
Posicionamiento relativo, absoluto y fijo
  • Overflows
  • Posición absoluta (absolute)
  • Posición fija (fixed)
Transiciones y animaciones
  • Pseudoclases
  • Transiciones
  • Animaciones con CSS3
[ Introducción: Proyecto completo con HTML5 y CSS3 ]
  • Proyecto completo con HTML y CSS - ¿Que aprenderás?
Proyecto completo - Maquetación web con HTML5 y CSS3
  • Introducción al proyecto de maquetación con HTML 5 y CSS 3
  • Recursos para este proyecto
  • Estructura del proyecto web
  • HTML básico y favicon
  • HTML de la cabecera
  • Estilos de la cabecera
  • Fuentes personalizadas en CSS
  • HTML del menú
  • CSS del menú de navegación
  • Efecto hover en el menú
  • Menús desplegables
  • HTML de la barra lateral
  • CSS para la barra lateral
  • Estilos de los formularios
  • Terminando la barra lateral
  • Colores de los encabezados de la barra lateral
  • HTML para las secciones
  • CSS para las secciones
  • Maquetación de las pegatinas o stickers
  • Iconos svg a través de una fuente personalizada
  • Footer o pie de página del sitio web
[ Introducción: Responsive Web Design ]
  • Responsive Web Design y diseño web adaptable - ¿Que aprenderás?
Responsive Web Design - Aprender a adaptar webs para smartphones y tablets
  • ¿Que es el Responsive web design o el diseño web adaptable?
  • Maquetación con porcentajes
  • Media queries
  • Viewport para mejorar el Responsive
[ Introducción: Proyecto completo y maquetación web avanzada ]
  • Maquetación avanzada - ¿Que aprenderás?
Proyecto completo - Maquetación web avanzada con HTML 5 y CSS 3
  • Introducción al nuevo proyecto de maquetación web y responsive
  • Recursos para este proyecto web