I.E.S.

RIBERA DEL BULLAQUE GRUPO DE TRABAJO

CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

DECIMOQUINTA SESIÓN. WEBS EN GOOGLE SITES. PASO 4.-

TRABAJANDO EN EL SITIO

Añadir páginas tipo Anuncio

Abrimos nuestro sitio y pinchamos en Crear página

Pinchamos en
crear página

Seleccionamos la plantilla de Anuncios, ponemos un nombre, elegimos la jerarquía y

creamos la página.

Seleccionamos
Anuncios

Ponemos un nombre

Elegimos la jerarquía

Pinchamos en crear página

Ya tenemos nuestra página de Anuncios tipo blog. Para añadir entradas pinchamos en
nueva entrada

Pinchamos en nueva entrada

Pondremos un título y el texto de la entrada.

Ponemos el título
Podemos, al igual que en
un blog, guardarlo como
Añadimos el texto
borrador, guardar y
publicar y cancelar el post

1
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Tenemos los menús de edición para poder dar formato al texto, incluir imágenes y los
elementos que disponemos en las páginas normales (añadir archivos, comentarios).

Aparece el post con el título, la hora y el autor de la publicación y el contenido.

Podemos también editar el post.

Si insertamos un nuevo post, podemos observar que se ordenan en orden cronológico

inverso, al igual que ocurre con los blogs. Podemos utilizar estas páginas para añadir
noticias, convocatorias, novedades, cambios…

Podemos insertar el gadget de últimos post en alguna página para informar de los
últimos aparecidos. Para insertarlo, lo vamos a colocar mediante una tabla

Elegimos el lugar para

insertar el gadget.
Pinchamos en tabla,
insertar tabla y Pinchamos en inserta y
seleccionamos el nº de elegimos el gadget de
filas y columnas entradas recientes

Podemos elegir la página de

entradas a mostrar, la longitud de
la entrada (corta, media o larga),
incluir una miniatura de la
primera imagen, el nº de entradas
a mostrar y el border y título a
mostrar. Pinchamos en guardar.

2
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Y ya tenemos el gadget de anuncios recientes en nuestra página.

Añadir páginas tipo Archivador

Es una página preparada para almacenar y mostrar los archivos que queramos tener en
nuestro sitio.

Pinchamos en
crear página

Seleccionamos la plantilla de Archivador, ponemos un nombre, elegimos la jerarquía y

creamos la página.

Seleccionamos
Archivador

Ponemos un nombre

Elegimos la jerarquía

Pinchamos en crear página

Ya tenemos la página. Ahora vamos a subir archivos.

Pinchamos en
añadir archivo

Nos permite buscar un archivo desde

el equipo o pegar una url.

Podemos añadir una descripción del

archivo.

Pinchamos en subir

3
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

El archivo es subido y aparecerá con el nombre, descripción, tamaño, versión, fecha y

hora de subida y autor.

Podemos organizar los archivos en carpetas. Para hacerlo, marcamos el archivo a

mover, pinchamos en Mover a y podemos crear una carpeta nueva o elegir una
carpeta ya existente. Seleccionamos
Mover a

Para borrar un archivo, lo seleccionamos marcando la casilla de la izquierda y

pinchamos en elimina (en la parte superior).

Podemos compartir estar informados de los cambios en la página pinchando en

suscribirse a los cambios. Si hay algún cambio o nuevos archivos, nos informará
mediante un email. Es muy útil para trabaja en grupo sobre algunos archivos.

Si hacemos clic sobre Descargar debajo del nombre del archivo nos permite
descargarlo o abrirlo. Si pinchamos sobre la versión, se nos abre un historial de las
modificaciones guardadas, que podemos descargar pinchando sobre ellas.
Descargar las
versiones.

Añadir páginas tipo Lista

Se trata de una página que puede
contener listados hechos a nuestra
medida o seleccionados de unas
plantillas predeterminadas.

Como siempre, pinchamos en crear

página y después seleccionamos la
plantilla de lista, le damos nombre, la
jerarquía y crear página.

4
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Se nos abre una nueva pantalla donde podemos elegir entre tres plantillas ya
predeterminadas y estructuradas o crear las nuestras.

Si elegimos una predeterminada se crea la lista y sólo tendremos que ir añadiendo

