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.

http://creativecommons.org/licenses/by-sa/4.0/

http://creativecommons.org/licenses/by-sa/4.0/

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

http://sites.google.com/



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.



¿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.



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



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.



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.



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.



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.



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.



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



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.



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.



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:



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):



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.



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.



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:



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:



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.

Documents

Tutorial google sites