Crear un sitio web con Google Sites

El Sistema Operativo Google (habr que empezar a llamarlo as dado que ya casi ofrece los
mismos servicios que un S.O. clsico) dispone desde no hace demasiado tiempo de Google Sites.
El predecesor de Google Sites fue Page creator, un servicio que tambin se ha quedado por el
camino y para el cual ya no aceptan usuarios nuevos, aunque permiten la continuidad de las
pginas actualmente existentes. Page Creator permita la elaboracin de pginas web sencillas de
forma individual, no cooperativa.

Google Sites permite la creacin de Sitios Web de forma muy flexible. Puede ser utilizado tanto
para elaborar un sitio web tradicional, como un blog, un wiki con capacidades restringidas o un foro
de discusin. No obstante, para el visitante externo, Google Sites presenta las funcionalidades de
una pgina web tradicional, es decir, sin posibilidad de interaccin con los contenidos. Slo los
usuarios expresamente invitados al sitio pueden utilizar toda su capacidad.

Dispone de 3 modalidades de usuarios:

1. Propietarios (Owners) que pueden gestionar todo el sitio aadiendo contenido nuevo,
eliminando el ya existente, gestionar los usuarios o modificando el aspecto visual.

2. Colaboradores (Collaborators) pueden crear contenido, modificar el ya existente, escribir

comentarios o subir archivos.

3. Simples usuarios o lectores (Viewers): este es el usuario por defecto para aquellos que
visiten el sitio si ste es abierto. Si decidimos cerrarlo al mundo exterior, aquellas personas
que definamos como lectores podrn ver nuestro sitio pero no aadir ni modificar nada.

Resaltar la sencillez con la que podemos crear contenidos sin necesidad de aprendizaje previo, ya
que si estamos acostumbrados a usar editores wysiwyg (=lo que ves es lo que obtienes) no
tendremos dificultad alguna en poder crear pginas web desde el primer minuto.

Las tres grandes ventajas de Google Sites son las opciones de privacidad, podemos definir con
quien compartimos las pginas editables (gente del mismo dominio, todo el mundo o una lista
propia), los tipos de pgina que podemos crear (un repositorio de archivos con 10GB por cuenta) y
la facilidad de uso.

La plasticidad de las pginas de Google Sites hace que la funcionalidad entre un wiki, un blog o un
foro de discusin est determinada casi nicamente por el uso que queramos darle nosotros.

Las pginas guardan el historial de las diferentes versiones por las cuales han pasado y se puede
volver a cualquiera de ellas cuando se desee. Adems, todos los usuarios con permiso pueden
escribir en ellas, dejar comentarios al pie de la misma o adjuntar archivos a cada pgina en
particular. Esta es la capacidad wiki que est presente en los diferentes tipos de pgina que se
pueden crear.

Cuando se crea una pgina, uno de los tipos entre los que podemos elegir es Anuncios. Produce
una pgina que podemos usar como un blog clsico, como foro de discusin o como tabln de
anuncios. La autntica ventaja de este tipo de pgina es que se simplifica todava ms la edicin
de artculos si lo comparamos con Blogger o WordPress. En la parte superior de esta pgina hay
un botn Nueva entrada, cuando se pulsa aparece el editor en la misma pgina por lo que es una
forma sencilla, rpida y muy eficiente para escribir artculos nuevos.

Tiene muchas ms funcionalidades, como el almacenamiento de archivos siempre actualizados,

informacin sobre las modificaciones y acceso a las distintas versiones; la creacin de un mapa en
forma de rbol de las pginas de forma automtica, la existencia de pginas que pueden actuar
para almacenar archivos de forma exclusiva, la posibilidad de hacer listas de tareas, insertar
cualquier componente de Google como los documentos de Google Docs, calendarios de Google
Calendar, etc.

Con la suscripcin "al sitio o a cualquier pgina" podemos estar puntualmente informados de
cualquier modificacin que se produzca recibiendo un correo de aviso. Esto es muy til cuando los
editores del sitio son varias personas.

A travs de Google Analytics podemos consultar y controlar el acceso a nuestro sitio mediante los
informes que se generan.

Pero tambin tiene algunos inconvenientes:

1. 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 de Scribd o
presentaciones de Slideshare, por ejemplo.

2. 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 cep

 Marco lateral: man 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. En ella colocaremos, adems de la bienvenida o
presentacin, aquellos contenidos que puedan ser de ms utilidad al visitante cuando ingresa en
ella. 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 y 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 posibildades de estos mens:

Men Insertar: elementos simples (imgenes, enlaces, ndice de contenidos, linea

horizontal); servicios de Google (Calendario, documento de texto, lbumes web de Picasa,
 presentaciones, hojas de clculo, formularios, vdeos de youtube o Google video); gadgets
de Google (ltimas entradas o posts, ltimos archivos actualizados, liestas actualizadas,
cuadros de texto, ...)

