🖥️ Desafío Práctico 1 – DAW901
Experiencia de Aprendizaje 2
📅 Fecha de entrega oficial: Domingo 17 de agosto de 2025 | Antes de las 2 PM
🕣 Revisión interna: 14 de agosto a las 8:30 PM
📊 Ponderación: 15%
🧠 Objetivo
Desarrollar una página web estática utilizando HTML5 y CSS3, la cual debe cumplir con los siguientes requerimientos:
- Página inicial con:
- Un encabezado
- Tres artículos enlazados
- Un pie de página
- Cada artículo debe tener su propia página con contenido
- El sitio debe ser responsive (adaptable a distintos dispositivos)
- Diseño web agradable y funcional para el usuario
- El grupo puede elegir la temática libre: música, deportes, ciencia, etc.
💻 Nombres de Clases estandarizados
Debes utilizar estos nombres en las clases de los elementos para que el formato sea consistente en todos los componentes/paginas y mediaqueries, porfavor! A esto también están atados los colores que definimos en el grupo.
- .body-bg: fondo del sitio
- .section-bg: fondo de cada sección
- .text-main: texto normal
- .title: títulos principales (h1, h2)
- .subtitle: subtítulos (h3, h4)
- .btn: botón general
- .btn:hover : hover en botones
- .link : para enlaces
- .card-bg : fondo de cajas tipo “tarjeta”
- .border : bordes y líneas divisoras
- .shadow-dark : sombras para elementos flotantes
✅ Criterios de evaluación
- Se desarrolló la página inicial con el enlace de los 3 artículos
- La página inicial es responsive
- La página inicial tiene un diseño agradable y fácil de visualizar
- Se desarrolló la página de cada uno de los artículos
- En cada página de los artículos se agregó un menú de navegación
- Las páginas de los artículos son responsive
- Las páginas de los artículos tienen un diseño agradable y fácil de visualizar
Escala de evaluación:
1 – Insuficiente
2 – Básico
3 – Competente
4 – Destacado
5 – Sobresaliente
👥 División del trabajo (Grupos de 5)
A continuación se proponen tareas clave para repartir entre los miembros del grupo. Se pueden combinar según disponibilidad o experiencia:
- Crear barra de navegación y encabezado con imagen
- Crear footer o pie de página
- Crear la plantilla de artículos
- Creación de mediaqueries (para hacer el sitio responsive)
- Creación de repositorio en GitHub
- Definir paleta de colores (para mantener coherencia visual)
- QA & UAT (pruebas de calidad y pruebas de aceptación de usuario)
- Llenar la información de los artículos
- Definir la temática de la página web
¡Mucho éxito, equipo! 💪