Professional Documents
Culture Documents
ndice de contenidos
INTRODUCCIN........................................................................................4 1.Registro Previo......................................................................................5 1.1.Pantalla de bienvenida.......................................................................5 1.2- Pasos esenciales para crear un sitio.......................................................6 2. La pgina de Inicio.................................................................................7 3. Editando la pgina..................................................................................9 3.1- Men Insertar ................................................................................10 3.1.1-Insertamos una Imagen...............................................................14 3.1.2- Insertamos enlaces ..................................................................16 3.1.3- Insertamos otros elementos importantes.........................................18 3.2- El Men Formato de Texto..................................................................20 4. Aadimos nuevas pginas.......................................................................21 4.1- Aadimos una pgina web simple..........................................................22 4.2- Aadimos una pgina tipo blog.............................................................23 4.3- Aadimos una pgina contenedora de archivos..........................................25 4.4- Aadimos una pgina tipo lista.............................................................27 5. Ms acciones........................................................................................30 5.1- Configuramos nuestro sitio.................................................................30 5.2- Configuramos la apariencia ................................................................32 5.2.1- Modificamos el diseo del sitio.....................................................33 5.2.2- Encabezamiento y cambio de logotipo............................................34 5.2.3- Configuramos la barra lateral........................................................34 5.2.4- Cambiamos los colores y tipos de letra............................................36 5.2.5- Cambiamos el tema ..................................................................36 5.3- Configuracin General del sitio ...........................................................37 5.4- Eliminar el sitio web ........................................................................39 6. Caractersticas especials.......................................................................40 7. Consideraciones finals............................................................................41
INTRODUCCIO
Este documento pretende ser una gua de uso de Google Sites para construir sitios web. Podemos decir que Google Sites es una herramienta que rene muchas cualidades, podramos destacar las siguientes: SU facilidad de uso. Construir un sitio web a nuestra medida Construir un sitio web en funcin de nuestras necesidades y deseos. Crear sitios webs colaborativos. Mantener informacin permanente actualizada en nuestro espacio web Compartir documentos y archivos de todo tipo.
Las webs creadas con esta herramienta pueden adaptarse a muchas situaciones y necesidades, uno de los aspectos ms interesantes es que funciona como un wiki. Podemos aadir si queremos un sencillo sistema de anuncios con la estructura de blog. En definitiva virtudes no le faltan para consagrarse como una buena alternativa de diseo web a tener en cuenta.
1. Registro Previo
Si ya tiene una cuenta de Google (correo Gmail) para seguir adelante solo tienes que iniciar sesin con el nombre de usuario y contrasea
Si no tenemos ninguna cuenta Google deber darse de alta para tener uno, puede conseguir un pulsando sobre el botn Acceder a travs de una cuenta Google Apps de la pgina de bienvenida del Google Sites
Una vez hemos iniciado nuestra sesin hay que hacer clic en el botn Crear un sitio nuevo
Puede empezar seleccionando la plantilla en blanco, en todo momento podremos cambiar o modificar la plantilla elegida
Elegir Tema
Puede elegir uno de los diversos temas que ofrece el programa.
Ms opciones
Opciones como describir el lugar hacerlo pblico o privado ... que puede decidir ahora ms adelante:
2. La pgina de Inicio
El sitio creado tras el registro previo, tendra este aspecto:
La estructura que presenta mientras no la cambiemos es la siguiente: Marco superior: Nombre del sitio: Prova lloc web SETICPA i cercador del lloc Marco lateral: Men de navegacin Marco Principal: Pgina de inicio (ara vaca) Marco Inferior: Archivos adjuntos, comentarios de esta pgina llamada de Inicio, porqu es la primera que aparecera al entrar en sitio web. Pondremos especial cuidado en su diseo y contenido por la importancia que tiene, ya que habitualmente ser el punto de entrada y de partida de todo el lugar. Ser el espacio de bienvenida o presentacin y el resumen de aquellos contenidos que puedan ser de ms utilidad al visitante. Por encima del Marco superior encontrar los botones que permiten editar y el sitio web
Para construir la pgina de inicio y cualquier otra pgina que aadir, haris uso de las herramientas de edicin que aparecen al hacer clic en Editar pgina
Para configurarla adecuadamente, hacemos clic en Ms Acciones. Tutorial de Google Sites / sitios web 8
Hablaremos ms adelante
3. Editando la pgina
Para esto pulsen: 1. Nos aparece una barra de edicin rpida, con la que podemos poner: el tipo de letra y tamao, el formato y color de la fuente, enlaces, numeracin, vietas, sangras y justificaciones, cambiar el formato o editar el HTML (si somos expertos)
Empezamos escribiendo algn texto como saludo o presentacin, lo marcamos con el ratn y le aplicamos algn formato. El resultado poda ser como este:
2.- Tambin tenemos 4 mens desplegables que nos proporcionan muchos elementos a incluir, y posibilidades de configuracin, algunas ya presentes en la barra anterior.
Men Formato: Cambia tamaos y pone algunos formatos especiales de texto Men Tabla: Para insertar tablas Men Diseo: A escoger entre pginas a 1 o 2 columnas
1. Elementos simples:
Imgenes, Enlaces, Tabla de contenidos (ndice) Lnea horizontal
2. Servicios de Google:
Anuncios, Calendario, Documentos de texto, Mapas, lbumes web y presentaciones de Picasa Presentaciones Hojas de clculo Formularios Videos (Youtube, Google Video)
10
3. Gadgets de Google:
Ultimas entradas o posts, Archivos actualizados, Listas actualizadas, Cuadros de Texto y Ms Gadgets. Para aadir Gadgets debemos seguir el camino: Editar Pgina de Inicio / Insertar Gadgets / Ms Gadgets
Gadgets
Un gadget es un dispositivo que tiene un propsito y una funcin especfica y prctica, generalmente de pequeas proporciones, prctico ya la vez nuevo. Los gadgets suelen tener un diseo ingenioso. En el Men tenemos acceso a los siguientes: Entradas Recientes: Posts, anuncios o entradas Archivos actualizados recientemente: Archivos actualizados Elementos de lista recientes: listados Cuadro de Texto: Caja o cuadro de texto
Tendremos en cuenta que para poder insertar cualquiera de los tres primeros gadgets, debemos haber creado previamente las pginas correspondientes, es decir, deberan existir estas pginas en el sitio y adems contener informacin o archivos. Por eso si intentamos insertar por ejemplo el Gadget: Entradas Recientes. Que se refiere a mostrarnos cules son los ltimos posts o anuncios, nos aparece una ventana como la siguiente que nos indica que slo podemos mostrar una lista de archivos que existan: Tutorial de Google Sites / sitios web 11
Pero si la pgina ya la tenemos creada, slo tendremos que indicar el ttulo y el nmero de entradas que queremos ver.
Este gadget y otros que se refieren a actualizaciones son propios para insertarlos en la pgina de inicio para estar puntualmente informado. Cuando se trata de insertar un cuadro de texto, no tendremos ningn problema, no depende de ninguna pgina creada. El cuadro de texto permite incluir texto enlaces, tablas, lneas, imgenes, ... Tutorial de Google Sites / sitios web 12
13
Ms Gadgets
En alguna ocasin puede interesarnos colocar una imagen de Internet. Tutorial de Google Sites / sitios web 14
En este caso hay que indicar su ruta (URL). Para averiguar, nicamente deber colocar el ratn sobre la imagen y con el botn derecho, sealar copia la ubicacin de la imagen del men desplegable. Finalmente pulsamos Aceptar
Haciendo clic en la imagen, podemos ver como lleva acompaada un men de edicin para adaptarla a nuestras necesidades:
Alinea G: Alinea a la izquierda C: Alinea al centro R: Alinea a la derecha Medida P: Medida pequea M: Medida mediana G: Medida gran Original: Medida original Ajustar: a:Contorno de texto Desactivado: Sin contorno de texto Eliminar: Eliminar la imagen
Recordar que siempre, despus de hacer cualquier cambio se tiene que Guardar para guardar lo que se haya hecho, y clicar en "Crear una pgina" para poder continuar.
15
La ventana que se abre, nos ofrece 3 posibilidades: 1 Enlazar con una pgina que ya tengamos en nuestro sitio (Pgina existente): Slo hay que sealar la que nos interese (aparecen listadas debajo) y pulsar Aceptar
2 Enlazar con otra web (DireccinWeb): Escribiremos la direccin de la web y hacemos clic en Aceptar
16
3 Crear una nueva pgina en el sitio i enlazarla (Crear pgina nueva): Le pondremos el ttulo y escogeremos el tipo de pgina.
17
Servicios de Google:
Calendario, documentos, hojas de calculo, presentaciones, fotos de Picasa, formularios, videos pueden ser aadidos a cualquier pgina con facilidad, nos muestran los archivos que tenemos almacenados en Google Docs, slo hay que seleccionarlos.
18
En algunos casos una vez seleccionado el elemento que desee insertar en la pgina habr que complementar algunos apartados para configurarlo adecuadamente. Slo podremos subir directamente desde el PC imgenes (Opcin Colgar las fotos) que habr que aadir a un lbum de Picassa que ya tengamos. Tambin tendremos como opcin pegar o escribir la URL del documento o elemento google ya publicado
19
Para establecer el tamao y caractersticas del texto: Establecer formato de encabezado Tacahdo Superndice Subndice Alineacin (Izquierda, centro, derecha) Borrar formato
3.3- El men Tabla Permite insertar una tabla directamente y de manera grfica marcando con el ratn el nmero de filas y columnas
20
Una vez creada, con este men insertaremos filas y columnas cuando queramos y de la misma manera las podremos eliminar. Al hacer doble clic en una celda cualquiera podremos escribir y / o modificar las medidas
21
Elegimos una de los 4 tipos disponibles. El contenido de lo que queremos poner en ella nos decantar por uno u otro estilo.
Finalmente elegiremos la jerarqua de la pgina. Se nos ofrecen 2 posibilidades: 1 Poner en el nivel ms alto: es la opcin por defecto. Supone una pgina ms junto con la de Inicio. 2 Poner a continuacin: Sera una subpgina La diferencia la podemos apreciar en el mapa de navegacin:
La pgina de inicio, las de los encuentros y la de anuncios estn creadas en el nivel alto Podemos ver cmo las pginas llamadas recursos son subpginas de otras pginas
22
Presenta una pgina en blanco que estructuraremos y rellenaremos con los contenidos que queramos. No olvidemos que disponemos de un men de edicin rpida y mens desplegables que nos facilitan las cosas. Es el tipo de pgina que se adapta a cualquier necesidad y que podemos configurar combinando e incluyendo todo tipo de elementos.
Esta pgina se confecciona aadiendo entradas que se convertirn en anuncios informativos y que aparecern ordenados por fecha de publicacin como en un blog.
Pulsar en el botn nueva entrada. Aparece una ventana de edicin donde lo primero que haremos ser poner ttulo a la entrada y seguidamente escribir el contenido de la noticia o comunicado. Contamos con los mens de edicin para poder dar formato al texto, incluir imgenes y otros elementos.
23
Si tenemos varias entradas o posts puede comprobar cmo se ordenan cronolgicamente, en orden inverso, esta estructura, configuracin y disposicin no es otra que la propia de cualquier blog. Cuando insertamos el mdulo de los ltimos posts en una pgina, podemos elegir el nmero de posts que queremos que se muestren. Es apropiado para una pgina de inicio.
24
Es una pgina preparada para almacenar y mostrar los archivos que queramos tener en nuestro sitio.
2 Buscamos el archivo con Seleccionar el archivo, o bien pegando la URL Podemos completar incluso poniendo una descripcin del archivo. Haga clic en Cargar 3 El archivo ha subido al lugar y aparece con la siguiente informacin:
25
Acciones relacionadas con los archivos listados: Haciendo clic sobre el nombre, podemos descargarlo y abrirlo Haciendo clic sobre la versin, accedemos a un histrico de las diferentes versiones guardadas del documento.
Al hacer clic sobre una versin de un archivo: Nos muestra todas las modificaciones hechas con la fecha de edicin correspondiente. Si queremos recuperar cualquier slo tendremos que descargarla.
Cabe destacar esta potencialidad, que nos recuerda los wikis, ya que puede almacenar la evolucin que ha experimentado un documento en sus diferentes ediciones y en cualquier momento volver a la que nos interese. En ocasiones es una garanta de seguridad.
Para borrar un archivo, lo seleccionaremos como se ha dicho en el apartado anterior, y hacemos clic en Eliminar.
Para eliminar una carpeta slo debemos hacer clic sobre el enlace Eliminar que aparece entre parntesis ya la derecha del nombre. Tendremos en cuenta que tambin se borran los archivos que contiene.
Si hay alguna novedad o modificacin, nos llegar un correo a la cuenta donde nos avisan de los cambios que se han producido. Este tipo de pgina puede ser muy til para subir archivos y tenerlos a buen recaudo, ya la vez poder compartir con todos o con un pequeo grupo y si lo deseamos siempre estaremos informados de los cambios y actualizaciones. El espacio web para almacenar archivos es de 100MB por lo tanto caben muchos archivos...
Se trata de una pgina que contiene listados confeccionados a nuestra voluntad. Como en los casos anteriores lo primero que habr ser poner el nombre a la pgina. Entonces, se abrir una ventana con 4 opciones. Si hacemos clic sobre cualquiera de las tres primeras veremos como nos presentan una plantillas con las listas ya estructuradas. Seguramente ninguna se adapta a lo que queremos plasmar, por lo que la cuarta opcin nos permite crear, desde el principio, listados definiendo las columnas. Tutorial de Google Sites / sitios web 27
Hay que poner nombre o etiqueta en la columna y al mismo tiempo elegir el tipo de contenido que tendr. Podemos optar por: Casilla de verificacin: Si queremos colocar una casilla de verificacin para marcar o desmarcar Fecha: Para poner fechas Desplegable: Men desplegable para seleccionar diferentes opciones Texto: Para aadir texto URL: Para poner enlaces Con todas estas posibilidades podemos confeccionar cualquier listado que se adapte a nuestras necesidades. Hemos definido 3 columnas:
28
29
5. Ms acciones
Un lugar puede ser compartido con todo el mundo (pblico) o con los usuarios que especifiquemos. Tenemos que explicar primero que hay 3 posibilidades de interactuar: 1 Como propietario 2 Como colaborador 3 Como simple usuario o lector El propietario es el que tiene todos los privilegios para gestionar el sitio. Tutorial de Google Sites / sitios web
30
El colaborador puede: Crear, editar, mover y borrar pginas Aadir archivos adjuntos Aadir comentarios Aadir y eliminar pginas del Men lateral de navegacin Suscribirse a los cambios que se produzcan en el sitio El usuario simple o lector, slo puede ver las pginas.
El sitio creado nos permite invitar a otros como propietarios, colaboradores y lectores, a travs del formulario donde se escribirn las direcciones de correo, que podemos extraer sin ningn problema de nuestros contactos de Gmail. Si el lugar es pblico para que lo pueda ver, el apartado de permisos avanzados deber tener marcada la casilla.
Para conseguir que sea privado, slo para unos pocos, tendremos que desmarcar la misma. Esta opcin tambin estaba disponible durante el proceso de creacin y registro inicial del lugar.
A la derecha aparece la relacin de todas las personas que comparten el lugar web
Al pulsar el botn Gestionar el lugar abre una ventana que nos permite configurar el sitio web
Tutorial de Google Sites / sitios web 31
Encontramos: Volver al sitio Nos permite ir de nuevo al sitio web Contenido del sitio Nos permite ver y gestionar archivos, pginas, plantillas y las actividades del sitio web Configuracin del sitio Podremos cambiar el aspecto general, compartir, poner anuncios comerciales y cambiar el alojamiento de la web Apariencia del sitio Para disear el espacio, color y tipo de letra y temas del sitio web.
32
Podemos modificar la anchura del lugar. Por defecto, ocupa el ancho de toda la pantalla: 100%. Si queremos que quede un espacio libre a ambos lados cambiaremos la anchura a 90, 80, 70... Hay que ir probando hasta encontrar el aspecto deseado. Tambin podemos modificar la altura del encabezamiento y las caractersticas de la barra lateral.
Configuracin de la bsqueda
Podemos activar o desactivado la bsqueda del lugar y tambin configurar Google como buscador de sitios web. Tutorial de Google Sites / sitios web
33
Est predeterminado arriba a la izquierda en la cabecera, y no admite otra posicin. 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 aadir uno, buscaremos lo que deseamos con Seleccionar el archivo. Tendremos en cuenta que hay que dimensionar el logo antes de subirlo. Pulsamos Aceptar
Este marco que como vemos tiene una anchura de 150 pxeles, est formado en un principio, por 2 cuadros o mdulos:
34
Tenemos 6 alternativas: 1. 2. 3. 4. 5. 6. Anuncios comerciales Navegacin: Enlaces a pginas individuales del sitio. Texto: Para aadir texto. Actividad reciente del sitio: Una lista de la reciente actividad del sitio Mi actividad reciente: Una lista de la reciente actividad como usuario del sitio Cuenta atrs: Un contador de das para llegar a un evento que hay que especificar con fecha
Otro camino, quizs ms rpido para configurar el marco lateral, sera acceder desde Editar barra lateral, que lo localizamos justo al final del marco.
35
En la barra lateral, seleccionamos un elemento para cambiarle el color del ttulo, fondo, marco lateral,... Podemos poner una imagen como fondo de cabecera, de pgina, de barra lateral. Al seleccionar el elemento, tendremos que buscar la imagen con Seleccionar el archivo. Podemos cambiar en algunos elementos como el tipo de letra. Cualquier cambio que hagamos nos lo muestra en la parte inferior de la pantalla, lo que agiliza y facilita esta tarea.
Contamos con una serie de temas a elegir, cada uno con su particular combinacin de colores y tipografa. Para probarlo y ver como quedara, slo debemos hacer clic en vista previa. Tutorial de Google Sites / sitios web 36
Poner nombre al sitio: Mostrar el nombre del lugar en la parte superior de las pginas. Por defecto se mostrar. Desmarcaremos en caso contrario Describir brevemente el sitio. Indicar si el contenido es slo para adultos. Cambiar la pgina de entrada cuando se accede al sitio: la denomina pgina de destino. Por defecto es la pgina Home pero podemos cambiarla por otra con Editar. Activar las estadsticas a utilizando Google Analytics. Haciendo clic en Ms informacin se nos presentan instrucciones de cmo hacerlo. Tendremos que entrar en Google Analytics, darnos de alta y siguiendo todos los pasos, llegar un momento en que nos muestra un cdigo para pegar.
Para comprobar si funciona tendremos que esperar aproximadamente 24 horas siempre que queramos ver las estadsticas deberemos acceder a Google Analytics. Tutorial de Google Sites / sitios web 37
Un detalle importante a tener en cuenta se refiere al espacio que tenemos ocupado en el lugar de los 100 MB disponibles. Lo encontramos en un cuadro situado a la derecha.
Configuracin de la pgina
Una vez tengamos abierta una pgina debemos volver a "Ms acciones / configuracin de la pgina". Desde aqu podemos, entre otras cosas, mostrar o no el final de la pgina comentarios y permitir archivos adjuntos.
38
Seguidamente iremos a la columna izquierda y seleccionaremos General dentro de Configuracin del sitio:
Y en la pantalla que aparecer, en la parte inferior del todo, seleccionaremos Eliminar este lugar:
39
6. Caractersticas especiales
Qu tiene de especial cualquier sitio creado? 1 Buscar dentro del sitio. Situado en la cabecera a la derecha. No se puede eliminar.
2 Lugar como Bloque Se pueden crear pginas con la estructura y filosofa de cualquier blog: publicaciones, entradas o posts para anunciar o informar. Permite insertar un mdulo con las ltimas entradas donde se podr elegir cuantas queremos que se muestren. 3 Lugar como wiki Permite trabajar colaborativamente. Guarda las diferentes versiones o modificaciones del lugar, que podemos ver o recuperar en cualquier momento. 4 Almacn de archivos Siempre actualizados. Cualquier archivo que se pueda aqu nos informa de las modificaciones y presenta las diferentes versiones por las que ha pasado. Permite un almacenamiento de 100 MB. 5 Informacin inmediata de cualquier cambio a los colaboradores Con la suscripcin al sitio cualquier pgina, siempre estaremos puntualmente informados de los cambios que se produzcan. El colaborador recibe automticamente un correo de aviso. 6 Integracin con Google Analytics Para mostrar estadsticas de visitas. 7 Permite adjuntar archivos en pginas slo disponible para los colaboradores de un sitio, al fondo de cada pgina se pueden adjuntar archivos que se consideren necesarios para dejarlos ah. 8 Podemos hacer comentarios Slo disponible para los colaboradores de un sitio, al fondo de cada pgina se pueden aadir comentarios. 9 subpginas Bajo la pgina de la que dependen 10 Algunas utilidades a pie de pgina A destacar: Sitemap: Nos muestra un mapa del sitio formado por todas las pginas creadas y nos las presenta en forma de rbol. Actividad reciente del sitio: Despliega todos los cambios que se han producido en el lugar y el colaborador / a que lo ha hecho. Tutorial de Google Sites / sitios web 40
7. Consideraciones finales
Con Google sitios web tenemos una herramienta a la que se le puede sacar mucho provecho, como ya hemos comentado. Adaptable y aplicable para cualquier propsito a nivel personal, familiar, laboral, grupo y por supuesto el mbito docente. Fcil y gil podemos crear y configurar web individuales, de clase, de grupo, de trabajo... Con las restricciones y permisos de acceso que establecemos las podemos hacer pblicas, privadas, colaborativas ...
41
Este dosier es una traduccin-adaptacin hecha por Miquel Fito* del Manual de Google Sites, creando pginas y sitios web colaborativos elaborado por Manuel Lpez Caparrs, Coordinador TIC del CPR Barranco Poqueira de Capileira (Granada): https://sites.google.com/site/webscolaborativas/home
*Miquel Fit
Unidad de Educacin Permanente. Departamento de Educacin. Direccin General de Enseanzas Profesionales, Artsticas y Especializadas. Generalitat de Catalunya.
Enero de 2010
42