UNIDAD DIDÁCTICA 1. INTRODUCCIÓN Y FUNDAMENTOS
- Conceptos comunes
- Control de los viewports
- Comprensión de las densidades de pantalla
- Diseño para múltiples densidades de pantallas
- Comprensión de las mediaqueries
- Creación de break points con mediaqueries
- Uso de rejilla fluida
- Creación de imágenes responsivas
- Creación de formularios responsivos.
UNIDAD DIDÁCTICA 2. PREPARACIÓN
- Estrategias de diseño responsivo
- Planificación del diseño responsivo
- Creación de responsive mockups
- Diseño para móviles
- Frameworks de rejilla fluida (Bootstrap,...)
UNIDAD DIDÁCTICA 3. MAQUETACIÓN RESPONSIVE
- Preparación del archivo html5
- Creación de contenedores para los contenidos y la maquetación
- Establecimiento de archivos CSS para todas las dimensiones de pantalla
- Enlace de las hojas de estilo CSS según los tamaños de pantalla conmediaqueries
- Permiso para que Internet Explorer 7 y 8 entiendan HTML5
- Configuración de la escala de viewport
- Creación de reglas CSS según cada pantalla
- Selectores CSS avanzados
UNIDAD DIDÁCTICA 4. VISUALIZACIÓN Y RENDIMIENTO
- Análisis del diseño responsivo
- Preparación y carga
- Observación de resultados.
