Todo lo que el usuario ve. Esta unidad cubre la estructura del contenido con HTML y el diseño visual con CSS y Tailwind, y culmina en el Trabajo 1 (33% de la asignatura).
Objetivos de la unidad
- Estructurar el contenido de una página con HTML.
- Entender cómo funciona una regla de CSS y qué gana cuando dos chocan.
- Aplicar estilos y construir diseños responsivos.
- Usar Tailwind para diseñar rápido con clases unitarias.
- Diseñar interfaces claras e intuitivas: jerarquía, contraste, estados y formularios usables.
- Entregar un sitio completo, versionado en GitHub.
Tópicos
| Tópico | Contenido | Estado |
|---|---|---|
| 1. HTML | Esqueleto del contenido: textos, imágenes, tablas, listas, sonidos, videos, formularios | Publicado |
| 2. CSS | Selectores, estados, cascada, modelo de caja, Flexbox y Grid | Publicado |
| 3. Tailwind | Clases utilitarias, diseño responsivo y diseño de interfaces | Publicado |
El tópico de CSS explica cómo funciona el estilo; el Trabajo 1 se maqueta con Tailwind, que por debajo escribe esas mismas propiedades.
Antes de empezar
- Tener VSCode instalado con Live Server, Prettier, Auto Rename Tag, Auto Close Tag y Tailwind CSS IntelliSense
- Saber crear un repositorio y hacer
pull → add → commit → push(Unidad 0 (Git)) - Manejar las buenas prácticas de nombres de archivos
Evaluación
Trabajo 1 (HTML + Tailwind) vale el 33% de la asignatura. Ver Evaluación y Reglas de los trabajos.