Tutorial Google Sites

Tutorial de Google Sites
Prof. Karina Noriega
Prof. Silvina Herrera
Marzo 2014
Esta obra está bajo una
Licencia Creative Commons Atribución-
CompartirIgual 4.0 Internacional.

Prof. Herrera Silvina - Noriega Karina Página 2
Modulo-Recursos Digitales para el Docente
2014
¿Qué es Google Sites?
Es una aplicación online gratuita ofrecida por la empresa estadounidense Google. Esta aplicación
permite crear un sitio web de una forma tan sencilla como editar un documento. Con él, los
usuarios pueden reunir en un único lugar y de una forma rápida información variada,
incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto. Además, permite
compartir información con facilidad para verla y compartirla con un grupo reducido de
colaboradores o con toda su organización, o con todo el mundo. En cuanto a su aplicación
didáctica podemos crear fácilmente con esta herramienta Webquest o Wikis para trabajar con
nuestros alumnos.
¿Cómo creamos un sitio web?
Para empezar a crear una página en Google Sites, deberemos de ir a http://sites.google.com,
y necesitaremos tener una cuenta de correo en Gmail para poder acceder a Google Sites:
Una vez que hemos introducido el mail y la contraseña de Gmail nos aparecerá la siguiente
página, en donde podemos crear un sitio. Para ello debemos hacer un clic en el botón Crear.
A continuación nos aparecerá la siguiente página, donde podremos seleccionar algunas opciones
para crear nuestro sitio:
1. El tipo de plantilla (elegiremos entre tres tipos)
 En blanco
 Classroom site
 Plantillas ya creadas

2014
2. Asignar un nombre al sitio (si nos figura de que el nombre no está disponible, deberemos
elegir otro nombre, porque el que pusimos ya está tomado por otro usuario)
3. Y por último introducimos el código que nos aparece y luego hacer clic en el botón Crear
Sitio.
Al crear un sitio nos mostrará la página principal o inicio. Las opciones que aparecen son las
siguientes:
 Crear una
página.
 Editar una
página.
 Configuración.

2014
¿Cómo creamos una página dentro del sitio web?
Para crear una página:
1. Hacemos clic en el botón Página Nueva:
2. Nos aparecerá la siguiente página.
Agregamos el
nombre de la
página que vamos
a crear.
Seleccionamos la
ubicación dentro de
la estructura de
páginas. Si dejamos
seleccionada la
opción Coloca la
página en el nivel
superior, la página
se creará al mismo
nivel de la página de
inicio.
3. Hacemos clic en el botón de Crear.

2014
 Al hacer clic en crear nos aparecerá la nueva página que se ha creado y podremos editarla:
 Si hacemos clic en Guardar podremos observar hacia la izquierda que existen dos
páginas, una de inicio y la página nueva, en este ejemplo: Herramientas web 2.0.
¿Cómo editamos una página?
1. Hacemos clic en la página deseada, y a continuación clic en el botón editar:
Editar página

2014
2. Nos habilitara una serie de menú de opciones y una barra de herramientas similar a la de
un procesador de texto, donde podremos agregar texto y darle formato.
Algunos de los botones de esta barra de herramientas son:
3. Una vez editada nuestra página haremos clic en el botón Guardar.
Una vez se haya guardado la página nos mostrará cómo quedará en una vista previa.
Nota: Cada vez que queramos editar la página necesitaremos ir al botón Editar página para
realizar los cambios que deseemos.
A continuación veremos cómo insertar distintos objetos en una página cuando estemos
editándola.

2014
Pasos para agregar una imagen
Se puede realizar de dos maneras. Una es subiendo un imagen y la otra es copiar la URL de una
imagen que está en línea.
En todos los casos, primero haremos clic en el botón
Editar página y luego posicionaremos el cursor en el
lugar donde queremos colocar la imagen.
A continuación haremos clic en Insertar y
luego clic en Imagen.
En el cuadro que se nos abre podremos optar
por subir la imagen o copiar su URL.
1° Forma: Subir una imagen
1. Hacemos clic en el botón Subir imágenes.
2. Nos aparecerá la
siguiente ventana en
donde podremos
ubicar en nuestra
computadora la
imagen que
queremos subir.
La seleccionamos a
la imagen y
hacemos clic en
Abrir.

