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