UNIVERSIDAD NACIONAL DE

CHIMBORAZO
FACULTAD DE CIENCIAS POLITICAS Y
ADMINISTRATIVAS
CARRERA DE INGENIERIA COMERCIAL

HERRAMNIENTAS DE GOOGLE SITES

INTEGRANTE:
Oscar Vizuete
PROFESOR:
Ing. Patricia Chiriboga

SEMESTRE:
Quinto Semestre

HERRAMIENTAS DE GOOGLE SITES

Google Sites es la nueva herramienta gratuita del gigante de Internet
para crear y gestionar pginas web a travs de un sencillo editor. Y en
qu se diferencia del otro servicio similar llamado Google Pages? Pues
que ste ltimo es para crear sitios personales, hechos por un nico
usuario, con pocas pginas y otras limitaciones. En cambio, Google Sites
est orientado a empresas y organizaciones para que varias personas
puedan mantener una misma web y con un contenido ms completo.
En realidad, es el resultado que han conseguido los programadores con
las herramientas de Jotspot, un proyecto comprado por Google en
octubre de 2006. A partir de 20 plantillas, podemos completar el diseo
de la pgina aadiendo elementos como textos, fotos, presentaciones o
vdeos, todo ello con un espacio de 10 Gigabytes para subir archivos.
Tambin podemos elegir si queremos que la web sea pblica o de
acceso restringido, as como el nmero de usuario que pueden editarla,
cada uno de ellos con su correspondiente cuenta de usuario. Todo est
gestionado a travs de un editor WYSIWYG, cuyas siglas en ingls
quieren decir Lo que ves es lo que obtienes. En otras palabras, una
pgina

tan

sencilla

de

editar

como

un

documento.

Decimos que es gratuita porque, para poder usarla, hay que ser usuario
de Google Apps, un servicio que cuenta con opciones tanto gratuitas
como

de

pago

(estas

ltimas,

lgicamente,

ofrecen

ms

almacenamiento y otras mejoras). En definitiva, una aplicacin para

personas poco familiarizadas con el cdigo html y el diseo web,
parecida a editores de blogs como WordPress, sin ir ms lejos.
Google Sites no permite la inclusin de objetos incrustados que no
sean del propio Google (YouTube, Google Docs, etc), por lo que no
podremos incluir documentos deScribd o presentaciones de
Slideshare, por ejemplo.

 No dispone de ninguna herramienta para que el visitante ajeno al

sitio pueda dejar ni tan siquiera un comentario, al menos por el
momento, ya que se hace difcil pensar que esto seguir de este
modo por tiempo indefinido.
Como tantos otros productos, empez slo en ingls, pero ya la
tenemos en espaol.

Para ir entrando en faena vamos a ver este pequeo video-tutorial

("Watch a short tutorial") en ingls subtitulado en espaol:
Lo mejor es que vayamos paso a paso. Vamos all!
1. Crear el sitio
Abrimos la pgina de Google Sites. Si tenemos una cuenta en Google,
nos reconocera con nuestro nombre de usuario y slo tendremos que
aadir nuestra contrasea. Si an no tenemos cuenta en Google
tendremos que abrirla dndole los datos que nos pida. Haz clic sobre el
botn "Aceptar".

A continuacin, sobre el botn Crear sitio (Create a Site).

Despus se abrir una pgina con un sencillo formulario que debers
cumplimentar con los siguientes datos:

Nombre del sitio (Site Name), automticamente se va poniendo a

continuacin la direccin que tendr en Internet nuestra pgina.
Descripcin del sitio (Site description): pequea descripcin opcional.
Contenido para adultos (Mature Content): sealamos esta opcin si los
contenidos son slo para adultos.
Compartir con (Share with) : -la primera opcin viene marcada por
defecto.
Todo el mundo puede ver este sitio (Everyone in the world can
view this site)
Slo las personas que especifique pueden ver este sitio(Only
people I specify can view this site)
Tema del sitio (Site theme): estn visibles tres, pero al darle a la opcin
Ms temas (More themes), podrs elegir entre muchos ms.

A continuacin debemos copiar el cdigo que nos muestre la pgina y

pinchar sobre el botn Crear sitio (Create site)

Ya estamos en nuestra pgina principal. La estructura que presenta,

mientras no la cambiemos, es la siguiente:

 Marco superior: nombre del sitio: Prueba curso

