:max_bytes(150000):strip_icc():format(webp)/googlesites-5be1c6edc9e77c0051dfbda4.jpg)
脕rea: Tecnolog铆a e Inform谩tica
Grado: Noveno
Duraci贸n sugerida: 2 horas de clase
Metodolog铆a: Aprendizaje basado en retos
Herramienta principal: Google Sites
Producto final: Sitio web funcional, organizado, creativo y publicado.
馃幆 Reto para los estudiantes
¿C贸mo podemos dise帽ar y publicar un sitio web que comunique de manera clara, creativa y atractiva una idea, proyecto, tema o emprendimiento utilizando Google Sites?
1. 馃幆 Prop贸sito de la clase
Al finalizar esta primera clase, los estudiantes estar谩n en capacidad de:
-
Reconocer qu茅 es un sitio web y para qu茅 sirve.
-
Identificar las principales caracter铆sticas de Google Sites.
-
Definir la tem谩tica y prop贸sito de su futuro sitio web.
-
Identificar el p煤blico al que estar谩 dirigido.
-
Dise帽ar una primera estructura o mapa de navegaci贸n.
-
Establecer los recursos que necesitar谩n para construirlo.
馃 Conocimientos claves
TOMAR NOTA EN TU CUADERNO:
Antes de comenzar la construcci贸n, los estudiantes deben comprender estos conceptos:
| Concepto | Conocimiento clave |
|---|
| P谩gina web | Documento digital que puede contener textos, im谩genes, videos, enlaces y otros recursos. |
| Sitio web | Conjunto organizado de p谩ginas web relacionadas entre s铆. |
| Google Sites | Herramienta de Google que permite crear sitios web sin necesidad de programar. |
| P谩gina de inicio | P谩gina principal que presenta el sitio y orienta al visitante. |
| Men煤 de navegaci贸n | Permite desplazarse entre las diferentes p谩ginas del sitio. |
| Contenido digital | Textos, im谩genes, videos, enlaces, documentos y otros recursos. |
| Dise帽o web | Organizaci贸n visual de colores, im谩genes, textos, espacios y elementos. |
| P煤blico objetivo | Personas a quienes est谩 dirigido el sitio. |
| Hiperv铆nculo | Enlace que permite acceder a otra p谩gina, sitio o recurso. |
| Publicaci贸n | Proceso mediante el cual el sitio queda disponible para ser consultado. |
馃殌 ACTIVIDAD 1. “Exploradores de la web”
⏱️ Tiempo: 20 minutos
El docente presenta diferentes ejemplos de sitios web y solicita a los estudiantes observarlos.
Los estudiantes responden en el cuaderno:
-
¿Cu谩l es el prop贸sito del sitio?
-
¿A qui茅n est谩 dirigido?
-
¿Qu茅 informaci贸n presenta?
-
¿Qu茅 elementos visuales utiliza?
-
¿Qu茅 p谩ginas o secciones tiene?
-
¿Qu茅 elemento les llam贸 m谩s la atenci贸n?
-
¿Qu茅 mejorar铆an del sitio?
馃挕 Pregunta orientadora
¿Qu茅 hace que un sitio web sea interesante y f谩cil de utilizar?
馃幆 Producto
Ficha de an谩lisis de un sitio web.
Mapa del sitio que recomiendo
Para estudiantes de noveno conviene evitar sitios demasiado complejos. Propongo que todos trabajen inicialmente sobre una estructura com煤n que despu茅s puedan personalizar.
MAPA GENERAL
Sin embargo, para que el proyecto sea manejable, no recomiendo crear todas las subp谩ginas obligatoriamente. El sitio m铆nimo podr铆a quedar as铆:
Men煤 principal
INICIO
SOBRE M脥
- Mi perfil
- Mis intereses
- Mis habilidades
MIS APRENDIZAJES
- Tecnolog铆a e Inform谩tica
- Matem谩ticas
- Lengua Castellana
- Ciencias Naturales
- Ciencias Sociales
MIS PROYECTOS
- Proyecto 1
- Proyecto 2
- Proyecto 3
GALER脥A
CONTACTO
3. ¿Qu茅 informaci贸n debe aparecer?
Aqu铆 recomiendo establecer desde el principio una regla importante:
La p谩gina es personal, pero no debe convertirse en una exposici贸n de informaci贸n privada.
No exigir direcci贸n, tel茅fono, documento de identidad, contrase帽as, informaci贸n familiar privada, ubicaci贸n exacta, etc.
En “Sobre m铆”
Los estudiantes pueden presentar:
- Nombre o nombre que quieran utilizar acad茅micamente.
- Grado.
- Fotograf铆a o avatar.
- Presentaci贸n personal.
- Hobbies.
- Intereses.
- Habilidades.
- Metas acad茅micas.
- Profesiones que les interesan.
- Una frase que los represente.
En “Mis aprendizajes”
Cada asignatura puede tener:
¿Qu茅 aprend铆?
¿Qu茅 actividad desarroll茅?
¿Qu茅 producto puedo mostrar?
¿Qu茅 dificultad tuve?
¿Qu茅 mejorar铆a?
Esto convierte la p谩gina en un portafolio de aprendizaje, no simplemente en una p谩gina decorativa.
馃寪 Reto: “Creo mi sitio web personal”
Grado: Noveno
Herramienta: Google Sites
Producto final: Sitio web personal con informaci贸n acad茅mica, intereses, aprendizajes y proyectos.
馃幆 Objetivo
Al finalizar el reto, cada estudiante habr谩 dise帽ado y publicado un sitio web b谩sico utilizando Google Sites, aplicando principios de organizaci贸n de contenidos, navegaci贸n, dise帽o visual, ciudadan铆a digital y presentaci贸n de informaci贸n.
1. Antes de comenzar: presentar el reto
Expl铆cales a los estudiantes:
“Durante las pr贸ximas clases ustedes ser谩n dise帽adores y creadores de su propio sitio web. El objetivo no es solamente hacer una p谩gina bonita, sino aprender a organizar informaci贸n y comunicar qui茅nes son, qu茅 saben y qu茅 proyectos han realizado.”
Presenta el producto final:
2. Paso 1: Crear la idea del sitio
Antes de abrir Google Sites, cada estudiante debe responder en su cuaderno:
馃摑 Mi sitio web
Nombre del sitio:
¿De qu茅 tratar谩 mi sitio?
¿A qui茅n estar谩 dirigido?
¿Qu茅 quiero mostrar de m铆?
¿Qu茅 aprendizajes quiero compartir?
¿Qu茅 proyectos quiero presentar?
Actividad
Cada estudiante realiza un peque帽o boceto de su p谩gina de inicio.
Producto: ✏️ Idea inicial del sitio web.
3. Paso 2: Dise帽ar el mapa de navegaci贸n
Aqu铆 trabajan el esquema que acabas de presentar.
P铆deles que dibujen en el cuaderno:
馃幆 Pregunta para los estudiantes
¿Puede un visitante llegar f谩cilmente a cualquier secci贸n de mi sitio?
Expl铆cales el concepto de navegaci贸n: las p谩ginas deben estar organizadas para que el usuario pueda encontrar f谩cilmente la informaci贸n.
Producto: 馃椇️ Mapa de navegaci贸n.
4. Paso 3: Preparar los contenidos
Antes de construir el sitio, deben tener listo el contenido.
Puedes entregarles esta tabla:
| Secci贸n | ¿Qu茅 debe contener? |
|---|
| Inicio | Presentaci贸n y bienvenida |
| Sobre m铆 | Perfil personal |
| Intereses | Gustos y temas de inter茅s |
| Habilidades | Capacidades que posee |
| Matem谩ticas | Un aprendizaje o trabajo |
| Lengua | Un aprendizaje o trabajo |
| Ciencias | Un aprendizaje o trabajo |
| Proyecto 1 | Descripci贸n y evidencias |
| Proyecto 2 | Descripci贸n y evidencias |
| Proyecto 3 | Descripci贸n y evidencias |
| Galer铆a | Fotograf铆as o im谩genes |
| Contacto | Forma segura de contacto |
⚠️ Ciudadan铆a digital
Aqu铆 es importante establecer una regla:
No publicar informaci贸n privada.
No deben colocar:
-
N煤mero de documento.
-
Direcci贸n de vivienda.
-
N煤mero telef贸nico personal.
-
Contrase帽as.
-
Informaci贸n privada de familiares.
-
Datos que permitan localizar f谩cilmente su vivienda.
Esto permite integrar ciudadan铆a digital y seguridad en Internet al proyecto.
5. Paso 4: Entrar a Google Sites
Ahora s铆 comienza la construcci贸n.
Los estudiantes ingresan a Google y acceden con su cuenta institucional.
Despu茅s:
-
Abrir el men煤 de aplicaciones de Google.
-
Buscar Google Sites.
-
Abrir la aplicaci贸n.
-
Seleccionar Sitio en blanco.
-
Se abrir谩 el editor.
-
Cambiar el nombre del archivo del sitio.
Sugiero que todos utilicen una nomenclatura uniforme:
Nombre_Apellido_SitioWeb
Ejemplo:
Juan_Perez_SitioWeb
6. Paso 5: Crear la p谩gina INICIO
Esta ser谩 la primera p谩gina que ver谩 el visitante.
Debe contener:
T铆tulo:
¡Bienvenidos a mi sitio web!
Despu茅s pueden incluir:
-
Nombre del estudiante.
-
Una imagen representativa.
-
Una peque帽a presentaci贸n.
-
Una frase personal.
-
Una breve explicaci贸n de lo que encontrar谩 el visitante.
Ejemplo
Hola, soy Juan.
Este es mi sitio web personal. Aqu铆 podr谩s conocer algunos de mis intereses, habilidades, aprendizajes y proyectos realizados durante mi proceso acad茅mico.
Dise帽o
Ens茅帽ales a utilizar:
-
Cuadros de texto.
-
Im谩genes.
-
T铆tulos.
-
Separadores.
-
Secciones.
-
Botones.
Producto: 馃彔 P谩gina de inicio.
7. Paso 6: Crear “SOBRE M脥”
En el men煤 de p谩ginas:
P谩ginas → + → Nueva p谩gina
Nombre:
Sobre m铆
Dentro de esta p谩gina crear tres secciones:
馃懁 Perfil
Una presentaci贸n breve.
❤️ Intereses
Por ejemplo:
-
Tecnolog铆a.
-
M煤sica.
-
Deportes.
-
Videojuegos.
-
Arte.
-
Lectura.
⭐ Habilidades
Por ejemplo:
-
Trabajo en equipo.
-
Creatividad.
-
Comunicaci贸n.
-
Manejo de herramientas digitales.
-
Resoluci贸n de problemas.
Producto: 馃懁 P谩gina Sobre m铆.
8. Paso 7: Crear “APRENDIZAJES”
Crear una nueva p谩gina:
Aprendizajes
Dentro de ella pueden aparecer tres bloques:
馃敘 Matem谩ticas
¿Qu茅 aprend铆?
¿Qu茅 actividad o trabajo puedo mostrar?
馃摉 Lengua Castellana
¿Qu茅 aprend铆?
¿Qu茅 producci贸n puedo compartir?
馃敩 Ciencias
¿Qu茅 aprend铆?
¿Qu茅 evidencia puedo mostrar?
Una buena estrategia es utilizar tarjetas o columnas para presentar cada 谩rea.
Producto: 馃摎 P谩gina de aprendizajes.
9. Paso 8: Crear “PROYECTOS”
Crear:
Proyectos
Y dentro de ella:
Cada proyecto debe tener una estructura sencilla:
馃殌 Proyecto 1
Nombre:
¿De qu茅 trata?
¿Cu谩l era el objetivo?
¿Qu茅 hice?
¿Qu茅 aprend铆?
Evidencia:
馃摲 Imagen / documento / presentaci贸n / video
Repetir el proceso para Proyecto 2 y Proyecto 3.
10. Paso 9: Crear la GALER脥A
Crear una p谩gina llamada:
Galer铆a
Aqu铆 pueden colocar:
-
Fotograf铆as de trabajos.
-
Capturas de pantalla.
-
Im谩genes de proyectos.
-
Dise帽os.
-
Productos digitales.
-
Evidencias de actividades.
Recomendaci贸n
No llenar la p谩gina simplemente con im谩genes.
Cada imagen puede tener:
T铆tulo + breve descripci贸n
Ejemplo:
Dise帽o de mi proyecto
Primera propuesta gr谩fica realizada durante el proyecto.
11. Paso 10: Crear CONTACTO
Crear la p谩gina:
Contacto
Aqu铆 puedes ense帽ar una alternativa segura.
Por ejemplo:
¿Quieres conocer m谩s sobre mis proyectos?
Puedes comunicarte conmigo a trav茅s de los canales autorizados por la instituci贸n educativa.
Si utilizan correo electr贸nico, recomiendo que sea institucional, evitando publicar informaci贸n personal innecesaria.
12. Paso 11: Dise帽ar el sitio
Cuando ya tengan todo el contenido, comienza la parte est茅tica.
Ens茅帽ales a revisar:
馃帹 Colores
Utilizar m谩ximo 2 o 3 colores principales.
馃敜 Tipograf铆a
Evitar utilizar demasiados tipos de letra.
馃柤️ Im谩genes
Utilizar im谩genes relacionadas con el contenido.
馃搻 Organizaci贸n
Evitar p谩ginas saturadas.
馃摫 Visualizaci贸n
Revisar c贸mo se ve el sitio en diferentes tama帽os de pantalla.
13. Paso 12: Crear la navegaci贸n
Ahora deben comprobar que el visitante pueda desplazarse por el sitio.
La navegaci贸n deber铆a permitir:
馃攷 Prueba de navegaci贸n
Un compa帽ero debe entrar al sitio y responder:
-
¿Encontr贸 f谩cilmente la informaci贸n?
-
¿Los botones funcionan?
-
¿Las p谩ginas est谩n organizadas?
-
¿Hay informaci贸n que sobra?
-
¿Hay informaci贸n que falta?
-
¿El dise帽o es agradable?
-
¿Las im谩genes se ven correctamente?
14. Paso 13: Revisar antes de publicar
Puedes convertir esto en una lista de chequeo:
✅ Lista de verificaci贸n
| Criterio | S铆 | No |
|---|
| Tiene p谩gina de inicio | ☐ | ☐ |
| Tiene Sobre m铆 | ☐ | ☐ |
| Tiene Aprendizajes | ☐ | ☐ |
| Tiene Proyectos | ☐ | ☐ |
| Tiene Galer铆a | ☐ | ☐ |
| Tiene Contacto | ☐ | ☐ |
| Tiene im谩genes | ☐ | ☐ |
| Tiene textos claros | ☐ | ☐ |
| La navegaci贸n funciona | ☐ | ☐ |
| Tiene buen dise帽o | ☐ | ☐ |
| No contiene informaci贸n privada | ☐ | ☐ |
| Revis贸 ortograf铆a | ☐ | ☐ |
15. Paso 14: Publicar
Cuando el estudiante termine:
-
Revisar nuevamente el sitio.
-
Seleccionar Vista previa.
-
Revisar la navegaci贸n.
-
Verificar las p谩ginas.
-
Seleccionar Publicar.
-
Elegir la direcci贸n del sitio.
-
Publicar.
-
Copiar el enlace.
-
Entregar el enlace al docente mediante el mecanismo definido por la instituci贸n.
Importante: antes de publicar, establece con los estudiantes qu茅 nivel de visibilidad est谩 permitido seg煤n las pol铆ticas de la instituci贸n.