elementos.
Añadir elementos
a la lista.

Rellenamos los campos y

pinchamos en guardar

Ya tendríamos el primer elemento de la lista. También podemos añadir archivos

adjuntos y comentarios.

Si elegimos crear nuestra lista, aparece una nueva pantalla.

Hay que elegir un nombre de columna y el tipo de contenido que contendrá. Podemos
elegir entre:

Casilla de verificación: Si queremos colocar un cuadradito de opción para marcar o

desmarcar

Fecha: Para poner fechas

Desplegable: Menú desplegable para seleccionar de distintas opciones

5
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Texto: Para añadir texto

URL: Para poner hiperenlaces

Después podemos añadir nuevos elementos, personalizar esta lista (añadiendo o

eliminando columnas) Y ordenarla (en orden ascendente o descendente)

Pueden, por ejemplo, crearse listados para el control de temas, de alumnos…etc.

Insertar gadget u objetos mediante código html

Hasta hace poco, Google Sites no permitía añadir objetos de otros servicios como
slideshare, scribd, issuu o vimeo, entre otros muchos. No se permite insertar
javascripts, pero ya se han desarrollado gadget para poder insertarlos.

Para insertar, por ejemplo, una presentación de slideshare, primeros debemos copiar
el código Embed de la presentación que queramos insertar.

Nos vamos a la página de nuestro

sitio donde queramos insertar la
Pinchamos en
presentación y pinchamos en el
html.
botón Html

6
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Se nos abre una pantalla de edición de Html. Sólo tendremos que pegar el código y
pinchar en actualizar (podemos hacer una vista previa del resultado).

Pinchamos en
actualizar.
Pegamos el
código.

Y ya tenemos la presentación insertada. Si quisiéramos insertar una javascript, no se

puede por motivos de seguridad. Pero se han desarrollados gadgets para hacelo.
Podéis encontrar uno de ellos, con la explicación para insertarlo en esta dirección
http://sites.google.com/site/annuairevin/test-page/using-script-google-sites

ADMINISTRANDO NUESTRO SITIO

Entre las opciones que nos

permite la pestaña Más acciones,
debemos seleccionar administrar
sitio para acceder a diversas
posibilidades de organización y
control del sitio.

En la nueva pantalla podemos controlar las siguientes

opciones:

Contenido del Sito: que nos permite ver y trabajar

con la actividad reciente del sitio, las páginas creadas,
los archivos adjuntos subidos y las plantillas de
páginas usadas.

Configuración del sitio: En el que tendremos varias

importantes opciones de control sobre nuestro sitio,
como obtener nuestra dirección y cambiarla, obtener
ingresos mediante la inserción de anuncios y, las que
más nos interesan, la pestaña General y compartir.

En la pestaña general podemos cambiar los siguientes elementos:

7
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Cambiar el nombre del sitio y

mostrarlo en la parte
superior de las páginas.

Descripción del sitio.

Cambiar la página de inicio

del sitio

Datos para habilitar las

estadísticas de Google
Analytics y de sitemaps.

Idioma del sitio. Acceso a la actividad del

sitio y al historial de
revisiones (todos o sólo
colaboradores).

Copiar, publicar como plantilla o

suprimir el sitio.

Guardar los cambios.

En la pestaña Compartir podemos invitar a otras personas a trabajar en nuestro sitio

como propietarios (con los mismo permisos que el creador), como colaboradores
(pueden crear, editar y eliminar páginas, mover páginas, añadir archivos adjuntos,
añadir comentarios, añadir páginas a la navegación de la barra lateral o suprimirlas,
suscribirse a los cambios del sitio o de la página), o como lectores para ver las páginas.

Sólo se debe introducir la dirección de correo de la persona a quien se quiera invitar y

enviarlo (se puede invitar a todos los que se quiera, pero con un máximo de 50 por
día).
Grado de invitación.

Introducir los emails a invitar. Los

podemos obtener de la libreta de
direcciones de gmail.

Hacer público o privado el sitio.

8
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Cambiando la barra lateral de navegación

Por defecto, Google organiza la barra de navegación automáticamente y crea enlaces a

las páginas del sitio que vamos creando. Las muestra en la barra lateral izquierda en
orden alfabético. Pero podemos cambiarla y añadir o eliminar otros elementos.

