Manual Google Sites PDF

Manual de iniciacin a Google Sites Centro Regional del Profesorado de Castilla La Mancha
Manual de iniciacin a Google Sites. Centro regional de Formacin del Profesorado CLM - Severo Romn Perales Pgina 1

1. INTRODUCCIN:

La popularidad de Google es incuestionable, todos conocemos el buscador del mismo
nombre, pero tras ese buscador existen infinidad de utilidades y aplicaciones que
anan sencillez y potencia.
Este es el caso de Google Sites, una de las muchas aplicaciones de Google que nos
permitir crear pginas web en cuestin de minutos y que adems podremos
enriquecer con funciones como wiki, blog, formularios, las posibilidades son casi
infinitas.
En este taller lo nico que vamos a hacer es ver las funciones ms bsicas y aprender a
construir con sencillos pasos nuestra propia web.
Manos a la obra.

2. REGISTRO:
Antes de comenzar debemos tener una cuenta de Google, una cuenta de gmail que era
un requisito para esta taller, no obstante cuando accedamos a crear un sitio con
Google Sites aunque no tengamos cuenta se nos ofrecer la oportunidad de poder
crearla nosotros. Con esa cuenta podremos hacer uso de todas las funciones de
Google incluido Sites que es el tema que nos ocupa.
Accediendo a http://sites.google.com logeado con nuestro usuario y contrasea.

El siguiente paso ser rellenar los campos que aparecen y que determinarn el nombre
de la web as como la direccin que tendr en internet.
Pantalla de inicio

Una vez rellenados estos campos damos a CREAR y ya tendremos la web hecha. Con este paso
podemos dar por finalizado el taller, pero aunque nuestra web ya est creada tendremos que
dotarla de contenido y de funcionalidad dependiendo del fin que queramos darle.
La primera apariencia de nuestra recin creada web ser la que figura al pie de este prrafo.
Como veis es una apariencia muy sencilla que podremos ir mejorando para lo cual usaremos
en un primer momento el editor web.
Botn para crear
Ponemos el nombre del sitio
URL del sitio
Ponemos el captcha

3. EDITOR WEB:
Con la opcin de editor web podremos configurar muchos parmetros de nuestro
recin sitio creado.
Marcando el icono de editar nos aparecer un nuevo men superior de edicin rpida
con el que podremos deshacer cambios, dar formato al texto, alinear, sangrar,
justificar, numerar y poner enlaces.
Comenzamos escribiendo un texto en el encabezado y en el cuerpo de la web y
procedemos a darle formato al texto. El aspecto podra ser este que ponemos de ejemplo.
Es importante sealar que cada cambio que hagamos debemos guardarlo si queremos que
queden de manera permanente en la web pinchando en la opcin Guardar. De esta
manera tan sencilla ya hemos dotado de contenido nuestra web y podremos siempre que
Editor
queramos modificar y/o aadir ms contenido.

En la parte de izquierda existen cuatro opciones que nos van a permitir hacer nuestra web
mucho ms profesional y fucnional. Son: Insertar, Formato, Tabla y Diseo. Veamos en promer
lugar la opcin de Insertar.
4. INSERTAR:
Con esta opcin se desplegar una serie de opciones con las que podremos entre otras
muchas cosas insertar imgenes, enlaces, ndices, listas de subpginas, lneas, Botn +1 de la
red social de Google+, cuadros de texto, etc.

Existen muchsimas opciones y vamos a usar las ms frecuentes. Empecemos por insertar una
imagen para lo cual basta con marcar la opcin Imagen
Guardar

a. INSERTAR IMGENES:
Podemos insertar imgenes que tengamos en nuestro ordenador o imgenes provenientes de
otras webs a travs de su enlace. En el primer caso vamos a subir una imagen ya existente en
otra web marcando la opcin Direccin Web (URL). Al seleccionar esta opcin pegamos la url
de la imagen y aceptamos, el resultado sera este:

No debemos olvidar guardar los cambios siempre que hagamos alguna modificacin.
En el segundo caso si de lo que se trata es de subir una imagen de nuestro ordenador,
volveremos a editar nuestra web con el icono derecho del lpiz y volvemos al desplegable de
las opciones donde volvemos a marcar insertar dibujo. Ahora marcaremos Imgenes subidas
y Seleccionar archivo. Se abre un cuadro en el que podremos seleccionar el archivo de
imagen que deseemos subir.

Isertar imagen cdesde una URL
Seleccin

En mi caso selecciono el logo de la Consejera, puedo poner un texto alternativo cuya funcin
es mostrar en modo texto lo que debera verse por si la imagen no carga o el navegador tiene
desactivadas las opciones de visionado de imgenes. Tras seleccionar y aceptar la imagen
queda insertada.

b. INSERTAR HIPERVNCULOS:
Ahora vamos a poner hipervnculos que hagan que al pinchar sobre ellos nos lleven a
algn sitio. Veamos cmo se hace. Volvemos a editar la web
Como en nuestro caso el enlace es a una web externa a la nuestra seleccionamos la
segunda opcin Direccin web

