QR de asistencia práctica Asistencia práctica
ET403 · Semana 3 · Clase práctica

Construye tu primera página web responsive.

Hoy aplicaremos lo visto en teoría: observarás un cambio, personalizarás una plantilla y terminarás descargando tu propio index.html.

Observa Personaliza Comprueba Explica Descarga
1 · Asistencia práctica

Registra tu asistencia

Este QR corresponde únicamente a la clase práctica.

  1. Abre la cámara o lector QR.
  2. Escanea el código.
  3. Completa el formulario.
  4. Regresa a esta clase.
Lección rápida: esta imagen está guardada en la misma carpeta de la clase y se muestra mediante HTML usando <img src="../assets/qr_practica.png">.
QR de asistencia práctica
Escanea aquí
QR de asistencia práctica Asistencia práctica
2 · Meta de la práctica

¿Qué debes lograr hoy?

📱 Personalizar

Cambiar nombre o alias, presentación, intereses, comunidad, proyecto y meta.

🎨 Observar

Elegir un estilo y comprobar cómo cambia visualmente tu página.

💬 Explicar

Decir con tus propias palabras qué cambiaste y qué resultado apareció.

Producto final: una página web personalizada y tu archivo index.html.

QR de asistencia práctica Asistencia práctica
3 · Demostración docente

Primero mira un cambio. Después hazlo tú.

Nombre: Alex Nombre: Ana

La información cambia y la vista previa se actualiza. Esa relación entre una instrucción y su resultado es lo que hoy debes comprender.

Regla: cada cambio que hagas debes poder explicarlo.
MI PRIMERA WEB · ET403
Hola, soy Alex

Estudiante de Computación e Informática

QR de asistencia práctica Asistencia práctica
4 · Trabajo individual

Personaliza solamente estas partes.

1

Nombre o alias.

2

Frase de presentación.

3

Intereses y comunidad.

4

Proyecto futuro y meta.

5

Estilo visual.

Meta

Comprender qué cambiaste.

QR de asistencia práctica Asistencia práctica
5 · Taller

Ahora sí: abre tu taller práctico.

Trabaja con calma. Primero personaliza, luego observa, explica y finalmente descarga tu archivo.

QR de asistencia práctica Asistencia práctica
6 · Cierre

Antes de terminar, comprueba tu trabajo.

☐ Personalicé mi nombre o alias.
☐ Modifiqué intereses, comunidad, proyecto y meta.
☐ Elegí un estilo y observé el cambio.
☐ Puedo explicar qué cambié y qué ocurrió.
☐ Revisé la vista previa.
☐ Descargué mi archivo index.html.

Evidencia mínima: tu index.html y una explicación breve de lo que personalizaste.

1 / 7