Fundamentos del Diseño Web
por Juan Carlos Amaranto Gonzalez
Enseña desde cero a maquetar sitios responsivos con HTML5 y CSS3 sin frameworks, con dos proyectos completos y su publicación en internet con hosting gratuito.
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 Juan Carlos Amaranto Gonzalez (8 h 28 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 nunca han escrito código y quieren crear y publicar su primera página web.
- Nivel
- Principiante
- Duración
- 8 h 28 min · 52 lecciones
- Precio
- Gratis en Udemy
- Autor
- Juan Carlos Amaranto Gonzalez
- Plan sugerido
- 6 sem. · 5 h/sem.
- Verificado
- el 1 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Curso de unas 8,5 horas con una estructura clara y dos proyectos prácticos, que lleva de cero hasta publicar un sitio responsivo con HTML y CSS. Es adecuado para principiantes absolutos; quien ya conoce estas bases no aprenderá mucho nuevo.
Puntos fuertes
- Cubre un recorrido completo: entorno, HTML, CSS, dos proyectos y publicación.
- Incluye dos sitios web completos como práctica, además de la teoría.
- Parte de cero y no exige experiencia previa ni frameworks.
A tener en cuenta
- No hay fecha de publicación, así que conviene comprobar si las herramientas y el hosting gratuito siguen vigentes.
- Se limita a HTML y CSS; no incluye JavaScript ni frameworks.
- La descripción no detalla ejercicios ni material descargable.
De qué trata
Curso de unas 8,5 horas y 52 lecciones que enseña a crear sitios web responsivos con HTML5 y CSS3, sin frameworks y partiendo de cero.
Se organiza en seis bloques: instalación del entorno, HTML 5, CSS 3, dos proyectos de sitio web completos y, al final, la configuración y el despliegue en producción con un dominio y un hosting gratuitos.
- Instalación del entorno de trabajo
- Etiquetas HTML5 y su clasificación
- Propiedades CSS3 para dar estilo
- Dos sitios web responsivos completos
- Despliegue con hosting y dominio gratuitos
Para quién es este curso
- Personas que nunca han escrito código y quieren crear y publicar su primera página web.
- Quien quiere una base sólida en HTML y CSS antes de pasar a JavaScript o a frameworks.
- Autodidactas que prefieren aprender construyendo sitios completos de principio a fin.
Mejor busca otro si…
- Quien ya maqueta con HTML5 y CSS3 con soltura y busca JavaScript o frameworks.
- Quien necesita un curso centrado en diseño visual o herramientas como Figma; este se centra en código.
Antes de empezar
- Ninguno: el curso parte de cero y está pensado para quien escribe código por primera vez.
Qué sabrás hacer al terminar
- Instalar y preparar el entorno de trabajo para desarrollar páginas web.
- Escribir etiquetas HTML5 y entender cómo se clasifican y qué función cumplen.
- Dar estilo a una página con CSS3 usando sus propiedades por categorías.
- Maquetar sitios web responsivos sin usar frameworks.
- Publicar un sitio en internet con un hosting y un dominio gratuitos.
Estructura del curso
- 01
Instalación del entorno
Preparación de las herramientas necesarias para empezar a programar el sitio web antes de escribir las primeras líneas.
- 02
HTML 5
Etiquetas HTML5, su clasificación y sus funciones, para estructurar el contenido de una página.
- 03
CSS 3
Propiedades CSS y su clasificación para personalizar cómo se muestra el sitio en el navegador.
- 04
Sitio Web 01 y Sitio Web 02
Dos proyectos prácticos de construcción de sitios desde cero, con menú de navegación, barra de navegación y secciones de contenido con estilo, de forma responsiva.
- 05
Configuraciones y despliegue en producción
Configuración final y publicación del sitio en internet con un dominio y un hosting gratuitos.
Capítulos del vídeo
- 01Instalación del Entorno
- 02HTML 5
- 03CSS 3
- 04Sitio Web 01
- 05Sitio Web 02
- 06Configuraciónes y Despliegue en Producción
Plan de estudio sugerido
6 semanas · unas 5 h por semana
- 1.Semana 1: instalación del entorno y primeras páginas con HTML 5; practica cada etiqueta en un archivo propio.
- 2.Semana 2: termina HTML 5 y empieza CSS 3; prueba las propiedades en la misma página.
- 3.Semana 3: completa CSS 3 y repasa la maquetación responsiva.
- 4.Semana 4: Sitio Web 01; constrúyelo a la vez que el vídeo y luego cambia el diseño.
- 5.Semana 5: Sitio Web 02; intenta adelantarte a cada paso antes de verlo.
- 6.Semana 6: configuración y despliegue; publica tu propio sitio.
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 todo el código tú mismo en vez de copiarlo, y pausa tras cada etiqueta o propiedad nueva para probarla.
- Abre la página en el navegador con el modo móvil activado para comprobar que es responsiva.
- Al terminar Sitio Web 01, haz una página propia con otro tema antes de pasar al segundo sitio.
- Reserva tiempo para el despliegue final y publica una versión sencilla de tu propia página.
Antes y después de este curso
- AlternativaCurso de HTML desde 0Curso de HTML desde cero, útil para reforzar la parte de HTML.
- AlternativaCURSO DE CSS COMPLETO: De Principiante a Front-EndProfundiza en CSS desde principiante, para reforzar la parte de estilos.
- Después de este cursoCurso de FlexBox desde 0Complementa la maquetación con Flexbox.
- Después de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨💻Siguiente paso natural tras HTML y CSS: añadir interactividad con JavaScript.
Cómo lo presenta Juan Carlos Amaranto Gonzalez
Construye sitios web responsivos para todo tipo de dispositivo movil u escritorio desde 0 sin usar frameworks.
Estas interesado en crear tu primera pagina web y no sabes cómo, este es tu momento, te enseñare paso a paso como diseñarla y subirla a internet sin invertir nada todo ABSOLUTAMENTE GRATIS. Si te preocupa no tener experiencia y es tu primera vez escribiendo código es de vital urgencia…
Extracto de la descripción original en Udemy.
Preguntas frecuentes
+¿Necesito experiencia previa?
No. La descripción indica que está pensado para quien escribe código por primera vez y que se construye todo desde cero.
+¿Cuánto dura?
Unas 8,5 horas en 52 lecciones. Con pausas y práctica, cuenta con unas 6 semanas a unas 5 horas semanales.
+¿Usa frameworks?
No. Se centra solo en HTML5 y CSS3, sin frameworks.
+¿Enseña a publicar la web?
Sí. El último bloque trata la configuración y el despliegue, y la descripción menciona un hosting y un dominio gratuitos.
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
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.