MANUAL GOOGLE SITE

COLEGIO Sta. MARÍA DEL NARANCO – ALTER VÍA DEPARTAMENTO TIC

ARANCHA CIFUENTES JARA

INTRODUCCIÓN 1.- ¿QUÉ ES UNA GOOGLE SITE ………………………………………..3 2.- CREACIÓN DE UNA GOOGLE SITE ………………………………..3 3.- ICONOS MODIFICAR - CREAR PÁGINA ………………………..6 4.- INSERTAR UNA WEB DENTRO DE UNA PÁGINA WEB …..9 5.- SUBIR VIDEOS YOUTUBE …………………………………………….10 6.- CREAR UN LIBRO DIGITAL …………………………………………..14 7.- CREAR UNA ENCUESTA ……………………………………………….15 8.- GADGET DEL TIEMPO ………………………………………………….15 9.- INSERTAR UN GIF ANIMADO ………………………………………17 10.- INSERTAR UN VOKI …………………………………………………..18 11.- TIPOS DE PÁGINAS ……………………………………………………20 12.- CREAR UN CONTADOR EN LA PÁGINA ………………………21 13.- MENÚ MÁS……………………………..………………………………..23 14.- ENLACES DE INTERÉS…………………………………………………25

2

¿QUÉ ES UNA GOOGLE SITES? Es una aplicación online que permite crear un sitio web de una forma tan sencilla como editar un documento. Cualquier usuario con unos pocos clics puede construir una web a su medida reuniendo en un único lugar y de una forma rápida información variada, vídeos, calendarios, presentaciones, fotos, archivos adjuntos y texto. Aquí es posible y es donde radica su potencia, que podamos crear sitios colaborativos y hacerlos públicos o privados.

CREACIÓN DE UNA GOOGLE SITES Para crear una google sites necesitamos tener una cuenta en google (gmail). Si no la tenemos, la creamos.

Accedemos a Gmail. Si tenemos cuenta, metemos nuestros datos, y en caso contrario, creamos una.

3

Si tenemos que crearla, es “CREAR UNA CUENTA” y rellenar los datos que nos piden.

Al introducir la cuenta, se nos abre nuestra parte del correo electrónico, y desde aquí, en la barra de herramientas superior, aparece la opción de “sites” entre otras.

Al seleccionar, aparecen las googles sites creadas con esa cuenta, y la opción de crear una nueva

Seleccionamos una plantilla

Ponemos un nombre a la página URL de nuestra página

4

Y CREAMOS…. Para cambiar el aspecto de nuestra página vamos a editar barra lateral

Cambiamos los permisos de acceso a la página

Escogemos color, tipo de letra,… imagen…

Podemos cambiar logotipo:

5

Los temas son combinaciones de diseños, colores e imágenes de sitios que se han configurado previamente para nosotros. Una vez que hemos elegido un tema, podemos ignorar valores concretos como los colores y las imágenes de fondo a través de la sección Colores y fuentes. Cuando cambiamos los temas, lo que hemos ignorado previamente se descarta.

La sección Elementos del sitio nos permite gestionar funciones que aparecen en cada página del sitio. Podemos cambiar el logotipo y cambiar la ubicación de la barra lateral. Además, podemos añadir, eliminar y actualizar elementos de la barra lateral como cuadros de texto, navegación y cuentas atrás.

Tamaño del logotipo que vamos a utilizar El tamaño que nosotros recomendamos para los logotipos es: 145 px de ancho x 52 px de alto.

Debemos de tener en cuenta que tenemos libertad para usar un logotipo del tamaño que deseemos, aunque puede que no se vea correctamente o que no aparezca entero si la imagen es demasiado grande.

ICONOS MODIFICAR - CREAR PÁGINA

En este icono empezamos a darle forma a la página. Distribucción, estilo, insertar documentos, videos,…

SIEMPRE QUE CREAMOS UNA PÁGINA (HOJA NUEVA ) le damos formato en el icono “lápiz”

6

ICONO

(MODIFICA LA PÁGINA)

INSERTAR (IMÁGENES, ENLACES, VIDEOS, DOCUMENTOS, PDF,…)

7

Para poder subir documentos, lo más fácil es subirlos a google doc y cogerlos de allí.

FORMATO

TABLA

8

DISEÑO PRINCIPAL

INSERTAR ENLACE

EDITAR CODÍGO FUENTE HTML

INSERTAR UNA WEB DENTRO DE UNA PÁGINA WEB Insertar>Más gadgets...

Público>Destacada> Localizamos: Include gadget (iframe) Aceptar Completamos ahora la dirección web o URL, la anchura y la altura que estimemos.

9

OTRA OPCIÓN : editar un código “html” : <iframe src="INTRODUCIMOS LA URL DE LA PÁGINA AQUÍ" width=500" height="500" frameborder="0" scrolling=Yes> </iframe>

SUBIR VIDEOS YOUTUBE Para subir videos, una buena opción es crear una cuenta en youtube, si no se tiene, subir el video a youtube, y este crea un código html, que es el que permite subirlo a la página. 





