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
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.
Julian Orlando Castrillon Giraldo
@julian-castrillon·
En este curso, pude refrescar conceptos, y tengo una buena plantilla para mi portafolio.
Evelio Ortega Vasquez
@evelio.ortega6951·
Excelente el profesor.
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
jostin jordan
@jostinjordan·
A detalle y con buenos argumentos 10/10
carlos lopez
@carlosalilopez27·
Excelente
Joan Carlos Caceres Orozco
@joancprofessionalmailbox·
Super curso como siempre el profe Diego el mejor
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!
Juan Manuel Echevarria Guanilo
@jechegu·
La forma de dictar el curso
Daniel steven polo lozano
@dpolo9855·
excelente metodología de enseñanza basándose en ejemplos prácticos
Enrique Espinoza
@mor3lias·
Excelente curso!
Maynor Abraham López López
@maynor94l39·
😎😎😎
Victor Darvid Quintero Plata
@quinteroplatavictordarvid·
Este curso aporta mucho para nuestro conocimiento y eso es muy importante para los cursantes.
Hector Enrique Marcano Parra
@hemarcano.p573·
Excelente curso para aprender a maquetar con CSS.
Henry Richard Flores Bazurto
@hflores07·
Gracias. Aprendí mucho.
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
Arturo Keymurth Torres
@arturokeymurth·
Genial curso me ayudaron los retos, ya que me esforzaba por hacerlos.
David Hernandez
@davidhernandez22·
Me gustó muchísimo el curso, muy práctico y refuerza lo aprendido en los cursos anteriores.
Victor Castro
@vicpau2206·
Como siempre grande De Granda, excelente curso, me ayudo a realizar mi portfolio.
JORGE ROJAS VELANDIA
@georgejar81·
Excelente curso, muy bien explicado por parte de Diego
Pantaleón Berumen Ruiz
@pantaberumen·
Super
Hans González
@hansucho_fenix·
poder ejercitar el maquetado
Nathalia Riquelme
@nathaliariquelme·
Great course, i think that i cant do it by myself YET but im on it 😊
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