Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.
Setup inicial
- 2

Construcción de Landing Page usando Figma, HTML y CSS
06:36 min - 3
Estrategias de Diseño Mobile First y su Impacto en SEO
02:34 min - 4

Estructuración de una Página Web con HTML Básico
06:11 min - 5

Organización de Assets para Proyectos Web
09:43 min - 6

Descarga e integración de fuentes con Google Fonts en HTML
05:41 min - 7

Estilos Base en CSS: Variables de Color y Buenas Prácticas
12:06 min
Sección de Header
Sección de Intercambios
- 12

Diseño y Estilos de Sección de Intercambio con HTML y CSS
10:11 min - 13

Estilos CSS para Imágenes de Fondo y Texto en HTML
07:43 min - 14

Creación de Tablas HTML con Estilos y Actualización de Datos
13:12 min - 15

Estilos CSS para Tablas: Diseño y Personalización Avanzada
10:24 min - 16

Estilos CSS para Tablas de Monedas en HTML
09:05 min - 17

Estilos CSS para Tablas y Herencia de Fuentes
10:50 min
Sección de Beneficios
Sección de Planes
- 21

Solución de Overflow y Sección de Imagen en CSS
10:36 min - 22

Creación de Sección de Planes con HTML y CSS
09:33 min - 23

Estilos CSS Base para Sección de Planes en HTML
07:06 min - 24

Estilos CSS para Tarjetas de Recomendación
10:10 min - 25

Estilos CSS para Tarjetas y Botones en HTML
10:18 min - 26

Estilos CSS avanzados para botones y tarjetas en HTML
09:12 min - 27

Scroll Horizontal con CSS desde Cero
11:40 min
Sección de Footer
Media Queries
Lighthouse
Próximos pasos
Conoce quién enseña el curso

Diego De Granda
Head of Education en Platzi
Head of Education en Platzi
4.9 · 4767 opiniones


Huguette Alejandra López Hernández
Me gustó mucho, sientas las bases y te das cuenta de que ya sabes hacer una página decente en cuestión del diseño con CSS y html :)

Alejandro Alcalá
Muy bueno el curso ,aprendí nuevas cosas y muy buen porfesor también................


Vilmarys Rodriguez
el profesor explica muy bien, hubiese sido mejor poder haber explicado hacer el scroll horizontal con el javascript.


Carlos Eduardo Ortiz Mora
Excelente curso, para reforzar conocimientos, me gustó mucho el uso de lighthouse
Este curso es parte de estas rutas de aprendizaje




Frontend y Backend con Javascript para Desarrollo Web
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!




HTML y CSS desde cero
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender




