¡Oferta!

El precio original era: $276.543.El precio actual es: $138.272.

Aprende los fundamentos de CSS y el diseño responsivo

Aprenderás a dar estilo visualmente atractivos a tus interfaces web utilizando CSS.

Peso chileno ($) - CLP
  • Peso chileno ($) - CLP
  • United States dollar ($) - USD
  • Peso argentino ($) - ARS

Descripción

En este curso aprenderás a dar estilo a tus interfaces web utilizando CSS, el lenguaje encargado de transformar estructuras HTML en diseños visualmente atractivos. A través de ejercicios prácticos, dominarás conceptos fundamentales como el modelo de caja, espaciado, colores, tipografías y unidades, aprendiendo a controlar cada detalle visual de una página web.

También te adentrarás en técnicas modernas de maquetación como Flexbox y media queries para crear diseños responsivos que se adapten a distintos dispositivos. Al finalizar el curso, estarás en condiciones de aplicar estilos profesionales a cualquier maqueta estructurada, conectando tu trabajo de diseño con la implementación en código.

Al concluir el curso podrás:

  • Aplicar estilos profesionales y consistentes a cualquier estructura HTML.
  • Comprender y dominar el modelo de caja (box model) para controlar márgenes, bordes y espaciado.
  • Usar tipografías, colores y unidades de medida de manera precisa y estética.
  • Crear diseños flexibles y responsivos con Flexbox y media queries.
  • Traducir tus diseños visuales de Figma o wireframes en interfaces web reales con CSS.

Duración: 4 semanas (8 clases / 2 horas diarias)

Nivel: Principiante

Requisitos:

  • Pc o Notebook con conexión a internet
  • Conocimientos básicos de usuario Windows/Mac/Linux

Contenido

Módulo 1: Fundamentos de CSS

  • ¿Qué es CSS y cómo se aplica a un documento HTML?
  • Sintaxis básica: selectores, propiedades y valores
  • Colores, unidades de medida y tipos de fuentes

Módulo 2: Modelo de caja y disposición de elementos

  • Box model.
  • Display.
  • Position.

Módulo 3: Flexbox y diseño responsivo

  • Introducción a Flexbox.
  • Distribución y ordenamiento de elementos
  • Media queries para adaptar el diseño a diferentes dispositivos

Módulo 4: Estilizando una página web

  • Aplicación de estilos completos a una maqueta HTML
  • Buenas prácticas.
  • Revisión general del código CSS