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.
Alvaro Huaiquilef
@alvaro.h.13.t·
Excelente curso, Diego es un crack para explicar y enseñar
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!
Johanna Marcela Orjuela Flórez
@johannamorjuela·
Buen curso, fué entretenido
Maynor Abraham López López
@maynor94l39·
😎😎😎
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
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.
Johan Mauricio Peñuela Hidalgo
@Johan2511·
Diego es un gran profesor, explica super bien los temas
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 😊
Cesar Victoria Ramírez
@cesarvictoria·
Excelente la forma en que se explicaron los tópicos en cada clase
Leonardo Moyano
@leonardo.moyano·
NICE
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