Curso Práctico de Maquetación en CSS

Clases del Curso Práctico de Maquetación en CSS

Instruido por:
Diego De Granda
Diego De Granda
Básico
3 horas de contenido
Ver la ruta de aprendizaje
Tu blog profesional
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.

Curso Práctico de Maquetación en CSS

Curso Práctico de Maquetación en CSS

Progreso del curso:0/26contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/26contenidos(0%)

Introducción

Material Thumbnail

Lo que aprenderás sobre maquetación en CSS

02:19 min

Material Thumbnail

Chrome Devtools

02:09 min

Análisis y creación del proyecto

Material Thumbnail

Diseño del proyecto

04:07 min

Material Thumbnail

Setup del proyecto

04:17 min

Creando la página principal

Material Thumbnail

Arquitectura del header en HTML

06:08 min

Material Thumbnail

Estilos en el header

12:16 min

Material Thumbnail

Agregando íconos

09:00 min

Material Thumbnail

Agregando imágenes al header

08:57 min

Material Thumbnail

Manejo de Grid para posicionar contenedores

10:07 min

Material Thumbnail

Manejo de imágenes de Background

02:23 min

Material Thumbnail

Agregando fuentes

03:35 min

Material Thumbnail

Terminando el Home

04:15 min

Creando página de Blogs

Material Thumbnail

Estilos en blogs html

12:14 min

Material Thumbnail

Estilos del botón

04:31 min

Material Thumbnail

Trabajando la sección de post

11:04 min

Creando página de Blog

Material Thumbnail

Crear la pantalla de blog

10:32 min

Material Thumbnail

Agregando estilos a la página de blog

08:40 min

Creando página de perfil

Material Thumbnail

Sección de contacto

11:00 min

Material Thumbnail

Maquetando perfil HTML

08:16 min

Material Thumbnail

Manejando estilos en la página de perfil

12:19 min

Blog responsivo

Cierre

nuevosmás votadossin responder
César Velandia
César Velandia
Estudiante

Cuál es la diferencia entre usar la imagen con etiqueta img en el html y la imagen en el CSS con la propiedad background? Por ejemplo el reto lo hice con la etiqueta img en el html y modificando el fondo con posición relativa y absoluta, pero no sé si eso no sea buena práctica.

mainsection.main-sectiondiv.main-section__backgroundimg(src="./assets/img/Cover.png", alt="")
            h1.main-section__text Conoce las novedades y noticias del Mundo Tech 
            a(href="#") Entra ya!!
1
Nelson Neyen Marquez Romero
Nelson Neyen Marquez Romero
Estudiante

Hola, ¿dónde encuentro la carpeta con todos los assets?

1
Alejandro Oliva Caballero
Alejandro Oliva Caballero
Estudiante

mi pregunta es como puedo descargarme mis propios iconos con font ya como los tiene el profesor cuando lo intento no me deja hay que registrarse o tener el plus para eso?

0
Juan Fernando Lenis
Juan Fernando Lenis
Estudiante

es mejor resetear los estilos con el selector de body o con el selector universal?

1
Juan Fernando Lenis
Juan Fernando Lenis
Estudiante

Por que usar position: fixed; y no simplemente darle una altura de 100vh? o es mejor position?

1
Andres Tuiran Mendoza
Andres Tuiran Mendoza
Estudiante

Es buena practica crear un archivo css para cada archivo html?
SIento que el css quedo larguisimo jaja

1
Cristian Contreras
Cristian Contreras
Estudiante

No me cargan los iconos 😦 no sé que estoy haciendo mal.

Sin títul2o.png
2
Cristian Contreras
Cristian Contreras
Estudiante

Cuando fui a descargar los iconos me dice que tengo que copiar y pegar un div dentro de la pagina web que estoy construyendo. En qué parte la pongo? ustedes lo pusieron o pagaron para no ponerlo?

1
Cristian Contreras
Cristian Contreras
Estudiante

No entiendo para qué sirve el justify-items. Abrí el inspector de elementos y desde ahí empecé a ponerle center, end, flex-end y no hizo ninguna diferencia.

1
Diego armando Beltran saavedra
Diego armando Beltran saavedra
Estudiante

porque al momento de dar click a mi blog no me devuelve a la pagina de inicio alguien que me ayude ??

1