2014
3. A continuación veremos cómo se carga la imagen:
4. Una vez que subida se la puede previsualizar y ya podremos agregarla haciendo clic en el
botón Aceptar.
5. Al aceptar la imagen nos muestra la página con la imagen incluida.
6. Finalmente haremos clic en Guardar para que los cambios tengan efecto en la página y se
nos muestre la vista previa.

2014
2° Forma: Copiar URL de la imagen
1. Buscamos una imagen en el buscador Google, una vez encontrada la imagen deseada, la
seleccionamos y hacemos clic a la derecha en el botón Ver imagen.
2. Una vez se abierta la imagen haremos clic con el botón derecho del mouse sobre la misma
y elegiremos la opción Copiar URL de imagen.
3. Una vez hecho esto volvemos a editar la página donde queremos insertar la imagen
siguiendo los pasos como se indicó al principio, y seleccionamos esta vez la opción
Dirección web (URL):
4. En el casillero
URL de la
imagen,
pegaremos el
enlace que se
copió en el paso
anterior.
5. Observaremos
que cuando se
copia la URL, nos
mostrará la
imagen y
podremos hacer
clic en Aceptar
para agregarla.
Si se hace un clic sobre la imagen se nos muestran algunas opciones donde podremos
seleccionar la alineación y si queremos que el texto la rodee o no.
6. Finalmente hacemos clic en Guardar para para que los cambios tengan efecto en la página
y se nos muestre la vista previa.

2014
Pasos para agregar un enlace
1. Buscamos un sitio web y copiamos su URL. Por ejemplo:
2. En la página deseada (en nuestro sitio de Google Sites) haremos clic en el botón Editar
página y luego posicionaremos el cursor en el lugar donde queremos colocar el enlace.
3. A continuación haremos clic en Insertar y luego clic en Enlace.
4. En el cuadro que se nos abrirá seleccionaremos a la izquierda la opción Dirección web y
en el casillero Texto para mostrar escribiremos el texto que se nos mostrará con el
enlace (puede ser la misma URL o un texto que haga referencia a su contenido), luego en
el casillero Enlazar con esta URL, pegaremos la dirección copiada en el 1° paso.

2014
5. Una vez pegado el enlace podemos tildar la opción Abrir este enlace en una ventana
nueva y luego hacer un clic en Aceptar.
6. Finalmente haremos clic en Guardar y se nos mostrará la vista previa en donde se verá y
se podrá abrir el enlace.
Pasos para agregar un video de YouTube
1. Buscamos en YouTube un video.
2. Una vez visualizado, seleccionamos la URL del mismo. Por ejemplo:
3. En el sitio web iremos a Editar página (en la página que queramos agregar el video)
Y luego iremos al menú Insertar/ youtube

2014
4. Luego se nos muetrará la siguiente ventana en donde pegaremos la URL del video
copiado en youtube:
5. Luego de pegar podremos elegir las opciones deseadas y hacer clic en el botón Guardar
6. Luego de guardar nos mostrará cómo se insertó el video.
Si se hace un clic sobre el video se nos muestran algunas opciones donde podremos seleccionar
la alineación del video y si queremos que el texto lo rodee o no. Estas opciones también aparecen
cuando se inserta una imagen.

2014
7. Para terminar hacemos clic en el botón Guardar podremos ver el video en la página.
Pasos para agregar una presentación de SlideShare
1. Buscamos una presentación en SlideShare.
2. Una vez visualizada la presentación, haremos clic en compartir:
3. Luego en la ventana que se nos abre hacemos clic en Insertar, y copiamos el código que
se nos ofrece allí.
4. Para ello hacemos clic con el botón derecho del mouse sobre el código seleccionado y
hacemos clic en copiar.

2014
5. A continuación iremos a la página del sitio web
en Google Sites, donde queremos agregar la
presentación, y haremos clic en Editar página:
6. Luego haremos clic en el botón <HTML> que se encuentra al final de la barra de
herramientas:
7. Se nos abrirá una ventana en donde podremos pegar el código antes copiado.
Para ello primero posicionaremos el cursor al principio o al final del código html y luego
con en esa posición haremos clic con el boton derecho del mouse y pegaremos el código
embebido.
|
8. Luego hacemos clic en el botón, Actualizar para que el código se agregue en la página.
9. Se nos mostrará como se inserto la presentacion:

