2. Google Sites
2
INDICE
INTRODUCCIÓN
PASO 1: REGISTRO DE DATOS ………………………………………..........5
PASO 2: LA PÁGINA DE INICIO…………………………………………….….…7
PASO 3: EDITANDO PÁGINAS……………………………………………….…..8
PASO 4: AÑADIENDO NUEVAS PÁGINAS…………………………..……....18
PASO 5: CONFIGURANDO EL SITIO A LA MEDIDA………………..........23
PASO 6: CARACTERISTICAS ESPECIALES…………………………….….....32
PASO 7: CONSIDERACIONES FINALES……………………………………......33
3. Google Sites
3
INTRODUCCIÓN
ste documento ha sido elaborado como una guía de “Google Sites” lo cual es
una nueva herramienta gratuita disponible ya en internet que permitirá crear
sencillas páginas web sin tener conocimientos de HTML y sin necesidad ni de
instalación ni de mantenimiento de ningún tipo de software o hardware.
“Google sites” es el resultado de una pequeña transformación de la Web hacia la
versión 2.0. Se trata de un cambio de actitud y una reconfiguración ideológica de la
organización y uso de la misma. En donde será el usuario quien publicará los
contenidos, quien los administrará y quien se otorgará la debida seriedad a la
información cargada a la red.
Luego de su utilización el usuario quedará convencido de que la herramienta tiene:
9 Su facilidad de uso permite que cualquier usuario se acerque y compruebe como
con unos pocos clics puede construir una web a su medida.
9 Posibilidad de crear sitios donde colaborar en grupo, mantener información
actualizada, compartir documentos y archivos de todo tipo.
Las webs creadas con esta herramienta pueden adaptarse a muchas situaciones y
necesidades que se puedan demandar, además de su semejanza en estructura con el
“Blog”
En definitiva tiene muchas virtudes como una buena alternativa de diseño web en la
cual hay que tener mucho en cuenta por muchas razones:
9 No se necesita conocer de programación.
9 Permite publicar experiencias en la red.
9 Descargar material y editarlo para volver a cargarlo a la web.
4. Google Sites
4
9 Manejar archivos.
9 Acceso de manera rápida a las fuentes de información.
9 Edición y animación de fotografías.
9 Elaborar material de manera colaborativa.
9 Subir y descargar videos…
9 …
Con la utilización de esta aplicación al igual que otras de la Web 2.0 se comprueba
que las herramientas colaborativas no necesitan de expertos para su manejo, son
rápidas y bastantes intuitivas, además de potentes y lo mejor de todo GRATUITAS.
5. Google Sites
5
Paso1: Registro de Datos
1.1 Pantalla de Bienvenida
Acceder a este servicio en la siguiente dirección: http://sites.google.com.
Se debe tener una cuenta de Google para seguir adelante ya que solicita
identificar usuario y contraseña. Si no hay que crearla.
Luego te aparece la siguiente pantalla para crear el sitio
Dar clic para
crear sitio
6. Google Sites
6
1.2 Datos Esenciales
Hay que rellenar un rápido y sencillo formulario, como se muestran en las siguientes
pantallas
• Nombre del sitio: Colocar el nombre que se quiere como titulo principal en el
sitio.
• El sitio va a ubicarse en un URL de
google:
http://sites.google.com/site/XXXX
• La descripción del sitio es opcional,
debe ser breve y relación con el título.
• Dependiendo del contenido del sitio
puede clasificarse como contenido para
adultos.
• El sitio puede o no ser vistos por toda la red o solo por las que especifique.
• Seleccionar un tema o plantilla de fondo para el sitio.
• Por último
7. Google Sites
7
Paso2: Página Principal
El sitio creado tras el registro previo, y la selección de la plantilla tendría este
aspecto:
La estructura que presenta mientras no la cambiemos es la siguiente:
Marco superior: Nombre del sitio: Pruebas con Google sites
Marco lateral: Menú de navegación
Marco Principal: Página Principal (ahora vacío)
Marco Inferior: Archivos adjuntos – Comentarios
Esta es la página que se denomina “De Inicio”, porque es la primera que aparecería al
entrar en la web. El contenido que va a contener es importante ya que es el punto
de entrada y de partida de todo el sitio. Luego con paciencia se edita la bienvenida
o presentación, aquellos contenidos que puedan ser de mas utilidad al
visitante cuando ingresa en ella.
Para construir esta y cualquier otra página que se hacemos uso de las herramientas
de edición que aparecen
8. Google Sites
8
Paso3: Editar Página
Al dar clic en el botón de Editar Página, cambia a la barra de edición rápida, para
cambiar : el tipo de letra y el tamaño, el formato y color de la fuente, enlaces,
numeración, viñetas, sangrías y justificaciones, quitar el formato o editar el HTML
(para expertos)
Al igual que se encuentran 4 menús desplegables que proporcionan muchos
elementos a incluir, y posibilidades de configuración, algunas ya presentes en la barra
anterior.
Menú insertar: Para insertar cualquier tipo de elemento
Menú formato: Cambia tamaños y pone algunos formatos especiales de texto
Menú tabla: Para insertar tablas
Menú Diseño: A elegir entre páginas a 1 ó 2 columnas
Cualquier cambio hacer clic en Guardar.
Caso contrario haciendo clic en Cancelar.
9. Google Sites
9
3.1Menú Insertar
Es bastante completo por la cantidad de elementos que integra. Están
agrupados para más facilidad.
1. Elementos simples:
• Imágenes
• Enlaces
• Índice de contenidos
• Línea horizontal
2. Servicios de Google:
• Calendario
• Documentos de texto
• Albumes web de Picasa
• Presentaciones
• Hojas de cálculo
• Formularios
• Videos(Youtube, Google
• Video)
3. Gadgets de Google:
• Ultimas entradas o posts
• Ultimos archivos actualizados
• Listas actualizadas
• Cuadros de Texto
• Mas Gadgets
10. 10
3.1.1 Insertar Imagen
Si la imagen está en el equipo en el que se está trabajando solo se debe
hacer clic en Examinar, localizarla y añadir imagen.
En caso de que la imagen no esté en el equipo sino en Internet, se debe
colocar la ruta (URL). Para averiguarlo solo hay que colocar el ratón sobre la
imagen y con el botón derecho del ratón, señalar “copiar ruta del enlace” en el
menú desplegable.
En el siguiente ejemplo se ha añadido una foto:
11. Google Sites
11
Haciendo clic en la imagen, se muestra un menú para la edición y poderla
adaptar a las necesidades requeridas
Alinear L: Alinea a la izquierda
Alinear C: Alinea al centro
Alinear R: Alinea a la derecha
Tamaño S: Tamaño pequeño
Tamaño M: Tamaño mediano
Tamaño L: Tamaño grande
Original: Tamaño original
Ajustar de: Contorno de texto
Ajustar apagado: Sin contorno de texto
Eliminar: Elimina la imagen
12. Google Sites
12
3.1.2 Insertar un Enlace
Para insertar un enlace en el Sitio, se debe seleccionar y a continuación:
La ventana que se abre, ofrece 3 posibilidades:
1. Enlazar con una página existente en el sitio. (Las que aparecen listadas
debajo).
2. Enlazar con otra web (Dirección Web): Escribir la dirección de la web.
3. Crear una nueva página en el sitio y enlazar con esa (Crear página nueva con un
titulo diferente).
3.1.3 Índice de contenidos (Insertar>Insertar>Índice de contenidos)
Es un índice que se corresponde con los distintos
apartados o secciones que contiene un escrito o texto
dentro de una página. En ocasiones puede resultar útil
insertarlo para navegar más rápido. Solo se creará esta
tabla si los distintos apartados o secciones del escrito tienen estilo de
encabezado.
1º
2º
3º
13. Google Sites
13
3.1.4 Servicios de Google
Calendario, documentos, hojas de cálculo, presentaciones, fotos de Picasa,
formularios, videos pueden ser añadidos a la página rápidamente. Cuando se trata de
un documento, hoja de cálculo o presentación, se nos muestran los archivos que
tenemos almacenados en Google Docs. Solo tenemos que seleccionarlo
Insertar >calendario
Insertar >Documento
Insertar según sea el
documento, presentación,
hoja de cálculo…
15. Google Sites
15
Insertar>Gadgets
Son artilugios, utilidades que nos resultan muy prácticos para mejorar la practicidad
en una página web.
En el menú se tiene acceso a los siguientes:
Entradas Recientes: Últimos posts, anuncios o entradas
Archivos actualizados recientemente: Últimos archivos actualizados
Elementos de lista recientes: Últimos listados
Cuadro de Texto: Caja o cuadro de texto
Para poder insertar cualquiera de los tres primeros gadgets, se debe haber creado
previamente las páginas correspondientes, es decir deberían de existir estas
páginas en el sitio y además contener información o archivos.
16. Google Sites
16
Por ello si intenta insertar por ejemplo el Gadget: Entradas Recientes. Que se
refiere a cuáles son los últimos posts o anuncios, sale una ventana como ésta que nos
indica que solo podemos mostrar una lista de archivos que existan, y no permite
continuar.
Insertar>más…
Se debe seleccionar o buscar uno de los miles que anuncia Google.
3.2 El menú Formato de Texto
Para establecer el tamaño y más detalles:
● Tachado
● Superíndice
● Subíndice
● Alineación (Izquierda, centro, derecha)
También podemos borrar formato
17. Google Sites
17
3.3 El menú Formato de las Tablas
Permite insertar una tabla directamente y de manera gráfica marcando con el ratón el
número de filas y columnas
Una vez creada, con este menú insertaremos filas y columnas cuando se desee y de la
misma manera las podremos eliminar.
3.4 El Menú diseño
Únicamente podemos optar entre presentar cada página en 1 ó 2 columnas.
Dependiendo del propósito y contenido de las páginas así se elijará uno u otro diseño.
18. Google Sites
18
Paso4: Crear pagina Nueva
Se le coloca nombre a la página que se va a crear y elegimos una de los cinco (5) tipos
disponibles.
4.1 Página web
Es igual que la página de inicio con la que se ha trabajado. Se puede seleccionar en el
menú de Diseño para dos columnas e insertar numerosos elementos y servicios desde
el menú Insertar
Dar un clic para crear todas
las páginas que se quieran
agregar al sitio
19. Google Sites
19
4.2 Dos columnas
Página similar a la anterior pero ya preformateada, dividida en dos columnas con
cuatro marcadores gadget para facilitar el empezar a incluir información
4.3 Anuncios o tipo blog
Formato similar al blog en el que se pueden ir incluyendo entradas y se irán
publicando en la página en orden inverso a la fecha de publicación. Dicho de otra
manera aparecerá en la parte más alta de la página la última entrada añadida.
Incorpora RSS por lo que cualquier usuario puede suscribirse a los contenidos.
Insertar entrada para
ser mostrar como
bLog
20. Google Sites
20
4.4 Archivador
Página orientada a incluir ficheros para poder compartirlos con los usuarios de
nuestra página y que el que lo desee pueda descargárselos. Mantiene un historial de
los archivos, creación de carpetas para poder organizar mejor los documentos.
Incorpora también RSS por lo que cualquier usuario puede suscribirse a los
contenidos.
Para organizar las carpetas y archivos subidos a la página
Para subir archivos a las páginas creadas dentro del sitio:
Añadir archivos
Mover a carpetas>Crear carpetas
Desde el equipo donde
se está trabajando Desde una página web
21. Google Sites
21
Borrando archivos y carpetas
Para borrar un archivo, lo seleccionaremos como se ha dicho en el apartado anterior, y
hacemos clic en Eliminar.
Para eliminar una carpeta solo tenemos hacer clic sobre Eliminar que aparece entre
paréntesis y a la derecha del nombre. Al igual que se borran los archivos que
contiene.
Suscribirse a los cambios
Para estar informados de los cambios que sufre esta página, solo tenemos
que suscribirnos con el botón Subscribe to page change.
Si hay alguna novedad o modificación, nos llegará un correo a nuestra cuenta donde
nos avisan de los cambios que han tenido lugar. El espacio web es de 100MB. Caben
muchos archivos....
Primero seleccionar el
archivo
Luego eliminar
22. Google Sites
22
4.5 Lista
Las páginas de lista te permiten hacer con facilidad un seguimiento de listas de
información. Se puede elegir entre una lista de plantillas o configurar columnas
personalizadas. Se pueden añadir, actualizar y eliminar elementos con facilidad.
De todas la opciones de plantillas la última opción (Crear tu propia lista), donde
podemos crear desde principio listados definiendo columnas a su conveniencia.
Hay que poner nombre o etiqueta a la columna y al mismo tiempo elegir el tipo de
contenido que va a tener. Así podríamos optar por:
1 Casilla de verificación: para colocar un cuadradito de opción para marcar o
desmarcar
2 Fecha: Para poner fechas
3 Desplegable: Menú desplegable para seleccionar de distintas opciones
4 Texto: Para añadir texto
5 URL: Para poner hiperenlaces. Con estas opciones se puede confeccionar
cualquier listado que se adapte a nuestras necesidades presentando la información
deseada.
Crear una lista
personalizada
23. Google Sites
23
Finalmente se elije la jerarquía de la página. Se ofrecen 2 posibilidades:
1. Ponerla en el nivel más alto: Es la opción por defecto. Supone una
página más junto con la Home o de Inicio.
2. Ponerla debajo: Sería una subpágina.
Paso 5: Configuración del Sitio
El acceso o como se comparte con los demás: Configuración del sitio
5.1 Compartir este sitio
Un sitio puede ser compartido con todo el mundo (público) o con los usuarios que
especifiquemos.
Hay 3 posibilidades de interactuar:
1. Como propietario: es el que tiene todos los privilegios para gestionar el
sitio.
2. El “colaborador” puede:
● Crear, editar, mover y borrar páginas
● Añadir archivos adjuntos
● Añadir comentarios
● Añadir y eliminar páginas del menú lateral de navegación
● Subscribirse a los cambios que se produzcan en el sitio
24. Google Sites
24
3. Como simple usuario o lector solo puede ver las páginas.
El sitio creado nos permite invitar a otros como propietarios, colaboradores y
lectores, a través del formulario donde se escribirán las direcciones de correo, que
podemos extraer sin ningún problema de nuestros contactos de gmail.
Si el sitio es “público” para que todo el mundo pueda verlo, el apartado de permisos
avanzados deberá tener marcada la siguiente casilla.
Si se desea que sea “privado”, solo para unos pocos, deberemos desmarcarla.
25. Google Sites
25
5.2 Cambiar el aspecto
Para cambiar el aspecto del sitio se presentan tres opciones:
5.2.1 Elementos del Sitio
Por defecto, ocupa nuestra página el ancho de toda la pantalla: 100
Si se quiere un espacio libre a ambos lados y no completar la pantalla se cambia
la anchura a 90, 80,70... Probamos hasta que quede en el tamaño deseado.
También se logra Desmarcando la opción “cabecera”, eliminar el marco superior
que contiene el Título y el logo. La altura está por defecto al tamaño del logo.
Podemos cambiar también esta altura.
26. Google Sites
26
5.3 Cambiamos el logo
Está predeterminado arriba a la izquierda en la cabecera, y no admite otra
posición. Si queremos poner otro logo que no sea el de Google Sites,
haremos clic en “cambiar el logotipo”.
De la ventana que se abre:
Seleccionando “sin logotipo” prescindiremos de él. Si optamos por añadir
uno, buscaremos el que deseamos con “Examinar”. Hay que dimensionar
el logo antes subirlo, si hemos fijado una altura.
Pulsar “Aceptar “y salvar: “Guardamos los cambios”
27. Google Sites
27
• Configuramos la barra lateral.
Este marco tiene una anchura de 150 pixels, está formado en un
principio por 2 cuadros o módulos:
• Navegación: Menú de navegación
28. Google Sites
28
Se puede cambiar el título “Navegación” por otro (Ej. Barra de Menú) Con
las dos flechitas que aparecen a la derecha cambiaremos el orden del
listado de las páginas que incluimos.
Añadimos nuevos módulos:
Para que aparezcan en la barra lateral. Haciendo clic en “+Añadir un
elemento de la barra lateral” se despliegan 5 alternativas.
1. Navegación: Enlaces a páginas individuales del sitio. Como lo
explicado antes.
2. Texto: Para añadir texto. , puede resultar útil para insertar
enlaces a sitios externos, incluir iconos y dibujos, logos y
publicidad,
3. Actividad reciente del sitio: Una lista de la reciente actividad del
sitio
4. Mi actividad reciente: Una lista de la reciente actividad como
usuario del sitio
5. Cuenta atrás: Un contador de días a una fecha que hay que
especificar
29. Google Sites
29
• Actividad reciente del sitio: Información sobre la reciente
actividad en el sitio. Con las opciones de: editar, suprimir o
añadir un nuevo módulo (Añadir un elemento de la barra lateral)
5.1.3 Cambiamos los colores y fuentes
Con la barra deslizante, seleccionamos un elemento para cambiarle el color del
título, fondo, marco lateral. Podemos poner una imagen como fondo de cabecera, de
página, de barra lateral. Al seleccionar el elemento, tendremos que buscar la imagen
Modificar colores
y fuentes
30. Google Sites
30
con “examinar”. Podemos cambiar en algunos elementos también el tipo de letra o
fuente. Hay 6 disponibles.
Cualquier cambio que hagamos nos lo muestra en la parte inferior de la pantalla, lo
que agiliza y facilita esta tarea.
5.1.4 Cambiamos el tema del sitio
Hay una serie de temas a elegir, cada uno con su particular
combinación de colores y fuentes.
Para probarlo y ver como quedaría, solo tenemos que hacer clic en
“vista previa”
5.1.5 Otros ajustes de configuración
Es la pestaña Más se puede:
1. Modificar nombre al sitio
2. Mostrar el nombre del sitio en lo alto de las páginas. Por defecto
se mostraría.
3. Desmarcaremos en caso contrario
4. Describir brevemente el sitio
5. Indicar si el contenido es solo para adultos. Marcar la opción si queremos esto.
31. Google Sites
31
6. Cambiar la página de entrada cuando se accede al sitio: la denomina
“página de destino”.
Por defecto es la página Home pero podemos cambiarla por otra con
“cambiar”.
Un detalle importante a tener en cuenta se refiere al espacio que hay ocupado en el
sitio de los 100 MB disponibles. Lo encontramos en un cuadro situado a la derecha.
Configuración de la página
Una vez tengamos abierta una página, Mas
acciones>Configuración de la página. Desde aquí
podemos entre otras cosas, mostrar o no al final de la
página “comentarios” y permitir “archivos adjuntos”.
32. Google Sites
32
Paso6: Características especiales
Como finalidad de todo sitio creado es:
1. Búsqueda dentro del sitio. Situado en la cabecera a la derecha. No se puede
eliminar.
2. Sitio como Blog: Se pueden crear páginas con la estructura y filosofía de
cualquier blog: publicaciones, entradas o posts como también se conocen, para
anunciar o informar. Permite insertar un módulo con las últimas entradas a
elegir cuantas a mostrar.
3. Sitio como wiki: Permite colaborar. Guarda las distintas versiones o
modificaciones del sitio, que podemos ver o recuperar en cualquier
momento.
4. Almacén de archivos siempre actualizados: Cualquier archivo que se suba
aquí, nos informa de las modificaciones y presenta las distintas versiones por
las que ha pasado. Permite un almacenamiento de 100MB.
5. Información inmediata de cualquier cambio a los colaboradores Con la
subscripción “al sitio o a cualquier página”, siempre estaremos puntualmente
informados de los cambios que tengan lugar. El colaborador recibe
automáticamente un correo aviso.
6. Integración con “Google Analytics” para mostrar estadísticas de visitas .A
través de Google Analytics podemos consultar y controlar el acceso a nuestro
sitio mediante los variados y completos informes que se generan.
33. Google Sites
33
7. Permite adjuntar archivos en páginas: Solo disponible para los
colaboradores de un sitio, al fondo de cada página se pueden adjuntar archivos
que se consideren necesarios para dejarlos ahí.
8. Podemos hacer comentarios. Solo disponible para los colaboradores de un
sitio, al fondo de cada página se pueden añadir comentarios. Aparecen aquí
no solo el mensaje sino detalles de quien lo ha hecho.
9. Subpáginas debajo de la página de la que dependen Las subpáginas se
sitúan justo debajo de la página. Para acceder a cualquiera basta con hace clic.
10.Algunas utilidades a pie de página. Si descendemos y miramos justo al fondo de
cualquier página, encontramos algunas utilidades que no podemos ni
configurar ni eliminar.
A destacar:
• Sitemap: Nos muestra un mapa del sitio formado por todas las páginas
creadas y nos las presenta en forma de árbol.
• Actividad reciente del sitio: Despliega todos los cambios que se han
producido en el sitio y el colaborador que lo ha hecho.
34. 34
Paso 7: Consideraciones finales
Con esta guía se pretende apoyar y ayudar a los usuarios investigadores que quieran
aprender un poco más acerca de las aplicaciones de la herramientas de la web 2.0
adaptable y aplicable para cualquier propósito a nivel personal, familiar, laboral,
grupo y por supuesto el ámbito docente. Esperamos que sea de gran provecho.
Para finalizar la Cybergrafia donde fue tomada gran parte del material para esta guía
de Google Sites: