: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
MI SITIO WEB │ ┌─────────────────┼──────────────────┐ │ │ │ INICIO SOBRE MÍ MIS APRENDIZAJES │ │ │ │ ┌──────┼──────┐ ┌────┼────┐ │ │ │ │ │ │ │ │ Perfil Intereses Habilidades Tecnología │ │ │ ├── Matemáticas │ ├── Lengua │ ├── Ciencias │ └── Sociales │ ├───────────────────────────────────────── │ MIS PROYECTOS │ ├── Proyecto 1 ├── Proyecto 2 └── Proyecto 3 │ ├───────────────────────────────────────── │ MI GALERÍA │ ├── Imágenes ├── Videos └── Creaciones │ └───────────────────────────────────────── CONTACTO / FUENTES
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:
🏠 INICIO │ ┌───────────────┼────────────────┐ │ │ │ 👤 SOBRE MÍ 📚 APRENDIZAJES 🚀 PROYECTOS │ │ │ ┌───┼───┐ ┌───┼───┐ ┌──┼──┐ │ │ │ │ │ │ │ │ │ Perfil Intereses Habilidades Matemáticas Lengua Ciencias Proyecto 1 Proyecto 2 Proyecto 3 🖼️ GALERÍA │ 📩 CONTACTO
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:
INICIO │ ┌────────────────────┼─────────────────┐ │ │ │ SOBRE MÍ APRENDIZAJES PROYECTOS │ │ │ ┌────┼────┐ ┌────┼────┐ ┌────┼────┐ Perfil Intereses Matemáticas Lengua Ciencias P1 P2 P3 │ Habilidades │ GALERÍA │ CONTACTO
🎯 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:
PROYECTOS │ ├── Proyecto 1 ├── Proyecto 2 └── Proyecto 3
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:
INICIO │ ├── SOBRE MÍ │ ├── Perfil │ ├── Intereses │ └── Habilidades │ ├── APRENDIZAJES │ ├── Matemáticas │ ├── Lengua │ └── Ciencias │ ├── PROYECTOS │ ├── Proyecto 1 │ ├── Proyecto 2 │ └── Proyecto 3 │ ├── GALERÍA │ └── CONTACTO
🔎 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.
