Green - Bienvenidos a nuestro catálogo digital - Cursos E-learning

IFCD69. Responsive web design.

visitado 351 veces

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

Unidad 1. Introducción y fundamentos.
- 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.

Unidad 2. Preparación.
- 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..

Unidad 3. Maquetación responsive.
- 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.

Unidad 4. Visualización y rendimiento.
- 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.