1. Inicio
  2. Capacitación Profesional
  3. Informática y programación
  4. IFCD69. Responsive web design.
  • 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.





Cursos relacionados

¿Quieres ver todas las acciones formativas relacionadas？

Ver todos