Aprende HTML5 y CSS3 desde cero

De qué trata

Curso de Udemy de Juan Fernando Urrego, de unas 5,8 horas y 43 lecciones, para construir sitios web desde cero con HTML5 y CSS3. Está organizado en tres bloques: introducción a HTML5, introducción a CSS3 e introducción al diseño web responsivo.

Empieza por las etiquetas más importantes, desde la cabecera hasta el pie de página, pasando por enlaces, navegación, columnas, secciones, artículos, imágenes, video y audio. Después presenta la clasificación de las propiedades CSS para dar apariencia a esas etiquetas y termina con diseño responsivo y un sistema propio de filas y columnas sin frameworks. Incluye una carpeta descargable con el material.

• Etiquetas HTML5: cabecera, navegación, secciones, artículos y pie
• Imágenes, video y audio en HTML5
• Clasificación de propiedades CSS3 para dar estilo
• Buenas prácticas de diseño web responsivo
• Sistema propio de filas y columnas sin framework

Para quién es este curso

• Diseñadores gráficos o visuales que quieren pasar sus diseños a la web con HTML5 y CSS3.
• Principiantes sin experiencia que desean construir su propia página web desde cero.
• Emprendedores o artistas que quieren entender cómo se maqueta un sitio sin depender de un framework.

Qué sabrás hacer al terminar

• Escribir etiquetas HTML5 y entender cómo se clasifican y para qué sirven.
• Maquetar un sitio web completo, desde la cabecera hasta el pie de página.
• Aplicar propiedades CSS3 para dar apariencia a las etiquetas creadas en HTML5.
• Aplicar buenas prácticas de diseño web responsivo.
• Construir un sistema propio de filas y columnas con HTML5 y CSS3, sin framework.

Plan de estudio sugerido

2 semanas · unas 5 h por semana

1. 1.Semana 1, sesión 1-2: sección de HTML5; escribe cada etiqueta en tu editor y crea una página con cabecera, navegación y pie.
2. 2.Semana 1, sesión 3: añade imágenes, video y audio a tu página.
3. 3.Semana 2, sesión 1-2: sección de CSS3; aplica las propiedades a tu página y prueba variaciones.
4. 4.Semana 2, sesión 3: sección de diseño responsivo; construye tu sistema de filas y columnas y pruébalo en distintos anchos.

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

• Descarga la carpeta de recursos de cada sección antes de empezar y trabaja sobre esos archivos.
• Escribe el código tú mismo en vez de copiarlo y pausa tras cada etiqueta para ver el resultado en el navegador.
• Al llegar al diseño responsivo, redimensiona la ventana del navegador para comprobar que tu sistema de columnas se adapta.

Antes y después de este curso

• AlternativaCurso de HTML desde 0Otro curso de HTML desde cero, útil para comparar enfoques o reforzar el marcado.
• Después de este cursoCURSO DE CSS COMPLETO: De Principiante a Front-EndProfundiza en CSS tras esta introducción.
• Después de este cursoCurso de FlexBox desde 0Complementa el diseño responsivo con una técnica de maquetación específica.
• Después de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨‍💻Siguiente paso natural para añadir interactividad a las páginas.

Cómo lo presenta Juan Fernando Urrego

Construye sitios web desde cero aprendiendo el lenguaje de marcado HTML5 y el lenguaje de estilos CSS3

¿DE QUÉ SE TRATA EL CURSO? Hoy en día todo diseñador gráfico que se oriente hacia la web debe conocer los lenguajes de marcado y de estilo HTML y CSS. Conocer dichos lenguajes les permite transformar diseños en experiencias interactivas, fundamental para un buen desarrollo web. El HTML en su…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

Más cursos de Programación