Aprende CSS para dar estilo a tus páginas WEB

De qué trata

Curso en vídeo de unas 20 horas y 82 lecciones que enseña a usar CSS para dar estilo y maquetar páginas HTML. Se organiza en cuatro bloques: Introducción, CSS Básico, CSS avanzado y un Proyecto Fin Curso.

Cada sesión, según la descripción, combina presentaciones teóricas breves, práctica con ejercicios, un repaso final y ejercicios adicionales. Se explican la sintaxis, los selectores y las propiedades, y cómo maquetar a partir de archivos fuente en formato de imagen. La descripción también menciona un manual en PDF y ejercicios complementarios.

• Fundamentos de CSS, sintaxis y forma de uso
• Selectores y propiedades de todo tipo
• Separación entre estructura (HTML) y presentación (CSS)
• Maquetación a partir de archivos fuente en imagen
• Proyecto final del curso

Para quién es este curso

• Personas que empiezan con el maquetado web y quieren aprender CSS de forma estructurada, desde la sintaxis hasta un proyecto final.
• Quien conoce algo de HTML y busca un curso largo con teoría breve, práctica y ejercicios adicionales.
• Autodidactas que prefieren un recorrido por lecciones cortas (82 en total) dentro de bloques claros.

Qué sabrás hacer al terminar

• Entender los fundamentos de CSS, su sintaxis y su forma de uso.
• Aplicar distintos tipos de selectores y propiedades para dar estilo a una página.
• Maquetar páginas web a partir de archivos fuente en formato de imagen (GIF, JPG, PNG, etc.).
• Separar la estructura (HTML) de la presentación (CSS) en un sitio web.
• Realizar un proyecto final que reúna lo visto durante el curso.

Plan de estudio sugerido

9 semanas · unas 4 h por semana

1. 1.Semana 1: Introducción y primeras lecciones de CSS Básico; practica la sintaxis con una página HTML propia.
2. 2.Semanas 2-3: CSS Básico completo; haz los ejercicios de cada sesión y repasa los selectores.
3. 3.Semanas 4-6: CSS avanzado; reproduce los ejemplos y practica la maquetación a partir de imágenes.
4. 4.Semanas 7-8: termina CSS avanzado y revisa los ejercicios complementarios.
5. 5.Semana 9: Proyecto Fin Curso; constrúyelo y mejóralo por tu cuenta.

El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.

Consejos para seguirlo

• Mantén abierta una página HTML propia y replica cada ejemplo antes de pasar a la siguiente lección.
• Haz los ejercicios adicionales de cada sesión antes de continuar; la descripción indica que el curso los incluye.
• Usa las herramientas de desarrollo del navegador para inspeccionar cómo se aplican los estilos.
• Como el material puede ser antiguo, contrasta las propiedades con la documentación actual de CSS, especialmente en maquetación.

Antes y después de este curso

• Antes de este cursoCurso de HTML desde 0Aporta la base de HTML sobre la que se aplica CSS.
• AlternativaCURSO DE CSS COMPLETO: De Principiante a Front-EndOtro curso completo de CSS, de principiante a front-end.
• Después de este cursoCurso de FlexBox desde 0Profundiza en un sistema de maquetación concreto de CSS.
• Después de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨‍💻Siguiente paso habitual tras HTML y CSS para añadir interactividad.

Cómo lo presenta Carlos Blanco Gómez

Crear estructuras de sitios web utilizando el popular lenguaje de programación necesario para maquetar páginas HTML

El CSS (hojas de estilo en cascada) es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado (por ejemplo, HTML). Así, a los elementos de la página web creados con HTML se les dará la apariencia que se desee utilizando CSS: colores, espacios entre…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

Más cursos de Programación