Ficha 005.175UdemyGRATIS

Crea una página web desde cero con HTML y CSS

Name: Crea una página web desde cero con HTML y CSS
Author: Jordan Alexander

por Jordan Alexander

Construye una página web completa con HTML semántico y CSS moderno (Custom Properties, :has()), con interactividad sin JavaScript, y la publica en internet.

Recomendado, valoración editorial 4 de 5

verificado 2026-10-01 — sigue siendo gratis en Udemy

Empezar en Udemy

Respuesta rápida

Curso gratis de Programación de nivel principiante en Udemy impartido por Jordan Alexander (1 h 30 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 1 de octubre de 2026.

Veredicto: 4/5 · Recomendado
Para quién: Principiantes que quieren construir su primera página web completa con HTML y CSS siguiendo un proyecto de principio a fin.
Nivel: Principiante
Duración: 1 h 30 min · 12 lecciones
Precio: Gratis en Udemy
Autor: Jordan Alexander
Plan sugerido: 2 sem. · 4 h/sem.
Verificado: el 1 de octubre de 2026

Nuestro veredicto

Recomendado

Curso breve y práctico que guía la creación de una página web completa con HTML y CSS modernos, hasta su publicación. Es especialmente útil para principiantes y para quien quiera ver HTML semántico, :has() y Custom Properties aplicados a un proyecto real.

Puntos fuertes

Es un proyecto completo de principio a fin, desde la estructura hasta la publicación.
Incluye técnicas modernas de HTML y CSS que evitan recurrir a JavaScript para interacciones sencillas.
Los capítulos siguen una progresión clara y fácil de seguir.

A tener en cuenta

Con 90 minutos, solo cubre lo necesario para un único proyecto, sin profundizar en todos los temas de CSS.
No se indica el año de publicación, por lo que no se puede comprobar si está actualizado.
La descripción no menciona ejercicios propuestos ni material descargable.

De qué trata

Curso de Udemy de unos 90 minutos y 12 lecciones en el que se construye una página web desde cero con HTML y CSS modernos. Se organiza en cinco capítulos: introducción, sección hero, sección principal, footer y publicación de la página en internet.

A lo largo del proyecto se usan etiquetas semánticas, details y summary para las preguntas frecuentes, Custom Properties para estructurar el CSS y la pseudoclase :has() para crear la interactividad del menú sin JavaScript. La descripción lo plantea tanto para principiantes como para personas con más experiencia.

HTML semántico: header, section, main, footer y nav
Preguntas frecuentes con details y summary, sin JavaScript
Custom Properties para un CSS reutilizable
Interactividad del menú con la pseudoclase :has()
Cómo subir la página a internet

Para quién es este curso

Principiantes que quieren construir su primera página web completa con HTML y CSS siguiendo un proyecto de principio a fin.
Quienes ya conocen lo básico y quieren practicar HTML semántico, Custom Properties y la pseudoclase :has() en un proyecto real.
Personas que quieren aprender a publicar una página en internet al terminar de construirla.

Mejor busca otro si…

Quienes buscan un estudio profundo y sistemático de CSS (layouts, animaciones, responsive) más allá de un único proyecto de 90 minutos.
Quienes ya dominan HTML semántico, :has() y variables CSS y solo quieren aprender JavaScript.

Antes de empezar

La descripción indica que sirve tanto para principiantes como para gente con experiencia, así que no exige conocimientos previos.

Qué sabrás hacer al terminar

Estructurar una página web con etiquetas semánticas como header, section, main, footer y nav.
Crear una sección de preguntas frecuentes con las etiquetas details y summary, sin JavaScript.
Organizar el código CSS con Custom Properties para hacerlo más reutilizable.
Crear interactividad en el menú de navegación con la pseudoclase :has(), sin JavaScript.
Publicar la página terminada en internet.

Estructura del curso

01
Introducción
Presentación del curso y de lo que se construirá con HTML y CSS modernos.
02
Sección hero
Creación de la sección hero de la página, la primera que ve el visitante.
03
Sección principal
Desarrollo del contenido central de la página, con HTML semántico y estilos CSS.
04
Footer
Construcción del pie de página para completar la estructura del sitio.
05
Publicación en internet
Último capítulo: cómo subir la página terminada a internet.

Capítulos del vídeo

01Introducción
02Creación de la sección hero
03Creando la sección principal de la página
04Footer de la página
05Subiendo la página a internet

Plan de estudio sugerido

2 semanas · unas 4 h por semana

1.Sesión 1: Introducción y sección hero. Prepara tu editor y replica la estructura y los estilos.
2.Sesión 2: Sección principal. Practica el HTML semántico y las Custom Properties.
3.Sesión 3: Footer y repaso de :has() y de details/summary. Prueba cambiar el contenido con tus propios textos.
4.Sesión 4: Subida a internet. Publica tu página y revisa el resultado.

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

Escribe el código a la vez que el vídeo en lugar de solo mirar; pausa al terminar cada sección.
Cuando aparezcan las Custom Properties, cambia colores y tamaños para ver cómo afecta a toda la página.
Al llegar a :has() y a details/summary, experimenta con tus propias variantes del menú y de las preguntas frecuentes.
Adapta el proyecto a un tema propio para consolidar lo aprendido antes de publicarlo.

Antes y después de este curso

Antes de este cursoCurso de HTML desde 0Refuerza los fundamentos de HTML antes de construir el proyecto.
Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndPermite profundizar en CSS después de este proyecto práctico.
Después de este cursoCurso de FlexBox desde 0Complementa con un tema concreto de maquetación en CSS.
AlternativaDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroOtro curso de HTML y CSS desde cero, con Bootstrap 4.

Cómo lo presenta Jordan Alexander

Utiliza HTML y CSS moderno para crear una página web desde cero.
Descubre cómo crear sitios web modernos y estilizados con HTML y CSS MODERNOS. En este curso aprenderemos desde los fundamentos aplicados a creación de páginas web con HTML y CSS, hasta técnicas avanzadas de CSS para crear interacción sin utilizar JavaScript. ¿Qué características veremos en este curso? - HTML Semántico (No abusamos…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

+¿Necesito saber programar para empezar?

No. La descripción indica que es válido tanto para principiantes en HTML y CSS como para personas con más experiencia.

+¿Cuánto dura?

Unos 90 minutos repartidos en 12 lecciones. Con pausas y práctica, puedes planificar unas dos semanas con cuatro horas semanales.

+¿Se usa JavaScript?

No. La interactividad del menú y de las preguntas frecuentes se logra solo con HTML y CSS, usando :has(), details y summary.

+¿Enseña a publicar la página?

Sí, el último capítulo se titula «Subiendo la página a internet» y trata la publicación del sitio.

Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en Udemy, y revisado según nuestro método. El contenido del curso es obra de Jordan Alexander; si ves algún error, avísanos.

Guías para sacarle partido

Ficha 005.006YouTubeGRATIS

Agentic AI – Complete Course for Beginners

Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.

Muy recomendadoverificado 2026-10-05

Ficha 005.036UdemyGRATIS

Aprende Accesibilidad Web paso a paso

Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.

Ficha 005.043YouTubeGRATIS

Aprende Godot - Curso completo desde cero

Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.