USD
Contáctanos en

Cursos de Tecnología y digital

CSS Avanzado: Diagramación y Responsive Web Design

Tecnología y digital

Curso de CSS Avanzado: Diagramación y Responsive Web Design

Enseña: Daniel Salamanca - Profesor Asociado de Diseño Interactivo

  • Avanzado
  • 449 alumnos
  • 4.8
¡Empezar curso!

Co-certifica (OPCIONAL):

Descripción del curso online

Un sitio web que no se adapta a distintos dispositivos pierde orden, legibilidad y usabilidad. Este curso profundiza en técnicas de diagramación avanzadas con flexbox y CSS grid, resaltando en qué casos conviene usar cada una. También se abordan los principios del responsive web design, aplicando media queries, viewport y unidades relativas para lograr interfaces consistentes y escalables. La metodología combina explicación técnica con ejercicios aplicados, y culmina en un proyecto final que integra todo lo aprendido en un contexto práctico.

¿Qué voy a aprender?

Aprenderás a diagramar páginas web de forma avanzada utilizando flexbox y grid en CSS, y a implementar diseños responsive que se adapten a distintos dispositivos, aplicando buenas prácticas para lograr interfaces organizadas, funcionales y visualmente consistentes.

¿A quiénes está dirigido?

Estudiantes y profesionales interesados en el diseño y desarrollo web que deseen perfeccionar sus habilidades en diagramación avanzada y diseño responsive.

Requisitos

- Curso de HTML Básico/Intermedio - Curso CSS Básico/Intermedio

Contenido del curso CSS Avanzado: Diagramación y Responsive Web Design

  • Módulo 1Diagramar páginas web con flexbox en CSS

    6 Cápsulas 01:04:15

    • Cápsula 1: ¡Bienvenidos al curso!
      Acceso Premium
    • Cápsula 2: Visual studio code
      Acceso Premium
    • Cápsula 3: ¿Qué es flexbox?
      Acceso Premium
    • Cápsula 4: Propiedades del padre en flexbox
      Acceso Premium
    • Cápsula 5: Propiedades del hijo (ítems) en flexbox
      Acceso Premium
    • Cápsula 6: Ejercicio práctico: Diagramación con flexbox
      Acceso Premium

  • Módulo 2Diagramar páginas web con grids en CSS

    6 Cápsulas 01:31:53

    • Cápsula 1: ¿Qué son CSS grids?
      Acceso Premium
    • Cápsula 2: Definiendo columnas y filas en el padre de grid
      Acceso Premium
    • Cápsula 3: Personalizando posiciones y tamaños en los hijos de grid
      Acceso Premium
    • Cápsula 4: Creando plantillas de retículas
      Acceso Premium
    • Cápsula 5: Alineación de la retícula, las filas, las columnas y los hijos
      Acceso Premium
    • Cápsula 6: Ejercicio práctico: Diagramación con grids
      Acceso Premium

  • Módulo 3Responsive web design

    4 Cápsulas 00:28:04

    • Cápsula 1: Origen y conceptos básicos
      Acceso Premium
    • Cápsula 2: Viewport y media queries
      Acceso Premium
    • Cápsula 3: Unidades con las que debemos trabajar
      Acceso Premium
    • Cápsula 4: Planeación de nuestro ejercicio: Los móviles primero
      Acceso Premium

  • Módulo 4Crear páginas web responsive

    7 Cápsulas 01:00:27

    • Cápsula 1: Cambiando la diagramación de página de acuerdo al tamaño
      Acceso Premium
    • Cápsula 2: Menús en responsive web design
      Acceso Premium
    • Cápsula 3: Esconder y mostrar elementos
      Acceso Premium
    • Cápsula 4: Las imágenes en responsive web design
      Acceso Premium
    • Cápsula 5: Videos en responsive web design
      Acceso Premium
    • Cápsula 6: Flexbox y responsive web design
      Acceso Premium
    • Cápsula 7: Grids y responsive web design
      Acceso Premium

Examen finalPara obtener tu certificado de aprobación del curso, tendrás 2 intentos al día para aprobar con más de 70% un examen de opciones múltiples.

Sobre nuestro experto

Daniel Salamanca profesora del curso CSS Avanzado: Diagramación y Responsive Web Design

Daniel Salamanca

Profesor Asociado de Diseño Interactivo

Profesor asociado en diseño interactivo de una de las más prestigiosas universidades en diseño de Latinoamérica: Universidad de Bogotá Jorge Tadeo Lozano. Casi 20 años de experiencia, enseñando y creando productos interactivos para internet. HTML es el lenguaje estándar de internet, durante este periodo, ha vivido y trabajado toda su evolución, conociendo cada uno de sus detalles y usándolos en múltiples sitios de todo tipo de empresas.

Certifícate e impulsa tu carrera

A nombre de Dionisio Romero University
Modelo de certificado opcional de nuestro curso*La Universidad Dionisio Romero University certificará a todos los alumnos de NETZUN

Sobre las instituciones

Netzun - cursos en linea
Empresa de Edtech, fundada en el 2015 y especializada en educación virtual basada en la metodología de ‘microlearning’. Tiene el propósito de democratizar el conocimiento de personas extraordinarias en toda Latinoamérica
Dionisio Romero University certifica nuestros cursos
Dionisio Romero University es una universidad estadounidense que se destaca por ofrecer una experiencia académica única y de vanguardia. Cuenta con una plana docente altamente calificada, comprometidos con la excelencia académica y el desarrollo integral de sus estudiantes. Más información

Conoce más sobre Netzun y cómo te ayudamos a crecer

Desarrolla tus habilidades con nosotros

Beneficios

Acceso total a los videos del curso

Materiales descargables

Foro con otros estudiantes

Certificado de culminación

- 84%

COMPRAR CURSO

11.90

US$ 3.90Antes US$ 23.90

OFERTA EXPIRA EN:

00

Hrs

:

00

Mins

:

00

Segs
Añadir cupón

Para siempre

Desarrolla tus habilidades con nosotros

- 84%

COMPRAR CURSO

US$ 3.90 Antes US$ 23.90

OFERTA EXPIRA EN:

00

Hrs

:

00

Mins

:

00

Segs
Añadir cupón

BENEFICIOS

  • Acceso total a los videos del curso
  • Materiales descargables
  • Foro con otros estudiantes
  • Certificado de culminación
  • Para siempre
Educación online para tu crecimiento profesional
Cursos cortos que aplican la metodología micro-learning
Clases cortas (micro-learning)
Aprende con cursos concisos de 2 horas de duración en promedio, subdivididos en videos de max 10 minutos.
  • Información concisa sobre skills específicos
  • Más fácil de aprender, y super prácticos
Acceso para siempre a nuestros cursos
Acceso para siempre
Si compras un curso o especialización, tendrás acceso a los contenidos grabados para siempre.
  • Accede a tus clases cuando quieras, sin horarios
  • Accede a tus clases las veces que quieras
Especializaciones certificadas con proyectos de aprendizaje
PREMIUM
Aprendizaje basado en Proyectos
Todos los cursos y especializaciones tendrán un proyecto final para que puedas poner en práctica tus nuevas habilidades
  • Pon en práctica tus nuevas habilidades
  • Tendrás feedback de mentores
  • Crea un portafolio de proyectos, mejora tu CV.
Cursos certificados
Certifícate al aprobar
tus cursos
Al finalizar un curso tendrás que aprobar un examen y te emitiremos un certificado digital que valide tus habilidades.
  • Certificado con código único
  • Mejora tu CV
  • Impulsa tu carrera profesional