Especialidad formativa

Responsive web design

IFCD69 20 h

Qué aprenderás

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 y 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

Contenido del curso

Introducción y fundamentos

OBJETIVO
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
CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
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.
HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
Reconocimiento del diseño responsivo como una herramienta básica a la hora de ser un profesional del diseño web.
Valoración de las ventajas que tiene para su desarrollo profesional como diseñador web el usar esta tecnología para mejorar rendimientos y costes.

Preparación

OBJETIVO
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.
CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
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,...)
HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
Reconocimiento del diseño responsivo como una herramienta básica a la hora de ser un profesional del diseño web.
Valoración de las ventajas que tiene para su desarrollo profesional como diseñador web el usar esta tecnología para mejorar rendimientos y costes..

Maquetación responsive

OBJETIVO
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.
CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
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
HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
Reconocimiento del diseño responsivo como una herramienta básica a la hora de ser un profesional del diseño web.
Valoración de las ventajas que tiene para su desarrollo profesional como diseñador web el usar esta tecnología para mejorar rendimientos y costes.

Visualización y rendimiento

OBJETIVO
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.
CONOCIMIENTOS/ CAPACIDADES COGNITIVAS Y PRÁCTICAS
Análisis del diseño responsivo
Preparación y carga
Observación de resultados.
HABILIDADES DE GESTIÓN, PERSONALES Y SOCIALES
Reconocimiento del diseño responsivo como una herramienta básica a la hora de ser un profesional del diseño web.
Valoración de las ventajas que tiene para su desarrollo profesional como diseñador web el usar esta tecnología para mejorar rendimientos y costes.