Ficha 005.147UdemyGRATIS

Construye tu primer sitio web con HTML5 & CSS3 Puro

Name: Construye tu primer sitio web con HTML5 & CSS3 Puro
Author: Juan Carlos Amaranto Gonzalez

por Juan Carlos Amaranto Gonzalez

Construye paso a paso un sitio web responsivo con HTML5 y CSS3, sin flexbox ni grid, aplicando buenas prácticas de maquetación. Requiere conocer ya HTML y CSS.

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 intermedio en Udemy impartido por Juan Carlos Amaranto Gonzalez (1 h 58 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 ya han visto introducciones a HTML5 y CSS3 y quieren aplicarlas en un proyecto completo de sitio web.
Nivel: Intermedio
Duración: 1 h 58 min · 9 lecciones
Precio: Gratis en Udemy
Autor: Juan Carlos Amaranto Gonzalez
Plan sugerido: 1 sem. · 4 h/sem.
Verificado: el 1 de octubre de 2026

Nuestro veredicto

Recomendado

Curso breve y práctico para aplicar HTML5 y CSS3 en un primer sitio web responsivo. Funciona bien como ejercicio de consolidación para quien ya tiene las bases; no es una introducción desde cero. La información publicada sobre las lecciones es limitada.

Puntos fuertes

Es 100% práctico: cada clase construye el proyecto desde la estructura hasta los estilos.
Evita flexbox y grid a propósito para consolidar los fundamentos de CSS3.
Duración contenida (unas 2 horas) con un resultado concreto: un sitio responsivo.

A tener en cuenta

Exige haber cursado antes HTML y CSS; no sirve como primera toma de contacto.
No usa flexbox ni CSS grid, así que no refleja las técnicas de layout más habituales hoy.
No consta el año de publicación, por lo que no se puede valorar su actualidad.
Los capítulos publicados son solo dos y no detallan cada lección.

De qué trata

Curso práctico de unas 2 horas y 9 lecciones en el que se construye un sitio web completo aplicando lo aprendido en cursos previos de HTML5 y CSS3. Comienza instalando el entorno de trabajo y avanza sección por sección, desde la estructura hasta los estilos de cada etiqueta y clase.

El proyecto final es un sitio responsivo, adaptable a distintos dispositivos, maquetado con buenas prácticas y sin usar flexbox ni CSS grid, para reforzar las bases de CSS3. Los capítulos publicados son «Construyendo nuestro Sitio Web» e «Importante MEGA NOTICIA». Requiere conocimientos previos de HTML5 y CSS3.

Proyecto de sitio web completo con HTML5 y CSS3
Diseño responsivo adaptable a distintos dispositivos
Buenas prácticas de maquetación para webs y landing pages
CSS3 sin flexbox ni grid para afianzar bases
Instalación del entorno de trabajo

Para quién es este curso

Personas que ya han visto introducciones a HTML5 y CSS3 y quieren aplicarlas en un proyecto completo de sitio web.
Estudiantes que quieren afianzar las bases de CSS3 maquetando sin flexbox ni grid antes de pasar a CSS avanzado.
Quienes buscan un ejercicio práctico de principio a fin para su portafolio inicial como diseñadores o desarrolladores web.

Mejor busca otro si…

Quienes parten de cero en HTML y CSS: el propio curso exige conocimientos previos de ambos.
Quienes ya maquetan con flexbox y CSS grid y buscan técnicas modernas de layout.

Antes de empezar

Conocimientos de HTML5 (el curso los marca como requisito obligatorio).
Conocimientos de CSS3 (también requisito obligatorio).
Instalar el entorno de trabajo, que se explica al inicio del curso.

Qué sabrás hacer al terminar

Construir un sitio web completo combinando estructura HTML5 y estilos CSS3.
Aplicar buenas prácticas de maquetación en páginas web, landing pages, blogs y layouts.
Crear diseños responsivos que se adapten a distintos dispositivos.
Afianzar las bases de CSS3 sin recurrir a flexbox ni CSS grid.
Utilizar herramientas y recursos que facilitan el trabajo del desarrollador.

Estructura del curso

01
Preparación del entorno
El curso comienza instalando el entorno necesario para trabajar y repasando lo básico antes de entrar en el proyecto.
02
Construyendo nuestro Sitio Web
Sección principal: se construye el sitio sección por sección, desde la estructura HTML hasta los estilos de cada etiqueta y clase, con diseño adaptable a todo dispositivo y buenas prácticas.
03
Importante MEGA NOTICIA
Sección final incluida en la lista de capítulos; los datos no detallan su contenido.

Capítulos del vídeo

01Construyendo nuestro Sitio Web
02Importante MEGA NOTICIA

Plan de estudio sugerido

1 semana · unas 4 h por semana

1.Sesión 1: instala el entorno y sigue las primeras lecciones escribiendo el código tú mismo.
2.Sesión 2: avanza con las secciones del sitio y practica los estilos de cada bloque.
3.Sesión 3: termina el proyecto, revisa la parte responsiva y cierra con el último capítulo.
4.Sesión 4: personaliza el sitio con tu propio contenido y colores.

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 instructor y pausa en cada sección para probar el resultado en el navegador.
Repasa antes tus notas de HTML y CSS, porque el curso los da por sabidos.
Cuando termines, rehaz el layout con flexbox o grid para comparar ambos enfoques.
Prueba el sitio redimensionando la ventana para comprobar que es adaptable.

Antes y después de este curso

Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroCubre HTML y CSS desde cero, base que este curso exige como requisito.
Después de este cursoCurso de FlexBox desde 0Natural siguiente paso: layout con flexbox, que este curso deja fuera a propósito.
Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndProfundiza en CSS hasta nivel front-end tras haber consolidado las bases.

Cómo lo presenta Juan Carlos Amaranto Gonzalez

Trabaja paso a paso en el diseño de tu web en tiempo record.
Bienvenido al curso de Construye tu primer sitio web con HTML5 & CSS3 Puro En este curso trabajaremos lo aprendido en los dos cursos anteriores (HTML5 Desde Cero & CSS3 Desde Cero), hice hincapié a esto porque el curso se enfoca en diseñar un proyecto web. Es por eso que te enseñare paso a paso cada sección del sitio , la funcionalidad…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

+¿Necesito saber HTML y CSS antes?

Sí. La descripción indica como requisito obligatorio tener conocimientos de HTML5 y CSS3, y menciona dos cursos previos del autor sobre cada uno.

+¿Cuánto dura?

Unos 118 minutos, unas 2 horas de contenido repartidas en 9 lecciones según los datos publicados.

+¿Usa flexbox o CSS grid?

No. La descripción explica que se evitan para afianzar las bases de CSS3, ya que los considera conceptos de CSS avanzado.

+¿Qué construyo al final?

Un sitio web responsivo, adaptable a distintos dispositivos, trabajando estructura y estilos paso a paso.

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 Juan Carlos Amaranto Gonzalez; 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.