Marco lateral: men de navegacin
Marco principal: pgina principal (en la imagen: vaco)
Marco inferior: archivos adjuntos y comentarios.
Es la pgina que llamamos "de inicio", la primera que aparecer al
entrar en la web, o lo que es lo mismo el punto de entrada a todo el
sitio. Para construir sta, o cualquier otra pgina que aadamos,
haremos uso de las herramientas de edicin que aparecen cuando
hacemos

clic

sobre

el

botn

Editar

pgina.

Para

configurarla

adecuadamente, pulsamos sobre ms acciones.

2. Editar la pgina
Lo primero que vemos es una barra de edicin rpida con la que
podemos elegir el tipo de letra, el tamao, el formato y color de la
fuente, numeracin, vietas, sangras y justificaciones, quitar el formato
o editar el HTML (slo para iniciados).

Tambin vemos cuatro mens desplegables que nos ofrecen la

posibilidad de incluir muchos elementos:
Men Insertar: para insertar cualquier tipo de elemento.

 Men

Formato:

cambia

tamaos

pone

algunos

formatos

especiales de texto.
Men Tabla: para insertar tablas.
Men Diseo: para elegir entre pginas a 1 2 columnas.
Cualquier cambio que hagamos hay que aceptarlo con Guardar. Si, por el
contrario, no queremos conservar los cambios optaremos por Cancelar.
Veamos ahora las posibilidades de estos mens:
Men Insertar: elementos simples (imgenes, enlaces, ndice de
contenidos,

lnea

horizontal);

servicios

de

Google

(Calendario,

documento de texto, lbumes web de Picaza, presentaciones, hojas de

clculo, formularios, vdeos de YouTube o Google video); gadgets de
Google

(ltimas

entradas,

ltimos

archivos

actualizados,

listas

actualizadas, cuadros de texto,...)

Si insertamos alguna imagen, tenemos la opcin de subirla desde

nuestro ordenador o poner la ruta de la imagen alojada en Internet
(previamente hemos podido subirla a nuestra cuenta en Flickr o en
Picasa). Para ello, recuerda: nos ponemos sobre la imagen>botn
derecho> Propiedades> Copiar la

direccin y pegar sobre la

casilla correspondiente
Si queremos insertar un enlace, tenemos tres posibilidades:
enlazar con una pgina que ya tengamos creada en nuestro sitio
Pgina existente; slo tenemos que sealarla entre las que nos
aparecen listadas abajo; o bien podemos enlazar con otra web

para lo que escribiramos o pegaramos la si quieres que la pgina

se abra en otra ventana, marca la casilla del final "Abre este
enlace en una ventana nueva".
ndice de contenidos: es un ndice que corresponde a los distintos
apartados o secciones que contiene un texto dentro de una
pgina; es til cuando se trata de un texto largo para poder
moverse ms rpidamente por l.
Servicios de Google: podemos aadir fcilmente un calendario,
documentos, lbumes web de Picaza, presentaciones, hojas de
clculo, formularios, vdeos de YouTube o Google video, se nos
muestran los archivos que tenemos almacenados en Google Docs.
Slo tenemos que seleccionar el elemento que queremos insertar
en nuestra pgina.

En el resto de los casos tendremos que pegar la direccin o URL del

elemento y adems completar algunos apartados para configurar el
tamao, incluir borde, etc.:

5. Gadgets: son artilugios, utilidades como ltimas entradas (entradas

recientes); archivos actualizados recientemente; elementos de lista
recientes (ltimos listados),...Para poder insertar cualquiera de los tres
primeros

elementos,

tenemos

que

haber

creado

las

pginas

correspondientes que debern contener informacin o archivos. En

Insertar ms tenemos para elegir entre miles de los que anuncia Google.
Men Formato de texto: para establecer el tamao y otros aspectos
relacionados con el texto.

Men tabla: permite insertar una tabla directamente y de manera

grfica marcando con el ratn el nmero de filas y columnas deseado:

Men diseo: nicamente nos dan a elegir entre presentar cada pgina
en una dos columnas:

3. Aadir nuevas pginas

Podemos cambiar el ttulo de la pgina y aadir cuantas pginas
consideremos necesarias para nuestro sitio.

Le ponemos nombre a la pgina que vamos a crear y elegimos uno de