Ingresa a tu cuenta de YouTube (En YouTube haz clic en el vínculo Acceder e ingresa tu nombre de usuario y contraseña) Una vez en tu cuenta dale clic al enlace Subir situado en la parte superior derecha de la pantalla

En la página que te aparece haz clic en Examinar para seleccionar en tu PC o teléfono móvil el video que quieres subir.

10



Selecciona el video y haz clic en el botón Abrir



En la página que aparece dale clic al botón Subir video, deberás esperar un momento mientras carga el video



Una vez cargado el video, te aparecerá la siguiente ficha que deberás rellenar. o Ponle el titulo que quieras que aparezca en YouTube. o Añade una descripción 11

o

o o



En etiquetas pon las palabras claves que este en relación con tu video Elige una categoría En privacidad tienes la opción de compartir tu video con todos los usuarios de YouTube o con solo un grupo de amigos

Finalmente pincha el botón Guardar cambios y listo.

12

Al entrar en youtube en nuestra cuenta, allĂ­ podemos ver nuestros videos y compartirlos (subirlos a nuestra google site), genera la url para poder insertarlo.

IMPORTANTE

Tenemos que acordarnos siempre de guardar los cambios de la pĂĄgina

13

CREAR UN LIBRO DIGITAL Podemos utilizar varios sitios, pero uno muy sencillo es http://issuu.com/ Si no tenemos una cuenta, la creamos.

Y si la tenemos, introducimos el login Una vez que estemos en nuestro apartado, para subir un archivo para convertirlo en formato libro digital ( tiene que estar en formato PDF), vamos a “Upload” Introducimos los datos que nos pide ( archivo, nombre, tipo de libro, …).

Cuando está ya creado, podemos utilizar el código en lenguaje html para subirlo a la google site.

Botón para conseguir el código html

14

Copiamos este código y lo pegamos en nuestra página al activar “html” Cuando accedemos a nuestra parte de issuu, podemos ver todos nuestros libros en “ My Library”

CREAR UNA ENCUESTA Las encuestas interactivas pueden ser una herramienta muy útil para para sondear opiniones. Permiten así mismo consultar los resultados.

Podemos utilizar la página http://es.99polls.com/ Necesitamos registrarnos, creamos la encuesta siguiendo los pasos, y cuando está creada, genera un código de encuesta en html para insertar en nuestra página.

GADGET DEL TIEMPO Es un gadget que nos informa del tiempo que hace o es previsible en una ciudad o localidad. En un sitio web puede resultar interesante colocarlo Para poner este gadget, vamos a la web http://www.eltiempo.es . y buscamos la cuidad que nos interesa.

15

Vamos al fondo de la página que aparece y buscamos para generar el código.

Configuramos a la medida y finalmente obtenemos un código

Este es un código java script, que no funcionaría si directamente lo insertamos en Google sites.

Tenemos que: Insertar>Más gadgets...

Añadir gadget por URL: http://hosting.gmodules.com/ig/gadgets/file/105629041657992777031/c ode-wrapper.xml Pega esta dirección en la ventana que se abre.

Ahora dentro del gadget pegamos el código obtenido en www.eltiempo.es

16

INSERTAR UN GIF ANIMADO Una manera sencilla seria subiendo el gif animado a Picassa y desde aquí subirlo a nuestra página: 1º Localizamos imágenes gifs en muchos lugares de Internet. Por ejemplo en Gifmanía 2º Guardamos este dibujo en nuestro equipo.

Botón derecho del ratón>Guardar como 3º Subimos el dibujo a nuestros albumes web de Picasa

4º Abrimos en modo edición la página donde vamos a insertar el dibujo.

Insertar > Foto de Picasa

17

INSERTAR UN VOKI Un voki es un busto parlante realizado con la herramienta voki. Es muy configurable y soporta muchos idiomas. http://www.voki.com/ El proceso para insertarlo sigue los siguientes pasos: OBTENEMOS EL CÓDIGO 1. Ir a voki y confeccionar el personaje.

2. Publicar para obtener el código 3. Copiar el segundo código que suministra:For MySpace Use This Code Puede ser como este: <PARAM NAME="movie" VALUE="http://vhssd.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A2F%2Fvhssd.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D44ed40ea 525e97ea7ae1c0869d422153%26sc%3D1652349"><PARAM NAME="BASE" VALUE="http://vhssd.oddcast.com/vhss_editors/"><PARAM NAME=quality VALUE=high><PARAM NAME=scale VALUE=noborder><PARAM NAME=bgcolor VALUE="transparent"><EMBED allowScriptAccess="never" allownetworking="internal" src="http://vhssd.oddcast.com/vhss_editors/voki_player.swf?doc=http%3A%2F%2Fvhssd.oddcast.com%2Fphp%2Fvhss_editors%2Fgetvoki%2Fchsm%3D44ed40ea 525e97ea7ae1c0869d422153%26sc%3D1652349" swLiveConnect=true NAME="voki" quality=high base="http://vhssd.oddcast.com/vhss_editors/" scale=noborder WIDTH=200 HEIGHT=267 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/ind ex.cgi?P1_Prod_Version=ShockwaveFlash%5c"></EMBED><BR><a href="http://www.voki.com/vokiCommentEditor.php?sc=1652349" target=_blank>Click here to comment on this Voki.</a><BR><a href="http://www.voki.com/"><b>Get a Voki now!</b></a><BR><BR> Solo nos interesa el resaltado en amarillo(sin las comillas). Deberías buscar en el tuyo algo muy similar.

