Duración: 1 hora y 30 minutos
-
Conceptos Básicos
- ¿Qué es HTML?
- Estructura de un documento HTML
- Tags, elementos y atributos
-
Creando una Página HTML
- La estructura básica de un documento HTML
- Etiquetas fundamentales:
<html>,<head>,<title>,<body> - Ejemplo práctico: Crear una página web simple
-
Elementos y Etiquetas Principales
- Tipos de elementos: encabezados, párrafos, listas, imágenes, enlaces
- Uso de etiquetas semánticas:
<header>,<nav>,<section>,<article>,<footer>
-
Trabajando con Enlaces e Imágenes
- Creación de enlaces internos y externos
- Insertar imágenes en una página HTML
-
¿Qué es CSS?
- Conceptos básicos de estilos y presentación
- La relación entre HTML y CSS
-
Aplicando Estilos a Elementos
- Selección de elementos HTML con CSS
- Propiedades de estilo: color, tamaño, fuente, margen, padding, etc.
-
Modelo de Caja
- Entender el modelo de caja en CSS
- Propiedades como
width,height,border,margin,padding
-
Diseño Responsivo y Media Queries
- Introducción al diseño responsivo
- Uso de media queries para adaptar el diseño a diferentes dispositivos
-
Desarrollo de un Ejemplo Completo
- Aplicación de HTML y CSS en conjunto
- Creación de una página web sencilla con estilos personalizados
-
Conclusiones y Recursos
- Resumen de lo aprendido
- Recursos adicionales para seguir aprendiendo: sitios web, libros, herramientas
#Link: https://goo.su/iIbxZz6
v0.dev
Este temario está diseñado para proporcionar una introducción sólida y práctica a HTML y CSS en un período de 1 hora y 30 minutos. Se recomienda un enfoque interactivo con ejemplos en vivo y ejercicios simples para reforzar los conceptos aprendidos. Asegúrate de ajustar el ritmo y el contenido según la audiencia y su nivel de familiaridad con el desarrollo web. ¡Disfruta enseñando HTML y CSS!