El objetivo general del curso es capacitar en el conocimiento de los conceptos de diseño de interfaces adaptables, construyendo y programando sitios web adaptables a los distintos tamaños de pantallas.
Dirigido a personas trabajadoras por cuenta ajena y autónomas de la Comunidad de Madrid que cumplan como mínimo alguno de los siguientes requisito
Aprendiendo a diseñar para que se vea correctamente en cualquier tamaño de pantalla las páginas webs, haciendo el contenido adaptable para dispositivos móviles.
MÓDULO 1: INTRODUCCIÓN Y FUNDAMENTOS (4 horas)
El objetivo del módulo es introducir las tecnologías, conceptos y competencias que se adquirirán a lo largo del desarrollo del curso para asegurar una adecuada comprensión del temario relacionado con el diseño web responsivo.
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.
MÓDULO 2: PREPARACIÓN (4 horas)
El objetivo del módulo es conocer y aplicar de manera práctica las diferentes estrategias de diseño, así como su planificación y su aplicación para pantallas móviles.
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,...)
MÓDULO 3: MAQUETACIÓN RESPONSIVE (8 horas)
El objetivo del módulo es capacitar para ser capaz de maquetar a través del sistema responsive, de manera fluida y responsiva en cuanto al texto, contenedores, imágenes y demás elementos multimedia.
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
MÓDULO 4: VISUALIZACIÓN Y RENDIMIENTO (4 horas)
El objetivo del módulo es comprobar los avances logrados de preparación y maquetación en responsive design y visualizarlos para que, de una manera práctica, se puedan comprobar los resultados de su formación.
Análisis del diseño responsivo
Preparación y carga
Observación de resultados.
Curso responsive web design