Una vez tecleada la direccin podemos hacer que esta web se abra en otra pgina diferente
marcando la opcin abrir el enlace en una nueva ventana.

c. INSERTAR VDEOS:
Google Sites nos permite insertar videos desde diferentes fuentes. Desde Youtube,
desde el propio canal de vdeos de Google video o cargar un vdeo almacenado en
el propio repositorio de Google de Google Docs como un archivo. En nuestro caso
lo vamos a hacer desde Youtube.
Editamos la pgina y posteriormente a insertar. La ltima opcin es insertar Video
donde seleccionamos desde Youtube.

Damos a guardar y comprobamos el resultado en nuestra web. El vdeo se habr
insertado en el lugar que hayamos seleccionado.

Tanto el vdeo como el resto de elementos de nuestra web pueden ser movidos y
colocados donde queramos con el acto de seleccionar arrastrar y soltar.
d. INSERTAR CUADROS DE TEXTO:
Con esta opcin tambin en el men de insertar, podemos incluir en nuestra
web un cuadro de texto dimensionable y movible. Desde insertar
seleccionamos cuadro de texto. Se abre una ventana donde definimos los
parmetros del cuadro de texto como ttulo, ancho (esto lo podemos modificar
luego con tiradores), y el contenido del cuadro de texto al que podremos dar
formato como si de un procesador de texto como el Word se tratase.
Pegamos el enlace
Si queremos ttulo

Si queremos borde


El cuadro de texto quedar integrado en el lugar donde tenamos el cursor.

e. INSERTAR DOCUMENTO:
Cuando abrimos una cuenta de google nos abrimos un sinfn de funciones que en un
taller como ste sera imposible abarcar. La funcin de Google Drive nos permite almacenar
todo tipo de documentos en la nube. Fotografas, textos, vdeos, pdfs, etc, pueden ser
almacenados sin problemas en las 5 GB que de forma gratuita nos ofrece Google. Lo que he
hecho en este caso es almacenar archivos de prueba en una carpeta que he creado ad hoc
llamada y dentro de ella un documento en pdf. Al insertar un archivo voy a seleccionar ese
documento y lo voy a enlazar a mi web. Veamos cmo se hace.
Editamos la web, insertar y luego selecciono documento. Hay que tener en cuenta que
los documentos que se almacenan pueden ser creados con aplicaciones externas como pdf,
doc, docx, ppt, etc con los que lo nico que podremos hacer con ellos si queremos insertarlos
es hacerlo a travs de enlace. Todos los documentos creados con google docs como textos,
hojas de clculo, bases de datos, presentaciones, etc, podremos embeberlos directamente en
Sites sin problemas. Al fin y al cabo las aplicaciones de Google se llevan perfectamente.
Vamos primero a insertar un archivo pdf subido previamente a Docs:
Lo primero es posicionarnos en Google Drive y seleccionar el archivo que queremos
compartir, en este caso enlazar.

Lo pinchamos y lo abrimos

Copiamos la direccin en el portapapeles con la combinacin de teclas CONTROL +
C. https://docs.google.com/file/d/0ByjXZblm0EaPcm1XY0U1TGhQME0/edit Debemos
asegurarnos de que el documento en cuestin es pblico y que hemos otorgado los permisos
para ello en Google Drive.
Posteriormente volvemos a Drive y le damos a Insertar donde seleccionamos Enlace.

Pegamos el enlace, ponemos el ttulo que queramos que figure en nuestro Google
Sites y aceptamos.
Ttulo
Insertamos
enlace

Ahora vamos a enlazar un documento crear con las herramientas de Google Drive
como por ejemplo un procesador de textos.
Accedemos a Google Drive. Si quisisemos subir un documento como yo he hecho
anteriormente dara al icono de la unidad con la flecha hacia arriba. En este caso voy a crear y
por lo tanto le doy a CREAR.

Como veris puedo crear a partir del desplegable un documento de texto, una hoja de
clculo, una presentacin, un formulario, un dibujo y una carpeta. Elegimos documento de
texto.

Se nos abre un editor muy similar al que estamos acostumbrados a usar como el de
Word o LibreOffice. Escribimos y damos forma a lo que queramos.

Como ya se ha dicho antes es muy importante hacer pblico el documento, si lo
dejamos por defecto estar cerrado slo para poder verlos nosotros. Para hacerlo pblico hay
que ponchar en Compartir y seleccionar pblico.

Le ponemos un nombre identificativo al documento.

Ahora nos vamos a insertar, seleccionamos documento y seleccionamos el documento
a compartir en mi caso el que he creado lo que llamado Intro, lo selecciono y acepto.


Puedo cambiar el ttulo, la altura, la anchura e incluir un borde.
El resultado es ste:

