Diseño Web - Aprende creando un sitio web paso a paso
por Grover Vásquez
Construye un sitio web desde cero con HTML5, CSS3 y jQuery: estructura, estilos, menú de navegación, diseño responsive e interacciones dinámicas.
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 Grover Vásquez (2 h 33 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 que empiezan en el desarrollo web y quieren construir un primer sitio completo de principio a fin.
- Nivel
- Principiante
- Duración
- 2 h 33 min · 31 lecciones
- Precio
- Gratis en Udemy
- Autor
- Grover Vásquez
- Plan sugerido
- 2 sem. · 4 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso práctico y bien organizado para construir un primer sitio web con HTML5, CSS3 y jQuery, con diseño responsive incluido. Es adecuado para quien empieza y quiere un proyecto completo; quien busque tecnologías más actuales deberá complementarlo.
Puntos fuertes
- Proyecto guiado paso a paso que cubre HTML5, CSS3, responsive y jQuery en un único recorrido.
- Estructura clara en seis bloques, con 31 lecciones en unas 2 h 33 min.
- La descripción menciona evaluaciones, código fuente de los avances y recursos de apoyo.
A tener en cuenta
- No consta el año de publicación; jQuery y las prácticas de maquetación pueden haber quedado algo desfasadas frente a enfoques actuales.
- Es un curso de duración moderada: cubre fundamentos, no profundiza en temas avanzados.
- Los capítulos no indican marcas de tiempo, por lo que es más difícil navegar a un tema concreto.
De qué trata
Curso de Udemy de unas 2 h 33 min y 31 lecciones que guía la creación de un sitio web desde cero con HTML5, CSS3 y jQuery.
Se organiza en seis bloques: introducción y recursos, creación del sitio, configuración del diseño responsive, funcionalidad con jQuery, finalización del sitio y cierre. Parte de la planificación del aspecto del sitio, construye la estructura HTML, aplica estilos, crea el menú de navegación y las secciones, y termina añadiendo interacciones dinámicas.
- Planificación y maquetado de un sitio con HTML5
- Estilos con CSS3 y menú de navegación
- Diseño responsive para cualquier dispositivo
- Interacciones con jQuery y enlace activo
- Creación de un sitio con varias páginas
Para quién es este curso
- Personas que empiezan en el desarrollo web y quieren construir un primer sitio completo de principio a fin.
- Quien prefiere aprender haciendo un proyecto guiado en lugar de estudiar la teoría por separado.
- Quien necesita crear un sitio personal o profesional sencillo y que se vea bien en distintos dispositivos.
Mejor busca otro si…
- Quien ya maqueta con HTML y CSS con soltura y busca frameworks modernos o JavaScript avanzado.
- Quien busque un curso profundo de jQuery: aquí se usa solo para añadir funcionalidad concreta al sitio.
Antes de empezar
- La descripción indica que se construye el sitio desde cero, por lo que no se exige experiencia previa en HTML ni CSS.
Qué sabrás hacer al terminar
- Planificar el diseño de un sitio web antes de programarlo.
- Maquetar la estructura de un sitio con HTML5 y darle estilo con CSS3.
- Construir un menú de navegación y varias secciones de contenido.
- Configurar un diseño responsive para distintos dispositivos.
- Usar jQuery para añadir interacciones y marcar el enlace activo según la URL actual.
- Crear un sitio con varias páginas.
Estructura del curso
- 01
Introducción y recursos
Presentación del curso y de los recursos necesarios para empezar a crear y diseñar el sitio web, con la planificación de cómo debe verse.
- 02
Creando el sitio web
Construcción de la estructura HTML a partir del modelo planificado, aplicación de estilos CSS, barra de navegación y secciones de contenido.
- 03
Diseño responsive
Configuración del sitio para que pueda verse correctamente en cualquier dispositivo.
- 04
Funcionalidad con jQuery
Manejo de eventos e interacciones personalizadas, e identificación de la URL actual para activar el enlace correspondiente en la barra de navegación.
- 05
Finalización y cierre
Últimos ajustes del sitio, creación de varias páginas y despedida del curso.
Capítulos del vídeo
- 01Introducción y recursos
- 02Creando el sitio web
- 03Configurando el Diseño Responsive
- 04Funcionalidad del sitio con jQuery
- 05Finalizando el sitio web
- 06Cierre y despedida
Plan de estudio sugerido
2 semanas · unas 4 h por semana
- 1.Semana 1, sesión 1: Introducción y recursos; prepara el editor y los recursos, y planifica tu propio diseño.
- 2.Semana 1, sesión 2: Creando el sitio web; escribe el HTML y los estilos CSS a la vez que el vídeo.
- 3.Semana 2, sesión 1: Diseño responsive; prueba el sitio en distintos tamaños de pantalla.
- 4.Semana 2, sesión 2: jQuery, finalización y cierre; añade las interacciones y crea las páginas restantes.
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 tú mismo en lugar de copiarlo y pausa el vídeo al terminar cada sección del sitio.
- Planifica el aspecto de tu sitio en el primer bloque, ya que sirve de guía para toda la estructura HTML.
- Prueba el diseño responsive redimensionando el navegador tras cada cambio de estilo.
- Al terminar, adapta el sitio con tu propio contenido y añade una página extra para consolidar lo aprendido.
Antes y después de este curso
- Antes de este cursoCurso de HTML desde 0Refuerza los fundamentos de HTML si quieres partir con una base más sólida.
- Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndProfundiza en CSS tras este primer proyecto.
- AlternativaDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroTambién enseña desarrollo web con HTML y CSS desde cero.
- Después de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Natural siguiente paso para pasar de jQuery a JavaScript en profundidad.
Cómo lo presenta Grover Vásquez
Aprende a crear un sitio web desde cero con HTML5, CSS3 y jQuery, y que pueda ser visto en cualquier dispositivo.
Todo lo que necesitas saber para Aprender a crear el diseño de un sitio web desde cero, utilizando las siguientes tecnologías: - HTML5 para crear las etiquetas y el maquetado del sitio web. - CSS3 para darle el estilo de cada una de las secciones de nuestro sitio web. - JQuery para…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito saber programar antes?
No. La descripción indica que el sitio se crea desde cero y que está pensado para quien empieza en el desarrollo de páginas web.
+¿Cuánto dura?
Unas 2 h 33 min en 31 lecciones. Con pausas para practicar, puedes completarlo en unas dos semanas dedicando unas 4 horas semanales.
+¿Qué se construye?
Un sitio web con varias páginas, barra de navegación y secciones de contenido, con diseño responsive y funcionalidad dinámica con jQuery.
+¿Incluye material de apoyo?
La descripción menciona evaluaciones, código fuente de los avances, recursos para reforzar los conocimientos y soporte durante el curso.
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 Grover Vásquez; 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.