los cinco tipos disponibles:
Pgina web simple: pgina en blanco que completaremos con los
contenidos que queramos.
Pgina a dos columnas: aparecen cuatro mdulos vacos, tipo
tablero; al hacer clic sobre cualquiera de los mdulos se despliega
el men insertar. Podemos montar pginas con distintos tipos de
elementos foto, documento, gadgets bien estructuradas. Podemos
alterar la predisposicin inicial aadiendo ms mdulos, marcando
uno y "copiar y pegar", y eliminar.
Anuncios: aadimos una pgina tipo Blog. Esta pgina se
confecciona aadiendo entradas que se convertirn en anuncios
informativos. Tendremos que poner el ttulo a la entrada y, a
continuacin, escribir el contenido de la noticia se ordenan
cronolgicamente en orden inverso, como en cualquier blog.
Pgina archivador o contenedor de archivo se trata de una pgina
preparada para almacenar y mostrar los archivos que queramos
guardar en nuestro sitio. Le ponemos un nombre y podemos aadir
un archivo botn Examinar y Subir. Esto nos recuerda a las wikis.
Cuando tenemos muchos archivos podemos organizarlos en
carpetas, eliminarlo y suscribirnos a cambios para, si se ha

producido algn cambio, nos llegue un correo de aviso a nuestra

cuenta. Recordamos que disponemos de 100 Mb. para almacenar
archivos.
Pgina tipo lista: se trata de una pgina que contiene listados
confeccionados a nuestra medida cualquiera de las tres primeras
nos presenta unas plantillas con las listas ya estructuradas
podramos llevar el control de temas y mostrar una valoracin
final, podemos reflejar fechas, telfonos, direcciones, etc.

Finalmente elegiremos la jerarqua de la pgina. Tenemos dos opciones:

1. Ponerla en el nivel ms alto. Es la opcin por defecto.
Supone una pgina ms junto con la de Inicio (Home)
2. Ponerla debajo: sera una subpgina
4. Configurar nuestro sitio

1. Compartir este sitio. Un sitio puede ser compartido con todo el mundo
(pblico) o con los usuarios que especifiquemos. Como dijimos al
principio, hay tres posibilidades de interactuar:
Como propietario: tiene todos los privilegios para gestionar el sitio
Como colaborador: puede crear, editar, mover y borra pginas;
aadir archivos adjuntos y comentarios; aadir y eliminar pginas

del men lateral de navegacin; suscribirse a los cambios que se

produzcan en el sitio
Como simple usuario o lector: slo puede ver las pginas.

El

sitio

creado

nos

permite

invitar

otros

como

propietarios,

colaboradores o lectores, a travs del formulario donde escribiremos las

direcciones de correo, que podemos extraer de nuestros contactos de
gmail. Si el sitio es pblico, es decir queremos que todo el mundo pueda
verlo, en el apartado permisos avanzados deber estar marcada la
casilla correspondiente. Si, por el contrario, queremos que sea privado,
deberemos desmarcarla. Esta opcin tambin est disponible durante el
proceso de creacin y registro inicial del sitio. En la columna de la
derecha iremos viendo toda la informacin sobre los usuarios que
participan en el sitio.
2. Cambiar aspecto. Veamos cmo cambiar el aspecto de nuestra
pgina.
Por defecto nuestra pgina ocupa el ancho de toda la pantalla (100)

Si queremos que quede un espacio libre a ambos lados y no

completar la pantalla, debemos cambiar el ancho a 90, 80, 70,

Vamos probando hasta que quede a nuestro gusto. Si hemos

puesto un tema de fondo con esta anchura ser visible sin
problema.
Desmarcando la opcin cabecera, eliminaremos el marco superior
que contiene el ttulo y el logo. La altura est condicionada por
defecto al tamao del logo. Podemos cambiar tambin la altura.
Desmarcando la opcin barra lateral, eliminamos la barra lateral y
tendremos una web a toda pgina y sin marcos laterales.
Elegiremos el marco a la derecha o a la izquierda y, si queremos,
cambiaremos tambin la anchura que por defecto viene a 150.
El logo est predeterminado arriba a la izquierda en la cabecera y no
admite otra posicin. Si queremos poner otro logo, haremos clic en
"cambia el logotipo"

