Nivel Básico
27 clases
3 horas de contenido
16 horas de práctica
Construye un blog personal con CSS, usando Grid y técnicas de maquetación. Aprende a organizar tu proyecto con clases específicas, incluye herramientas como Chrome DevTools para depurar, y haz que tu sitio sea responsive con media queries.
Análisis y creación del proyecto
Creando la página principal
- 5
Maquetación HTML y CSS para un Blog Personal
06:08 min - 6
Estilos CSS para Estructurar y Diseñar un Sitio Web
12:16 min - 7
Integración de Iconos de Redes Sociales en HTML y CSS
09:00 min - 8
CSS: Estilos y Posicionamiento de Elementos HTML
08:57 min - 9
Maquetación y Estilos de Sección en HTML y CSS
10:07 min - 10
Posicionamiento y Estilo de Imágenes con CSS
02:23 min - 11
Integración de Fuentes Web en Proyectos HTML
03:35 min - 12
Estilización de Botones y Texto en HTML y CSS
04:15 min
Creando página de Blogs
- 13
Maquetación de Páginas Web con HTML y CSS
09:05 min - 14
Arquitectura de Clases CSS para Blogs en HTML
05:34 min - 15
"Estilos CSS para Estructurar un Blog en HTML"
12:14 min - 16
Estilos CSS para Imágenes y Textos en Diseño Web
08:04 min - 17
Creación de Botón Genérico en HTML y CSS
04:31 min - 18
Diseño y Estilo de Blogs con HTML y CSS
11:04 min - 19
Centrado de Contenido con CSS: Uso de Contenedores Responsivos
04:44 min
Creando página de Blog
Creando página de perfil
Blog responsivo
Cierre
Profes del curso
Conoce quién enseña el curso
Diego De Granda
Head of Education en Platzi
👨🏫 Google Developer Expert
🖥️ Chief Technology Officer at Besage.ai
👨💻 Experto en JavaScript y Web Components
Proyecto del curso
Tu blog profesional
Construye un blog estático para compartir tus intereses y experiencia profesional. En el home, coloca todas las entradas que generes y una página de detalle para cada contenido. También crea una sección de contacto, para que puedas conectarte con otros profesionales.
Opiniones del curso
4.7 · 2789 opiniones
Santiago Aristizabal
@santiago.aristizabal·
Excelente curso, son los fundamentos de maquetación y estructuración de una plantilla web.
Lexfer Ramirez
@lexferramirez·
Excelente el profesor buena estrategia de ensenanza sabe comunicar el contenido muy claro
Julian Orlando Castrillon Giraldo
@julian-castrillon·
En este curso, pude refrescar conceptos, y tengo una buena plantilla para mi portafolio.
Dayta Scientist
@dayta.scientist·
Excelente contenido y excelente docente
Víctor Esteban Cómbita Daza
@vcombitad·
Había olvidado un sin fin de etiquetas y la forma de maquetar un proyecto por la falta de práctica, este curso fue perfecto para retomar css y html.
javier gazmuri
@jagazmuri·
Muy buen curso, ademas el profe explica muy bien.
@Christian-Sanchez117·
Un curso excelente, varias definiciones como me quedo mas claro como la manera de maquetar la estructura de HTML y al final es seguir practicando
Evelio Ortega Vasquez
@evelio.ortega6951·
Excelente el profesor.
Huguette Alejandra López Hernández
@maeve8pachuli2·
Me gustó mucho, pude reafirmar todo lo que he aprendido en otros cursos y darle mejor organización a mis conocimientos de CSS y HTML :)
Alvaro Huaiquilef
@alvaro.h.13.t·
Excelente curso, Diego es un crack para explicar y enseñar
Andrés Aristizabal
@andresacor·
Es un gran curso para practicar la maquetación con HTML y CSS, es dinámico y para nada aburrido.
Cristian Lopez
@cristianalejandrolopezbautista·
excelente curso aprendi muchisimo
Daniel Salinas
@danielorlandosalinas935·
Bueno!
Jonathan Arevalo Silva
@Jonathan_Arevalo·
Excelente curso, Diego enseña de forma muy acertiva y asi es mejor el aprendizaje
ANDRO CARDENAS VARGAS
@ANDRUX90M·
me hubiera gustado seguir maquetando mas!
Jimmy Alexander Tejedor Romero
@alesssstejedor·
Estupendo curso para practicar !!
Daniel steven polo lozano
@dpolo9855·
excelente metodología de enseñanza basándose en ejemplos prácticos
Valentina Ramírez
@wavival·
¡Excelente!
Braynel Yecid Urbina Estrada
@braynelyecid·
Muy buenos datos para crear el blog y sobre la forma de usar @media es lo mejor para que cada pagina sea responsive para cualquier dispositivo
Enrique Espinoza
@mor3lias·
Excelente curso!
Any Omaña
@iamanyyeei·
Me encantó desarrollar el proyecto de este curso ya que fue una manera de practicar mis conocimientos en HTML y CSS, y a la vez, validar cómo llegar a un mismo resultado con otros procedimientos.
Bryan Castano
@Beaunix·
Grandiosos Curso CSS Maquetamiento, El curso fue muy bueno y el proffesor d'Granada si que sabe explicar bien, Muy Profesional como siempre.
David Osvaldo Mansilla
@mansidavid9999·
crack
Dender Adrian Pernia Valero
@denderpernia·
Excelente curso con De Granda, muy buen instructor, son muy didácticos y fáciles de entender, además es muy ameno en sus clases
Eduardo Ramón Rojas Gamarra
@Edu_Rojas·
Muy buena explicación.
Byron Tito
@byronthyto·
Me gusto el curso pero siento que falto usa mar la opción de grid y que además se veían algunas cosas descuadradas, mucho se dice que siempre se empieza el diseño por mobile pero creo que no lo hacen primero por que siempre empezamos por pantallas grandes y final lo modificamos para mobil
JORGE ADOLFO CALAMBAS CERON
@jorgeacalambas·
excelente
Kevin Yair Salazar Molinares
@kevinsalazarmo·
excelente
David Felipe Martínez
@davidfelipevillamilmartinez·
Excelente curso. Lo ame
Pantaleón Berumen Ruiz
@pantaberumen·
Super
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Ruta
Frontend y Backend con Javascript para Desarrollo Web
390 horas
40 Profes
¡Aprende Frontend, Backend y Full Stack Development con referentes en la industria y profes del Team Platzi!
Ruta
HTML y CSS desde cero
56 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender