MATERIALES DIDÁCTICOS DIGITALES
EN LOS ENTORNOS VIRTUALES PARA
EL APRENDIZAJE
TUTORIAL
DE
GOOGLE
SITES
Realizado por:
- Castillo Cruz Joana
- Gurreonero Flores Katherine
Trujillo –Perú
2023
CONTENIDOS
Acceso a Google Sites............................................................................................................................................. 3
1. Elementos de google sites...............................................................................................................................3
1.1. Encabezado:...........................................................................................................................................................3
1.1. 1. Cambiar tipo de encabezado................................................................................................................3
[Link] imagen...........................................................................................................................................4
1.1.3. Añ adir logotipo............................................................................................................................................5
1.1.4. Cambiar texto...............................................................................................................................................6
[Link]ñ as:..................................................................................................................................................................6
[Link].............................................................................................................................................................6
[Link]. Índice.....................................................................................................................................................7
[Link]. Carrusel de imá genes.......................................................................................................................8
[Link]. Botó n.......................................................................................................................................................9
[Link]. Línea Divisoria..................................................................................................................................10
[Link]. Espacio.................................................................................................................................................10
[Link]. Enlaces de redes sociales.............................................................................................................11
[Link] Marcador de posició n.....................................................................................................................12
[Link]. YouTube..............................................................................................................................................12
[Link]. Calendar............................................................................................................................................13
[Link]. Mapa...................................................................................................................................................14
[Link]. Documentos....................................................................................................................................14
[Link]. Presentaciones...............................................................................................................................15
[Link]. Hojas de cá lculo.............................................................................................................................16
[Link]. Formularios.....................................................................................................................................16
[Link]. Grá ficos.............................................................................................................................................17
1.2.2. Pá ginas..........................................................................................................................................................19
[Link].............................................................................................................................................................20
2
ACCESO A GOOGLE SITES
Para acceder a Google Sites, ingresa al sitio web [Link] o
ve a las aplicaciones de Google. Para ello, debes iniciar sesión con tu cuenta
de Google, abres el menú de aplicación y seleccionas Google Sites.
1. ELEMENTOS DE GOOGLE SITES
1.1. Encabezado:
1.1. 1. CAMBIAR TIPO DE ENCABEZADO
Selecciona el tipo de encabezado, portada, encabezado grande, encabezado o
solo título. Elige las opciones para que aparezca imagen, texto o ambas.
3
[Link] IMAGEN
Hay dos opciones a elegir:
Subir imagen: imágenes de nuestra PC, laptop o dispositivo.
Seleccionar imagen: podemos obtener imágenes predeterminadas de la
galería de Google, copiando un URL, abriendo el buscador de imágenes o
desde la unidad de Google Drive.
4
En esta opción, podrás acceder y elegir las imágenes que desees para tu
portada.
1.1.3. AÑADIR LOGOTIPO
En la parte superior derecha, haz click en “Añadir logotipo” y en la ventana “Configuración”,
sube o selecciona una imagen de logotipo para añ adirla a la barra de navegació n general.
5
1.1.4. CAMBIAR TEXTO
Haz click en Título de la página, escribe el tema que desees y podrás cambiar
el tamaño, negrita, cursiva, alineación, insertar enlace, borrar formato, eliminar
el texto que elijas.
[Link]ñas:
[Link]
[Link]. Bloques de Contenido
Estos bloques predefinidos de texto e imágenes te ayudan a ahorrar tiempo al
agregar elementos individuales y organizarlos.
Haz clic en "Bloques de contenido", arrastra el diseño que quieras a tu página.
Añade texto, imágenes, documentos o vídeos.
6
[Link]. Índice
Con este elemento, se añadirá un índice al comienzo de la página de tu sitio
web. Este índice irá hipervinculado.
[Link]. Carrusel de imágenes
Podemos añadir varias imágenes y visualizarlas en carrusel. Activa inicio
automático y selecciona una velocidad de transición.
7
Las imágenes irán apareciendo según las opciones previamente
seleccionadas.
[Link]. Botón
Podemos añadir una caja en la que insertamos un enlace de manera que si
hacemos click en él nos lleve a una página web, un archivo, una página de
nuestra web o cualquier sitio del que podamos añadir su enlace.
8
[Link]. Línea Divisoria
Insertamos la línea divisoria para separar diversos elementos.
9
[Link]. Espacio
Puedes hacer clic en esta opción para agregar espacios vacíos a tus sitios en
lugares específicos. Esta función proporciona más flexibilidad, especialmente
cuando se diseña un diseño vertical y, en general, facilita mucho el diseño de
plantillas y páginas web.
[Link]. Enlaces de redes sociales
Puedes añadir una URL o una dirección de correo a cada enlace a redes
sociales haciendo click en Insertar Enlaces a redes sociales.
10
Como resultado, podrás visualizar los iconos de las redes sociales que elegiste
y podrás cambiar tamaño, color, alinearlo ,etc.
[Link] Marcador de posición
Permite agregar una caja sin contenido ideal para establecer la disposición de
la página y ya después cambiarla por un contenido como una imagen o texto
de acuerdo a tu preferencia.
11
[Link]. YouTube
Podremos insertar un vídeo de Youtube de manera que se pueda reproducir
desde tu página web. Si hacemos click sobre el vídeo, podremos configurar
algunas opciones en el icono de ajustes, como agrandar la pantalla para una
mejor visualización, subir o bajar el volumen entre otras opciones.
12
[Link]. Calendar
Elige la opción “Calendar”, selecciona el calendario o calendarios que desees
insertar y luego, usa el botón Insertar en la parte inferior del panel derecho.
Una vez insertado, desplázalo y cambia el tamaño adecuado. Utiliza el botón
de configuración para cambiar opciones.
13
[Link]. Mapa
Haciendo click en esta opción, podemos insertar cualquier mapa de Google
Maps.
[Link]. Documentos
Podemos insertar documentos de texto de diferente formato en nuestro Sites,
siempre que estén alojados en Drive:
★ Documentos de Word
★ Documentos pdf
★ Documentos de Google
★ Documentos de Open Office
También podemos insertar documentos alojados en otras webs, por ejemplo en
Calameo ([Link]
Para insertar un documento de Drive debes hacer clic en la pestaña Insertar del
menú lateral, existen varias opciones:
●Desde Drive: debes hacer clic sobre el botón, localizar el documento y clic en
Insertar.
●Desde la opción Documentos: al hacer clic se presentará un listado de todos
los documentos de Google almacenados en tu Drive
14
También puedes publicar* tu documento en la web y copiar el código Html e
insertarlo a través del botón Insertar, "copiar el código".
[Link]. Presentaciones
Haz clic en “Presentaciones” y selecciona tu archivo que quieras subir haciendo
click en “Insertar”. Luego, visualizarás tu archivo de presentación en tu sitio
web.
[Link]. Hojas de cálculo
Puedes insertar Hojas de cálculo siempre que estén alojadas en Drive. Puede
ser una hoja de cálculo creada en Drive o una hoja de cálculo de Excel que
hayas subido a tu Drive.
15
El procedimiento es el siguiente:
■ Pestaña Insertar
■ Elige "Desde Drive" o desde la opción "Hojas de cálculo"
■ Localiza la hoja de cálculo y por último Insertar.
■ Ajusta el tamaño a tu gusto o necesidades.
[Link]. Formularios
Para insertar un formulario, en primer lugar, lo elaboramos desde la aplicación
Formularios de Google.
Una vez elaborado el formulario procedemos del mismo modo que en el caso
anterior:
■ Pestaña Insertar.
■ Elige "Desde Drive" o selecciona la opción "Formularios".
■ Por último, Insertar.
■ Ajustamos el tamaño y listo.
16
[Link]. Gráficos
Tenemos que dirigirnos al menú Insertar y una vez allí a la opción de Gráfico,
donde tendremos que seleccionar una hoja de cálculo para que el editor
busque entre los gráficos que forman parte de ella y nos permita elegir uno.
17
Pero también tenemos la posibilidad de crear un gráfico directamente desde
Google Sites, seleccionando la hoja de cálculo y modificando las propiedades a
nuestro gusto (ejes, etiquetas y colores) y optando por uno de dos modos: Live
y Snapshot.
El primero nos provee de gráficas dinámicas, muy útil para cuando tenemos
datos en tiempo real o que se van modificando de manera bastante seguida. El
segundo, en tanto, es útil para cuando queremos reflejar como ha ido
cambiando una situación a lo largo del tiempo.
1.2.2. PÁGINAS
Puedes crear diferentes páginas independientes en tu sitio web. Estás páginas las
puedes ir ordenando en diferentes categorías para favorecer la organización y la
búsqueda de contenidos en tu sitio web.
Para añadir una página, dentro de la pestaña “PÁGINAS” , hay que pulsar el botón
de la parte inferior.
Se abrirá una ventana para que introduzcamos el título de nuestra página.
18
Si desplegamos la opción “avanzado”, podremos incluir una dirección
personalizada para la página.
Todas las páginas que vayamos creando en nuestro sitio web, irán apareciendo en
un menú de manera automática.
19
[Link]
Cuenta con decenas de temas preconfigurados. De esta forma, podemos
escoger un tema raíz para crear el diseño de nuestro sitio web a partir del
diseño de la plantilla.
Para acceder a la tienda de temas podemos pulsar en el mensaje emergente
que nos aparecerá en la parte inferior del configurador o bien en el apartado de
Temas dentro del menú lateral. Desde este mismo menú también podemos
20
cambiar los colores de la página, así como el tipo de fuente o el tamaño de la
tipografía.
21