2014
10.Para terminar hacemos clic en el botón Guardar y podremos ver la presentación en la
vista previa de la página:
Importante: Para insertar un objeto de aprendizaje (por ejemplo una actividad buscada
en ZonaClic) copiando su codigo para embeber, procederemos de la misma manera que
lo hicimos para insertar una presentación.
¿Cómo administramos el sitio web?
Para administrar el sitio necesitamos hacer clic en el botón “Más Acciones”:
En este menú la opción Administrar sitio
nos permite realizar los cambios en el sitio,
solo si somos propietarios del mismo (porque
hayamos creado el sitio o porque nos
asignaron el permiso):

2014
Una vez seleccionada la opción se nos abrirá la página Administración del sitio, la cual tiene a
su izquierda una serie de opciones para configurar nuestro sitio.
 Por defecto nos muestra los datos de la opción General:
Podremos
decidir si
mostrar el
nombre del sitio
en las páginas.
Más abajo también podremos ver
el almacenamiento y la opción
para eliminar el sitio.
Aclaración: Para aplicar cualquier cambio que realicemos haremos clic en el botón Guardar.
 En la opción actividades recientes: Se nos muestran todos los cambios que se realizaron y
quienes participaron con fecha y hora, pudiendo acceder a cada una de ellos.

2014
 En la opción Páginas: Se nos muestran todas las páginas que se crearon en el sitio (la
estructura del sitio). Permitiéndonos cambiar la ubicación de las distintas páginas.
 En la opción Archivos Adjuntos: Se nos muestran todos los archivos que se subieron a
al sitio: imágenes, videos, animaciones, etc..
 En la opción Compartir y permisos: Se nos muestra la URL del sitio para copiarlo e
insertarlo donde queramos y las opciones para permitir el acceso de otras personas.

2014
En esta sección podemos enviar invitaciones al correo electrónico (solamente de gmail), de las
personas con las cuales queremos compartir el sitio y concederle el permiso de ser propietario,
ver o editar, a cada una de ellas.
 En la opción Temas, colores y fuentes: se nos muestran las opciones para cambiar el
aspecto del sitio (plantilla en blanco). Podremos cambiar el color de la página completa, el del
encabezado o el del área de contenido.
Modificar el diseño
Google Sites nos permite realizar los cambios en el
diseño del sitio, pero solo si somos propietarios del
mismo.
Para acceder a la opción hay que ir a Más acciones y
hacer clic en Modificar el diseño del sitio:

2014
 Encabezado
Sí hacemos clic en el botón Encabezado se puede habilitar o deshabilitar el encabezado:
Luego si nos dirigimos hacia el encabezado y hacemos clic sobre este se nos abrirán las
siguientes opciones:
Con ellas podemos configurar el encabezado,
como por ejemplo agregar un logo al sitio, la
alineación del logo, modificar la altura del
encabezado, etc. Una vez seleccionadas las
opciones haremos clic en el botón Aceptar.
 Barra lateral
Si hacemos clic en el botón Barra lateral se puede habilitar o deshabilitar la barra lateral:
Si movemos el
mouse sobre la
barra lateral o
Sidebar nos
muestra la opción
Navegación y al
hacer clic sobre ella
nos mostrará las
siguientes opciones:

2014
Estas opciones nos permiten configurar como
y que se verá en la barra lateral o Sidebar.
Una vez seleccionadas las opciones haremos
clic en el botón Aceptar.
 Pie página personalizado
Si hacemos clic en el botón pie de página personalizado se puede habilitar o deshabilitar el pie
de página.
Luego si nos dirigimos al pie de página y hacemos clic sobre este se nos abrirá una ventana
donde podremos modificar el contenido del pie de página y luego haremos clic en el botón
Aceptar para introducir los cambios.
Una vez realizadas todas las modificaciones al diseño del sitio hacemos clic en el botón Cerrar
que encontramos en la parte superior a la derecha de la página.

Tutorial Google Sites

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Similar a Tutorial Google Sites

Similar a Tutorial Google Sites (20)

Más de Silvina Herrera

Más de Silvina Herrera (20)

Último

Último (20)

Tutorial Google Sites