20HORAS |
Diseñado y producido por Smartmind
Contenidos
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.
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.
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,...)
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..
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
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.
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.
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.
