Crea tu primera página web
NivelBásico
Edades12-17 años
Duración120 min
Descripción
Conoce los elementos básicos para construir una página web y crea una con la biografía de tu personaje, artista o super héroe favorito que luego podrás compartir.
Objetivos
- Construir un página web
- Conocer los elementos básicos de una página web
Materiales
- Glitch
- HTML Cheat Sheet
- CSS Cheat Sheet
- Paleta de colores
- Tipos de letras
- Íconos gratuitos
- Timer virtual
Recursos externos
Sesión
Introducción
Preguntar a las estudiantes:
- ¿Qué es una página web?
- ¿Qué páginas web utilizamos y para qué?
- ¿Para qué nos puede servir un página web?
Programemos
- Crear una cuenta en Glitch.
- Remix el proyecto ejemplo
- Cambiar el título de la página web
- Agregar información
- Añadir imagenes
- Cambiar los estilos
Todo esto haciendo uso del HTML y CSS cheatsheet
Actividad
⏳15min
- Cada estudiante elige un personaje, artista o super héroe favorito
-
Busca información relevante
- Biografía
- Imágenes
- Links (ejem. facebook, youtube, página oficial)
⏳40min
- Se elige un layout ejemplo donde se colocará la información encontrada
- Se elige una paleta de colores y se mejora el diseño de la página web
Cada estudiante, de ser posible, muestra su trabajo.
Actividades Offline
Se muestran ejemplos de páginas web simples. Las estudiantes forman grupos de 2 personas y escriben, en la pizarra o en una hoja, los elementos HTML que corresponde a la estructura mostrada en el ejemplo.