1. Si insertamos alguna imagen, tenemos la opcin de subirla desde nuestro ordenador (clic
en "Examinar", localizarla y aadir) 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 url o
direccin y pegar sobre la casilla correspondiente. Haciendo clic sobre la imagen
aparecer un men de edicin para adaptarla a nuestro gusto : alinear a la izquierda /
centro/ a la derecha; tamao pequeo / mediano / grande / original; ajustar : contorno de
texto / sin contorno de texto; eliminar imagen.

2. 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 (Direccin web),
para lo que escribiramos o pegaramos la url o direccin de sta; o podemos crear una
nueva pgina en el sitio y enlazar con ella (Crear pgina nueva), le pondramos el ttulo y
eligiramos el tipo de pgina. Esta facilidad para crear pginas recuerda al funcionamiento
de las wikis. Si quieres que la pgina se abra en otra ventana, marca la casilla del final
"Abre este enlace en una ventana nueva".
 3. Indice 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.

4. Servicios de Google: podemos aadir facilmente un calendario, documentos, lbumes web

de Picasa, presentaciones, hojas de clculo, formularios, vdeos de youtube o Google
video. Cuando se trata de un documento de texto, una hoja de clculo o una presentacin,
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 pguinas
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 los que queramos (marcar con el ratn y elegir opcin "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.. Cuando guardamos aparece como un "post"
 de un blog con: ttulo, fecha y hora en la que se ha publicado, autor de la publicacin y el
contenido. Si hay varias entradas, se ordenan cronolgicamente en orden inverso, como en
cualquier blog. Tambin podemos elegir el nmero de "post" que queremos que se
muestren.

- Pgina archivador o contenedor de archivos: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"). Posteriormente,
haciendo clic sobre el nombre podemos descargarlo y abrirlo, y acceder sobre el histrico de
las distintas versiones guardadas del documento. Esto nos recuerda a las wikis.
Cuando tenemos muchos archivos podemos organizarlos en carpetas, eliminarlo y
suscribirnos a cambios (Subscribe ti page change) 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. Primero tenemos que ponerle un nombre y se nos abre una ventana con cuatro
opciones: cualquiera de las tres primeras nos presenta unas plantillas con las listas ya
estructuradas, si elegimos la ltima opcin (crear tu propia lista) podemos crear desde el
principio listados definiendo nosotros las columnas; hay que ponerles nombre o etiquetas a
las columnas y elegir el tipo de contenido que va a tener adaptndose a nuestras
necesidades; 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 a 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. Espa 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 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.
Con las dos flechitas que apararecen a la derecha podemos cambiar el orden del listado de las
pginas. Si queremos aadir alguna pgina ya creada para que se vea en este men hacemos clic
en "aadir pgina a la navegacin de la barra lateral", y la seleccionamos del mapa de navegacin
que se nos muestra.
 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. Puede tener una
finalidad informativa si queremos destacar la fecha de algn acontecimiento...
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. Habr que esperar unas 24 horas aproximadamente para ver si funciona.
Siempre que queramos ver las estadsticas, podremos hacerlo entrando en Google
Analytics. Si queremos saber ms sobre esto, pinchar sobre Ms informacin.

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.
Para repasar puedes seguir este estupendo manual para aprender a utilizar Google Sites de
Manuel Lpez Caparrs

6. Ejemplos

Este curso est editado y publicado con Google Sites.

Algunos ejemplos para hacerse una idea del aspecto que pueden tener estos sitios: Classroom, Ski
Club, Play group, Family website, Team Project, Company Intranet.

En esta presentacin realizada con Google Docs Manuel Lpez Caparrs nos muestra algunos
ejemplos de uso de Google Sites en la gestin de un centro educativo:

Ms ejemplos de aplicacin de Google Sites en el mundo educativo:

Sitio de recursos TIC para el aula de Educacin Infantil

Wikiuniverso, proyecto sobre el universo que est realizando el equipo de Infantil del CEIP
Valdliga.Nos lo explican en este blog.

Carlos Cabanillas ha creado esta web/wiki/blog para sus alumnos de Cultura Clsica.

Pginas realizadas por el alumnado de 1 de bachillerato de Humanidades del IES Azahar

de Sevilla:

o Las mujeres en la antigua Grecia, pgina sobre vida cotidiana, trabajo, derechos
jurdicos, mujeres intelectuales y artistas....

o La mujer en la mitologa y la literatura: modelos de mujer, personajes.

o Las mujeres griegas hoy: la lucha por la igualdad, logros sociales y situacin en el
mercado de trabajo. Mujeres en la poltica, en la literatura, en el arte...

Vctor Acosta ha creado otra web/wiki/blog para Ciencias del mundo Contemporneo.

Proyecto "Nuestros pueblos".

Actividades de francs 2 idioma de 2 de bachillerato del IES Averroes de Crdoba

IES Alhaken bilinge