Eavluacion Desarrollo Web 15% C2

🎯 EVALUACiÓN  (15%

NSTRUCCIONES:

1. Copie cada ejercicio en su editor de código o en https://www.w3schools.com/html/tryit.asp

2. Complete el código siguiendo las indicaciones

3. Pruebe el resultado en el navegador

4. Entregue el código escrito + captura de pantalla

EJERCICIO 1: LISTA DE TAREAS ESTILIZADA

Cree una lista de 5 tareas pendientes. Aplique estilos inline para:

- Título con color azul y borde inferior

- Cada tarea con color diferente según prioridad:

  * Alta: texto rojo (#e74c3c)

  * Media: texto naranja (#f39c12)

  * Baja: texto verde (#27ae60)

- Separación vertical entre cada ítem (margin)

- Marca de verificación ✓ antes de cada tarea

Espacio para su código:

```html

<!-- EJERCICIO 2: LISTA DE TAREAS -->

<!-- Estudiante: _______________________________ -->

```

Validación:

☐ Hay 5 tareas en la lista

☐ El título tiene borde inferior

☐ Al menos 3 colores diferentes aplicados

☐ Hay separación entre cada tarea

☐ Cada tarea inicia con ✓

---

EJERCICIO 2: TABLA DE HORARIOS

Cree una tabla con horarios de clase (3 filas mínimo). Aplique estilos inline para:

- Bordes visibles en todas las celdas

- Encabezado con fondo azul y texto blanco

- Filas alternas con fondo gris claro (#f9f9f9)

- Alineación centrada en las columnas de hora

- Padding interno en todas las celdas

Estructura sugerida:

|     Día   |     Materia     |   Hora   |  Aula |

|-----------|-----------------|----------|-------|

| Lunes     | Desarrollo Web  | 7:00 AM  | Lab-1 |

| Martes    | Base de Datos   | 9:00 AM  | Lab-2 |

| Miércoles | Programación    | 11:00 AM | Lab-1 |

Espacio para su código:

```html

<!-- EJERCICIO 3: TABLA DE HORARIOS -->

<!-- Estudiante: _______________________________ -->

```

Validación:

☐ La tabla tiene bordes en todas las celdas

☐ El encabezado tiene fondo azul y texto blanco

☐ Las filas tienen colores alternos

☐ Las horas están centradas

☐ Hay padding en todas las celdas

---

Fecha de Entrega: Próxima clase
Formato de Entrega: Carpeta comprimida (.zip) con todos los archivos o repositorio de Gist en GitHub
Evaluacion Escrita Defensa: demostrar el funcionamiento y explicar las decisiones técnicas.