Podemos prescindir del logo sin logotipo; si optamos por aadir uno, lo
buscaremos con la opcin Examinar, una vez lo tengamos dimensionado
a la altura que hemos fijado en la cabecera. Pulsamos Aceptar y
guardamos los cambios.
La barra lateral tiene una anchura de 150 pxeles y, en principio, est
formada por dos cuadros o mdulos:
Navegacin: men de navegacin
Actividad reciente del sitio: informacin sobre los ltimos
cambios realizados en el sitio.
Podemos adaptar la barra lateral a nuestras necesidades con las
opciones Editar, suprimir o aadir un nuevo mdulo. En el men
navegacin situaremos los hiperenlaces a pginas que existen dentro

del sitio, que hemos creado previamente. Podemos cambiar el ttulo

navegacin por otro.

Podemos aadir nuevos mdulos en la barra lateral haciendo clic en

"Aadir un elemento en la barra lateral". Nos ofrecen 5 opciones:
Navegacin: enlaces a pginas sueltas del sitio
Texto: para aadir texto. Con esta opcin podemos insertar
enlaces a sitios externos, incluir iconos, dibujos, logos,.
Actividad reciente del sitio: una lista de las ltimos movimientos
del sitio
Cuenta atrs: un contador de das a una fecha que tendremos que
especificar.
Una vez creados, podemos ordenar los mdulos en la barra lateral
pinchando sobre ellos y arrastrndolos al lugar donde queramos
colocarlos.
Cambiar los colores y las fuentes

Seleccionamos un elemento y, con la barra deslizante, podemos cambiar

el color del ttulo, el fondo, el marco lateral, etc. Podemos poner una
imagen como fondo de cabecera, de pgina o de barra lateral para lo
que la seleccionaramos buscando la imagen en nuestro ordenador con
el botn "Examinar".

Tenemos seis tipos de letra o fuente para elegir:

Los cambios que vayamos haciendo se irn mostrando en la parte

inferior de la pantalla. Podemos elegir entre una serie de temas. Para ir
probando debemos hacer clic en "Vista previa".

En la pestaa Ms podemos:
Poner un nombre al sitio
Si no queremos mostrar el nombre del sitio arriba de las pginas
debemos desmarcar esta opcin.
Describir brevemente el sitio.
Indicar si el contenido es slo para adultos.
Cambiar la pgina de entrada o inicio cuando se accede al sitio,
por defecto es la pgina "Home"
Activar las estadsticas a travs de Google Analytics donde habr
que darse de alta siguiendo los pasos que nos indican; despus se
nos mostrar un cdigo ID de propiedad web de Analytics.
En un cuadro situado a la derecha tenemos la informacin referida al
espacio ocupado de los 100 Mb disponibles en nuestra cuenta.
5. Configurar una pgina
Una vez abierta la pgina: Mas acciones > Configuracin de la pgina:

Podemos elegir la configuracin que ms nos interese. Conviene

recordar que al nombrar las pginas no debemos utilizar caracteres
como la , ni tildes o diresis.
Ejemplos de aplicacin de Google Sites en el mundo educativo:
Creando web quests con Google Sites
Sitio de recursos TIC para el aula de Educacin Infantil.
CONCLUSIONES:
Como conclusin podemos decir que Google Sites es una
plataforma novedosa, con muchas herramientas y que nos deja
personalizar nuestros sitios como lo deseemos.
Podemos dar cuenta de que son paginas sencillas, las cuales son
muy fciles de gestionar y mediante las cuales los usuarios
puedan interactuar de alguna forma, ya que Google tambin
posee formularios que los usuarios pueden utilizar para lo que
necesiten, sea para llenar encuestas o formularios de registro para
algn curso virtual.
Debemos tener en cuenta que si deseamos crear nuestro sitio web
por nosotros mismos, lo primero que debemos hacer es crear una
cuenta en el correo de Google, el cual es Gmail, una vez hecho
esto, ya se puede ingresar a la plataforma desde donde se crean
los sitios web, la cual es muy fcil de entender, ya que Google te
va guiando paso a paso sobre cmo crear tu sitio web.
BIBLIOGRAFIA
https://apps.google.es/learning-center/products/sites/#/list
https://en.wikipedia.org/wiki/Google_Sites

 http://www.tuexperto.com/2008/02/29/google-sites-herramientapara-crear-sitios-web-completos/