Crea y SUBE tu PRIMERA PÁGINA web con HTML y CSS [GRID]
por Jordan Alexander
Construye paso a paso una página web con HTML semántico y CSS Grid, la adapta a móviles y la publica en internet, sin librerías ni frameworks.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-01 — sigue siendo gratis en Udemy
Empezar en UdemyRespuesta rápida
Curso gratis de Programación de nivel principiante en Udemy impartido por Jordan Alexander (1 h 50 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
- Personas con nociones básicas de HTML y CSS que quieren aplicarlas en un proyecto completo.
- Nivel
- Principiante
- Duración
- 1 h 50 min · 19 lecciones
- Precio
- Gratis en Udemy
- Autor
- Jordan Alexander
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso breve y práctico que lleva de la estructura HTML a la publicación de una página con CSS Grid y diseño responsive. Es ideal para quien ya conoce lo básico y quiere un primer proyecto real; la falta de fecha y de detalles sobre ejercicios invita a algo de cautela.
Puntos fuertes
- Proyecto práctico de principio a fin, desde la estructura hasta la publicación.
- Incluye el paso de subir el sitio a internet.
- Duración contenida (unos 110 minutos) en 19 lecciones con progresión clara.
A tener en cuenta
- No consta el año de publicación; conviene comprobar que las técnicas siguen vigentes.
- La descripción no menciona ejercicios adicionales ni material descargable.
- Al ser un único proyecto corto, la profundidad en cada tema es limitada.
De qué trata
Curso 100% práctico de unos 110 minutos y 19 lecciones en el que se crea una primera página web con HTML y CSS, sin librerías ni frameworks.
Se organiza en cinco bloques: presentación del proyecto, estructura del HTML, estilos de la página, adaptación a dispositivos móviles y, por último, publicación del sitio en internet. La descripción cita HTML semántico, variables en CSS, posicionamiento, clip-path, CSS Grid, fondos y diseño responsive.
- HTML semántico y estructura del proyecto
- Variables, fondos y clip-path en CSS
- Layout con CSS Grid y posicionamiento
- Diseño adaptable a móviles (responsive)
- Subir la página web a internet
Para quién es este curso
- Personas con nociones básicas de HTML y CSS que quieren aplicarlas en un proyecto completo.
- Quien quiere publicar su primera página web y ver el proceso de principio a fin.
- Estudiantes que quieren practicar CSS Grid, posicionamiento y diseño adaptable sin librerías.
Mejor busca otro si…
- Quien ya maqueta layouts responsive con Grid y sabe publicar sitios estáticos.
- Quien nunca ha visto HTML ni CSS y busca una explicación de fundamentos desde cero.
Antes de empezar
- HTML y CSS básicos (la descripción lo recomienda de preferencia)
Qué sabrás hacer al terminar
- Estructurar una página web con HTML semántico.
- Aplicar estilos generales, variables CSS y fondos a un documento.
- Maquetar un layout con CSS Grid y posicionamiento.
- Adaptar la página a dispositivos móviles con diseño responsive.
- Subir el sitio web a internet.
Estructura del curso
- 01
Introducción al proyecto
Presentación de lo que se construirá durante el curso.
- 02
Estructura del HTML
Se estructura el HTML del proyecto.
- 03
Estilos de la página
Se añaden los estilos; la descripción menciona variables en CSS, posicionamiento, clip-path, fondos y CSS Grid.
- 04
Adaptación a móviles
Se adapta la página a dispositivos móviles y se termina el diseño.
- 05
Publicación en internet
Se sube la página a internet.
Capítulos del vídeo
- 01¿Qué haremos en este curso?
- 02Estructurando el HTML del proyecto
- 03Agregando los estilos a la página
- 04Adaptando a dispositivos móviles y terminando la página
- 05Subiendo la página a Internet
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Semana 1, sesión 1: introducción y estructura del HTML; escribe el HTML a la vez que el vídeo.
- 2.Semana 1, sesión 2: estilos de la página; practica variables, fondos y Grid cambiando valores.
- 3.Semana 2, sesión 1: adaptación a móviles; prueba con las herramientas del navegador.
- 4.Semana 2, sesión 2: publicación; sube tu propia versión con contenido personalizado.
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
- Repasa antes lo básico de HTML y CSS si no lo recuerdas, ya que el curso lo da por supuesto.
- En el bloque de estilos, pausa y modifica las columnas y áreas de Grid para entender su efecto.
- Al adaptar a móviles, comprueba el resultado con el modo dispositivo del navegador.
- Personaliza el contenido y los colores del proyecto para que la página publicada sea tuya.
Antes y después de este curso
- Antes de este cursoCurso de HTML desde 0Refuerza los fundamentos de HTML antes de afrontar el proyecto.
- Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndPermite profundizar en CSS tras completar este primer proyecto.
- Después de este cursoCurso de FlexBox desde 0Complementa Grid con Flexbox para maquetación.
Cómo lo presenta Jordan Alexander
Sube tu primera página web a internet, creando tu sitio web con HTML y CSS [GRID]
¿Quieres crear tu primera página web con HTML y CSS sin ninguna libreria o framework o te gustaría subir tu página web a internet? Si has respondido que sí a una de las preguntas anteriores entonces este curso es para ti, en este curso aprenderás: - Estructurar adecuadamente con HTML - Darle estilos generales a un…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber HTML y CSS?
La descripción recomienda de preferencia conocimientos básicos de HTML y CSS, aunque no lo plantea como obligatorio.
+¿Cuánto dura?
Unos 110 minutos repartidos en 19 lecciones. Con pausas y práctica, cuenta con unas dos semanas a ritmo suave.
+¿Qué se construye?
Una página web con HTML y CSS sin librerías ni frameworks, adaptada a móviles y publicada en internet.
+¿Qué estudiar después?
Puedes profundizar en CSS o en Flexbox con otros cursos del catálogo.
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
Más cursos de Programación
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.
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.
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.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.