Curso básico de HTML y CSS

Iniciamos un curso sobre HTML y CSS basado en los estándares web actuales.

Objetivos del Curso Básico de HTML y CSS

Comprender la importancia de HTML y CSS:

• Definir qué son HTML y CSS.
• Explicar por qué son fundamentales para el desarrollo web y cómo se complementan entre sí.

Conocer la estructura básica de un documento HTML:

• Identificar los componentes esenciales de un documento HTML.
• Aprender a crear un archivo HTML básico y entender su estructura.

Familiarizarse con elementos y etiquetas HTML:

• Reconocer las etiquetas HTML más comunes y su uso.
• Aprender a crear contenido estructurado utilizando diferentes elementos HTML.

Utilizar atributos HTML de manera efectiva:

• Comprender qué son los atributos y cómo se aplican a las etiquetas HTML.
• Aprender a utilizar atributos para mejorar la funcionalidad y accesibilidad del contenido.

Introducirse en CSS: estilos y diseño:

• Definir qué es CSS y su papel en el diseño web.
• Aprender a aplicar estilos básicos a un documento HTML utilizando CSS.

Conocer selectores y propiedades CSS:

• Identificar diferentes tipos de selectores CSS y su uso.
• Aprender a aplicar propiedades CSS para modificar el estilo de los elementos HTML.

Entender el modelo de caja en CSS:

• Explicar el concepto del modelo de caja y su importancia en el diseño web.
• Aprender a manipular márgenes, bordes y rellenos para crear un diseño atractivo.

Introducirse en el diseño responsivo con CSS:

• Comprender la importancia del diseño responsivo en la experiencia del usuario.
• Aprender a utilizar media queries para adaptar el diseño a diferentes dispositivos.

Familiarizarse con las herramientas de desarrollo en el navegador:

• Introducir las herramientas de desarrollo disponibles en los navegadores.
• Aprender a utilizar estas herramientas para depurar y optimizar el código HTML y CSS.

Definir siguientes pasos para consolidar el aprendizaje:

• Proporcionar recursos y recomendaciones para continuar el aprendizaje de HTML y CSS.
• Fomentar la práctica y la exploración de proyectos más avanzados.

Utilizar el apéndice como recurso de consulta:

• Proporcionar un apéndice con información adicional y recursos útiles para el aprendizaje.

Realizar ejercicios prácticos:

• Aplicar los conocimientos adquiridos a través de ejercicios prácticos que refuercen el aprendizaje.

Familiarizarse con el glosario de términos:

• Proporcionar un glosario de términos clave en HTML y CSS para facilitar la comprensión del contenido.

Materiales

• W3Schools – Tutoriales de HTML y CSS
• MDN Web Docs – Documentación de HTML y CSS
• La web…
• Ejemplos propios…

Temario

1. Qué es HTML y CSS y por qué son importantes
2. Estructura básica de un documento HTML (en preparación)
3. Elementos y etiquetas HTML: una guía para principiantes (en preparación)
4. Atributos HTML y su uso (en preparación)
5. Introducción a CSS: estilos y diseño (en preparación)
6. Selectores y propiedades CSS (en preparación)
7. Modelo de caja en CSS: márgenes, bordes y rellenos (en preparación)
8. Diseño responsivo con CSS: introducción a media queries (en preparación)
9. Introducción a las herramientas de desarrollo en el navegador (en preparación)
10. Siguientes pasos para consolidar tu aprendizaje de HTML y CSS (en preparación)

• Apéndice (en preparación)
• Ejercicios del curso (en preparación)
• Glosario de términos HTML y CSS (en preparación)