18

INSERTAMOS UN GADGET 1. Insertar>Mas gadgets...

2. Añadir gadget por URL 3. Escribir como URL lo siguiente: http://hosting.gmodules.com/ig/gadgets/file/1086212081200332 73647/flash_container.xml Este gadget está diseñado por Philippe Chapuuis como un contenedor de archivos flash. Gracias a su generosidad y por compartir esto, se consigue lo que pretendemos.

CONFIGURAMOS EL GADGET 1. Escribimos como URL el código (resaltado amarillo) que seleccionamos anteriormente.

2. El resto de parámetros puedes verlos en la siguiente captura:

19

TIPOS DE PÁGINAS (al crear una página nueva

)

¿Qué es una página En dos columnas?

Una página En dos columnas es una página web dividida en dos columnas con cuatro marcadores gadget para facilitar el empezar a crear un resumen de la información.

Podemos crear una página En dos columnas a través de un tipo de página Página web cambiando el diseño a dos columnas e insertando gadgets en la página. ¿Qué es una página de anuncios?

Una página de anuncios es una página que facilita a un individuo o a un grupo publicar información cronológica como noticias, actualizaciones de estados o eventos destacados. Se puede usar para publicar noticias de la organización, publicar actualizaciones del proyecto, anunciar nuevos lanzamientos, publicar enlaces interesantes de toda la web, como un blog sencillo, y muchas otras cosas.

Los suscriptores a la página reciben una notificación de las nuevas entradas y actualizaciones de las entradas existentes. ¿Qué es una página de almacenamiento de archivos?

Una página de almacenamiento de archivos te permite administrar documentos del disco duro y organizarlos en carpetas. De esta forma se pueden organizar los documentos comunes en un solo lugar. El Historial de versiones almacena los

20

documentos para que siempre puedas regresar a una versión anterior.

Los suscriptores a la página reciben una notificación de los archivos nuevos, de los archivos actualizados y de los archivos eliminados. ¿Qué es una página de lista?

Las páginas de lista te permiten hacer con facilidad un seguimiento de listas de información. Puedes elegir entre una lista de plantillas o configurar tus propias columnas personalizadas. Se pueden añadir, actualizar y eliminar elementos con facilidad.

Los suscriptores a la página reciben una notificación de las adiciones, de las eliminaciones y de las actualizaciones hechas en la lista.

CREAR UN CONTADOR EN LA PÁGINA Un contador de visitas gratuito puedes conseguirlo visitando esta dirección: http://www.easycounter.com/es/

21

Tenemos que registrarnos y rellenamos los campos que nos solicitan para crear una cuenta: 



   

Nombre de usuario, contraseña, e-mail y dirección web o URL del sitio.

Elegimos entre: Contar los visitantes únicos o todas las visitas Tipo de contador:HTML Estilo de contador Estoy de acuerdo con términos y condiciones Crear mi cuenta>>

Se nos presenta un código html que debemos copiar:

Finalmente iremos a la página del sitio. Editamos en modo “html” (al final a la derecha).

Para terminar, pegaremos el código anterior.

Guardamos para ver el resultado.

Puedes usar otros servicios para crear contadores: http://www.e-zeeinternet.com

22

MENÚ MÁS

Sirve para cambiar el aspecto general de tu sitio modificando los temas, el diseño, los colores y las fuentes. Para modificar cualquiera de estos elementos, selecciona Administrar el sitio del menú desplegable "Más acciones".

Desde aquí podemos eliminar la google site – Administrar sitio – eliminar sitio

23

Desde este menú “Más” podemos además : -

Cambiar Título del sitio Cambiar Plantilla de página Permitir Comentarios y archivos adjuntos Eliminar un sitio Permisos de privacidad Cambiar la configuración de la barra lateral Eliminar una página Cambiar URL de la página Cambiar la configuración de nombres y títulos de páginas.

Recuperar página eliminada Insertar gadgets Crear submenús ….

En el siguiente enlace se explica cada opción del menú “MÁS” http://support.google.com/sites/bin/search.py?hl=es&query=m %C3%A1s+acciones

24

ENLACES DE INTERĂ&#x2030;S http://sites.google.com/site/webscolaborativas/home http://issuu.com/ http://www.youtube.com/?gl=ES&hl=es http://www.eltiempo.es www.gifmania.com/ picasaweb.google.com/ http://www.voki.com/ http://www.easycounter.com/es/ http://support.google.com/sites/bin/search.py?hl=es&query=m %C3%A1s+acciones

25

26