Para acceder a la pantalla de edición podemos hacerlo desde dos pantallas: en

cualquier página, debajo de la barra lateral, podemos pinchar en editar barra lateral; o
en Administrar sitio, en el apartado Apariencia del sitio seleccionando Presentación del
sitio.

Una vez allí, pinchamos en el

apartado navegación sobre editar.
También la podemos suprimir.

Aparece la pantalla de configuración de la navegación.

Podemos cambiar el título por otro,

Mostrarlo o no, organizar
automáticamente la navegación o
no, cuantos niveles de páginas se
mostrarán (2 por defecto) e incluir
un enlace al Mapa del sitio (lista de
todas las páginas del sitio) y a la
actividad reciente del sitio. Para
seleccionarla marcamos o
desmarcamos las casillas adjuntas.

Si desmarcamos la casilla de organización automática, podremos organizar nuestra

barra de navegación como necesitemos. Si nos aparece en blanco, deberemos añadir
las páginas de nuestro sitio que deseemos pinchando en Añadir página. Una vez que
9
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

tengamos las páginas podemos, seleccionándola, reordenarla con las flechas de arriba
y abajo, poner una página como subpágina de otra, mediante la flecha derecha, o
colocarla al mismo nivel con la flecha izquierda. Podemos eliminarla de la navegación
(que no del sitio) con el aspa, o volver a añadirla, mediante añadir página.

Mediante añadir url podemos añadir un

enlace a una web externa. Aparecerá esta
nueva pantalla, donde pondremos la url o
email deseado, el texto que aparecerá en la
barra y aceptamos. Será un elemeto más de
la lista.
Cuando finalicemos, pinchamos en aceptar para volver a la pantalla de edición.
Deberemos guardar los cambios. Podemos volver al sitio o seguir editando. Ahora
vamos a añadir Un elemento a la barra lateral

Google permita añadir seis módulos a la barra lateral: Anuncios de adsense,

Navegación (enlaces a páginas concretas), texto (que nos permite incluir iconos,

10
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

dibujos, enlaces…), actividad reciente del sitio, mi actividad reciente en el sitio y una
cuenta atrás.

Vamos a incluir una cuenta atrás como ejemplo. Debemos seleccionar el botón añadir
que aparece en la ventana de selección de elemento de página nuevo. Ya se añade a la
barra. Para editarlo, pinchamos en editar en la caja de edición del gadget y, en la nueva
ventana, introducimos el título y seleccionamos la fecha final de la cuenta. Aceptamos
al terminar.

Podemos reordenar los elementos de la barra

lateral situando el ratón sobre los cuatro puntitos
situados en la parte superior de cada elemento y
arrastrándolo a la nueva posición. Ya hemos
organizado nuestra barra lateral.

En Apariencia del sitio, colores y fuentes, podemos cambiar los colores y tipos de
fuentes de todos los elementos de nuestro sitio, teniendo una vista previa de los
cambios que vayamos haciendo.

En temas podemos cambiar la plantilla de páginas del sitio en cualquier momento,

eligiendo otra de las predeterminadas. Disponemos de una vista previa.

No olvidar guardar los cambios siempre.

11
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO
CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

Cambiar el Diseño del Sitio

Para cambiar el diseño del sitio, en la pantalla de administrar sitio (presentación del
sitio), pinchamos sobre Cambiar diseño del sitio.

Podemos:

- Cambiar el ancho del sitio (por

defecto, 100% de la pantalla) en
pixeles o %.

- Cambiar la cabecera, eliminarla,

utilizar el valor del tema, usar el
tamaño del logotipo o establecerla en
pixeles.

- Cambiar la barra lateral,

eliminándola, poniéndola a la
izquierda o a la derecha y cambiar la
anchura (150 pix. Por defecto).

Cambiar el logotipo

El logotipo aparece arriba a la izquierda de la página. Para cambiarlo, en la pantalla de

presentación del sitio de administrar sitio, pinchamos en la sección de cabecera sobre
cambiar el logotipo. En la pantalla que se abre podemos:

Seleccionar un logotipo
personalizado, que buscaremos
en nuestro disco mediante
seleccionar o dejarlo sin logotipo.

Deberemos tener en cuenta las

dimensiones del logotipo para
adaptarlo al espacio del que
disponemos.

12