f. INSERTAR FORMULARIO.
Es, dentro de las casi infinitas posibilidades que nos permite Sites, una de las opciones ms
interesantes. Con ellas podremos recoger datos de una manera muy rpida y eficaz.

Editamos, damos a crear y seleccionamos Formulario

Puedo disear el formulario como recogida de datos, preguntas, etc. Hagamos un
sencillo.
Una vez diseado con las opciones que nos ofrece, lo haremos pblico y lo
guardaremos. Nos vamos a nuestra web, editamos e insertamos el formulario como lo hemos
hecho con otros elementos.


Configuramos:


Y ya est listo:

Cuando alguien lo rellene y lo enve quedar almacenado y en cualquier momento
accediendo desde Drive a nuestro formulario podremos ver un resumen completo de las
respuestas con estadsticas as como exportar resultados a Excel para trabajar con ellos.

Si voy a drive y pincho en mi formulario ver los resultados.

Relleno los campos. Y le
doy a enviar.

Tambin puedo en modo resumido como hemos indicado antes:


g. CREAR PGINAS SECUNDARIAS:
Podemos crear tantas pginas de navegacin dentro de nuestra web como
queramos. Es muy sencillo.


Definimos los parmetros de ttulo y de donde queremos que aparezca. Yo en mi ejemplo ya
he creado la portada principal y quiero que las que siga creando sean secundarias, por lo tanto
selecciono Clasificar la pgina en Bienvenido a la web del Taller de Google Sites del CRFP y
doy a crear.

Si os fijis van apareciendo en la estructura d ela web los apartados que estamos creando poco
a poco.
h. SUBIR FOTOS DE PICASA.
Picasa es otra de la herramientas de Sites que nos permitir crear lbumes de fotos de forma
sencilla y cmoda. Veamos cmo integrarlo en nuestra flamante web.


Si accedo directamente a Picasa ver que el lbum ya est creado y podr navegar por l
independientemente.

Fijaos que hay fotos pblicas (bolita del mundo en la parte inferior) y privadas (con un
candado), si queremos que las vea todo el mundo debo hacerlas pblicas. Pinchando en el
candado aparece esta pantalla donde debemos seleccionar compartir.



As ha quedado nuestra web despus de todas las perreras que le he hecho. Seguro que ahora
vosotros con mejor criterio de diseo y organizacin la hacis infinitamente mejor.

i. Crear presentaciones con Picasa.
Crear presentaciones en nuestra web mediante una ventana en la que se muestren las
fotografas a modo de pase de diapositivas es muy sencillo, veamos cmo se hace.
Entramos en la aplicacin de Picasa y creamos un lbum de fotos, bien con las fotografas que
tenemos ya subidas o bien con nuevas fotografas que queramos subir desde nuestro
ordenador. En nuestro caso lo vamos a hacer con fotografas de nuestro ordenador.
Entramos en Picasa, aplicacin a la que tendremos acceso ya que al darnos de alta en una
cuenta de Google todos sus servicios con activados.

Presionamos en subir y ah tenemos dos opciones o crear un lbum nuevo o subir fotografas a
un lbum existente.

Vamos a crear un lbum nuevo que nutriremos con fotografas de nuestro ordenador. Le
ponemos nombre, por defecto viene la fecha del da de creacin.

Selecciono las fotografas, puedo seleccionar varas a la vez en bloque con la tecla de
maysculas presionada o saltear fotografas en la eleccin presionando la tecla CTRL.


El lbum ya est creado, vamos ahora a insertarlo en nuestra web. Creamos una nueva pgina
llamada Picasa y dentro de ella insertaremos el lbum que quedar como una ventana de
pases de dispositivas que podr pasar las fotografas de manera automtica o manual.



Seleccionamos nuestro lbum de prueba y configuramos las opciones:

Damos a guardar y ya lo tendremos listo.

j. Google calendar es otra de las opciones interesantes que podemos
implementar en nuestra web. Se trata de un calendario con funciones
avanzadas para recordatorios, avisos, eventos, envo de mails, trabajo grupal,
etc.
Creamos una subweb llamada Calendar.


Al darle la opcin de insertar se crea automticamente un calendario por defecto que ya
podremos usar.

Al darle a seleccionar se abrir una ventana con las diferentes opciones.

Mi recomendacin es que se deje como est, las opciones marcadas lo harn ms completo.

Ya estar preparado para poner exmenes, das de recuperacin, fiestas, eventos deportivos y
todo lo que se nos ocurra.

Recuerda que desde la web no podrs editar modificaciones y tendrs que cargar calendar en
una ventana diferente para trabajar con l.

Muchas gracias.
Severo Romn Perales

Manual Google Sites PDF

Cargado por

Copyright:

Formatos disponibles

Manual Google Sites PDF

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual Google Sites PDF

Cargado por

Copyright:

Formatos disponibles

Manual de iniciacin a Google Sites Centro Regional del Profesorado de Castilla La Mancha

También podría gustarte