SlideShare une entreprise Scribd logo
1  sur  42
Télécharger pour lire hors ligne
Manual de
                   Google Sites




               Creando páginas y sitios web
                      colaborativos

Traducción-adaptación de Miquel Fitó (enero de 2010) sobre el original de Manuel
López Caparrós (octubre de 2008)
Unidad de Educación Permanente. Departamento de Educación. Generalitat de
Catalunya.
Índice de contenidos
INTRODUCCIÓN........................................................................................4
1.Registro Previo......................................................................................5
   1.1.Pantalla de bienvenida.......................................................................5
   1.2- Pasos esenciales para crear un sitio.......................................................6
2. La página de Inicio.................................................................................7
3. Editando la página..................................................................................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. Añadimos nuevas páginas….......................................................................21
   4.1- Añadimos una página web simple..........................................................22
   4.2- Añadimos una página tipo blog.............................................................23
   4.3- Añadimos una página contenedora de archivos..........................................25
   4.4- Añadimos una página tipo lista.............................................................27
5. Más acciones........................................................................................30
   5.1- Configuramos nuestro sitio.................................................................30
   5.2- Configuramos la apariencia ................................................................32
       5.2.1- Modificamos el diseño 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- Configuración General del sitio ...........................................................37
   5.4- Eliminar el sitio web ........................................................................39
6. Características especials.......................................................................40
7. Consideraciones finals............................................................................41




Tutorial de Google Sites / sitios web                                                                 2
Tutorial de Google Sites / sitios web   3
INTRODUCCIO

Este documento pretende ser una guía de uso de Google Sites para construir sitios
web. Podemos decir que Google Sites es una herramienta que reúne muchas
cualidades, podríamos destacar las siguientes:

   •   SU facilidad de uso.
   •   Construir un sitio web a nuestra medida
   •   Construir un sitio web en función de nuestras necesidades y deseos.
   •   Crear sitios webs colaborativos.
   •   Mantener información 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 más interesantes es que funciona como un wiki.
Podemos añadir 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 diseño web a tener en cuenta.




Tutorial de Google Sites / sitios web                                               4
1. Registro Previo


 1.1. Pantalla de bienvenida

 Acceder al Google Sites web con la siguiente dirección: http://sites.google.com y
 aparecerá la ventana que tenéis a continuación:




Si ya tiene una cuenta de Google (correo Gmail) para seguir adelante solo tienes que
iniciar sesión con el nombre de usuario y contraseña




Si no tenemos ninguna cuenta Google deberá darse de alta para tener uno, puede
conseguir un pulsando sobre el botón Acceder a través de una cuenta Google Apps de la
página de bienvenida del Google Sites




 Tutorial de Google Sites / sitios web                                                 5
Una vez hemos iniciado nuestra sesión hay que hacer clic en el botón Crear un sitio
nuevo




1.2- Pasos esenciales para crear un Site
Escoger una plantilla

Seleccionar una de las que primero visualizamos o una de las que podemos encontrar al
navegar por la galería de plantillas que ofrece Google: "Navegar por la galería para
encontrar más"




Puede empezar seleccionando la plantilla en blanco, en todo momento podremos cambiar
o modificar la plantilla elegida

Nombre y URL del sitio web




Elegir Tema
Puede elegir uno de los diversos temas que ofrece el programa.




Tutorial de Google Sites / sitios web                                                 6
Más opciones
Opciones como describir el lugar hacerlo público o privado ... que puede decidir ahora más
adelante:




 Escribir el código pedido




 Solo queda presionar el botón




 2. La página de Inicio
El sitio creado tras el registro previo, tendría este aspecto:




 Tutorial de Google Sites / sitios web                                                7
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 navegación
    • Marco Principal:
              Página de inicio (ara vacía)
    • Marco Inferior:
              Archivos adjuntos, comentarios de esta página llamada de Inicio, porqué es
              la primera que aparecería al entrar en sitio web.

Pondremos especial cuidado en su diseño 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 presentación y el resumen de aquellos contenidos que
puedan ser de más utilidad al visitante.

Por encima del Marco superior encontrará los botones que permiten editar y el sitio web




Para construir la página de inicio y cualquier otra página que añadir, haréis uso de las
herramientas de edición que aparecen al hacer clic en Editar página




Para configurarla adecuadamente, hacemos clic en Más Acciones.

 Tutorial de Google Sites / sitios web                                                     8
Hablaremos más adelante




 3. Editando la página

 Para esto pulsen:


 1. Nos aparece una barra de edición rápida, con la que podemos poner: el tipo de letra
    y tamaño, el formato y color de la fuente, enlaces, numeración, viñetas, sangrías y
    justificaciones, cambiar el formato o editar el HTML (si somos expertos)




 Empezamos escribiendo algún texto como saludo o presentación, lo marcamos con el ratón
 y le aplicamos algún formato.

 El resultado podía ser como este:




 2.- También tenemos 4 menús desplegables que nos 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


 Tutorial de Google Sites / sitios web                                                   9
•    Menú Formato:
              Cambia tamaños y pone algunos formatos especiales de texto

   •    Menú Tabla:
              Para insertar tablas

    •   Menú Diseño:
             A escoger entre páginas a 1 o 2 columnas

Cualquier cambio que se haga siempre es necesario aceptarlo pulsando Guardar



Cancelamos haciendo click a Cancelar.

Las posibilidades de los menús



3.1- Menú Insertar
Bastante completo por la cantidad de elemento que integra. Están agrupados para
facilitar su uso.


1. Elementos simples:

   Imágenes, Enlaces, Tabla de contenidos (índice) Línea horizontal



2. Servicios de Google:




Anuncios, Calendario, Documentos de texto, Mapas, álbumes web y presentaciones de
Picasa
Presentaciones Hojas de cálculo Formularios Videos (Youtube, Google Video)




Tutorial de Google Sites / sitios web                                               10
3. Gadgets de Google:

 Ultimas entradas o posts, Archivos actualizados, Listas actualizadas, Cuadros de Texto y
 Más Gadgets.

 Para añadir Gadgets debemos seguir el camino: Editar Página de Inicio / Insertar
 Gadgets / Más Gadgets



 Gadgets
Un gadget es un dispositivo que tiene un propósito y una función específica y práctica,
generalmente de pequeñas proporciones, práctico ya la vez nuevo. Los gadgets suelen
tener un diseño 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 páginas correspondientes, es decir, deberían
 existir estas páginas en el sitio y además contener información o archivos. Por eso si
 intentamos insertar por ejemplo el Gadget: Entradas Recientes. Que se refiere a
 mostrarnos cuáles son los últimos posts o anuncios, nos aparece una ventana como la
 siguiente que nos indica que sólo podemos mostrar una lista de archivos que existan:

 Tutorial de Google Sites / sitios web                                                    11
Pero si la página ya la tenemos creada, sólo tendremos que indicar el título y el
 número de entradas que queremos ver.




El resultado final sería como el de este ejemplo:




Este gadget y otros que se refieren a actualizaciones son propios para insertarlos en la
página de inicio para estar puntualmente informado. Cuando se trata de insertar un
cuadro de texto, no tendremos ningún problema, no depende de ninguna página creada.


El cuadro de texto permite incluir texto enlaces, tablas, líneas, imágenes, ...

 Tutorial de Google Sites / sitios web                                                12
Insertar cualquier gadget
Insertar> Más gadgets

Habrá que seleccionar o buscar lo que nos interese de los miles que anuncia Google.




Tutorial de Google Sites / sitios web                                                 13
Más Gadgets




3.1.1-Insertando una Imagen
Insertar>Imagen

Si la imagen que queremos incluir la tenemos en nuestro equipo, sólo tenemos que hacer
clic en Navega, localizarla y añadir pulsando Aceptar




En alguna ocasión 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
ratón sobre la imagen y con el botón derecho, señalar copia la ubicación de la imagen del
menú desplegable. Finalmente pulsamos Aceptar




Haciendo clic en la imagen, podemos ver como lleva acompañada un menú de edición para
adaptarla a nuestras necesidades:




    •   Alinea
           • G: Alinea a la izquierda
           • C: Alinea al centro
           • R: Alinea a la derecha
    •   Medida
           • P: Medida pequeña
           • 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, después de hacer cualquier cambio se tiene que “Guardar” para
guardar lo que se haya hecho, y clicar en "Crear una página" para poder continuar.




Tutorial de Google Sites / sitios web                                                 15
3.1.2- Insertamos enlaces
 Marcamos con el ratón el texto donde queremos poner el enlace ya continuación:
 Insertar >Enlace




 La ventana que se abre, nos ofrece 3 posibilidades:

 1 Enlazar con una página que ya tengamos en nuestro sitio (Página existente):


Sólo hay que señalar la que nos interese (aparecen listadas debajo) y pulsar Aceptar


 2 Enlazar con otra web (DirecciónWeb):


 Escribiremos la dirección de la web y hacemos clic en
 Aceptar




 Tutorial de Google Sites / sitios web                                                 16
3 Crear una nueva página en el sitio i enlazarla (Crear página
      nueva): Le pondremos el título y escogeremos el tipo de
      página.




Esta facilidad de creación de páginas a partir de enlaces nos recuerda un wiki.


3.1.3- Insertamos otros elementos importantes
Tabla de contenidos
Inserir>Inserir

Com a l'exemple, una taula de continguts és un 'índex de la pàgina.
En ocasions pot resultar útil inserir-ho per navegar mes ràpid.
Al crear la taula de continguts apareixeran tots els apartats que tinguin el format
d'encapçalament (H2).




Tutorial de Google Sites / sitios web                                                 17
Servicios de Google:
Calendario, documentos, hojas de calculo, presentaciones, fotos de Picasa, formularios,
videos pueden ser añadidos a cualquier página con facilidad, nos muestran los archivos
que tenemos almacenados en Google Docs, sólo hay que seleccionarlos.




Tutorial de Google Sites / sitios web                                                18
En algunos casos una vez seleccionado el elemento que desee insertar en la página habrá
que complementar algunos apartados para configurarlo adecuadamente.

Sólo podremos subir directamente desde el PC imágenes (Opción Colgar las fotos) que habrá
que añadir a un álbum de Picassa que ya tengamos.

También tendremos como opción pegar o escribir la URL del documento o elemento google
ya publicado




 Tutorial de Google Sites / sitios web                                                19
3.2- El Menú Formato de Texto




Para establecer el tamaño y características del texto:
           • Establecer formato de encabezado
           • Tacahdo
           • Superíndice
           • Subíndice
           • Alineación (Izquierda, centro, derecha)

Borrar formato

 3.3- El menú Tabla Permite insertar una tabla directamente y de
       manera gráfica marcando con el ratón el número de filas y
       columnas




 Tutorial de Google Sites / sitios web                             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




3.4- El Menú diseño
En función del propósito y contenido de la página Podemos optar entre presentar las
páginas con alguno de los siguientes diseños que ofrece google sites.




4. Añadiendo nuevas páginas




Tutorial de Google Sites / sitios web                                                 21
Elegimos una de los 4 tipos disponibles. El contenido de lo que queremos poner
en ella nos decantará por uno u otro estilo.




Le ponemos nombre a la página que vamos a crear




Finalmente elegiremos la jerarquía de la página. Se nos ofrecen 2 posibilidades:

1 Poner en el nivel más alto: es la opción por defecto. Supone una página más junto con
la de Inicio.

2 Poner a continuación: Sería una subpágina

La diferencia la podemos apreciar en el mapa de navegación:




                                  La página de inicio, las de los encuentros y la de
                                  anuncios están creadas en el nivel alto

                                  Podemos ver cómo las páginas llamadas recursos son
                                  subpáginas de otras páginas




Tutorial de Google Sites / sitios web                                                  22
4.1 Añadimos una página web simple

 Es la opción página Web.




Presenta una página en blanco que estructuraremos y rellenaremos con los contenidos que
queramos. No olvidemos que disponemos de un menú de edición rápida y menús
desplegables que nos facilitan las cosas. Es el tipo de página que se adapta a cualquier
necesidad y que podemos configurar combinando e incluyendo todo tipo de elementos.




 4.2- Añadimos una página tipo Blog
 Es la opción Anuncios.




 Esta página se confecciona añadiendo entradas que se convertirán en anuncios
 informativos y que aparecerán ordenados por fecha de publicación como en un blog.



 Pulsar en el botón nueva entrada.

Aparece una ventana de edición donde lo primero que haremos será poner título a la
entrada y seguidamente escribir el contenido de la noticia o comunicado. Contamos con
los menús de edición para poder dar formato al texto, incluir imágenes y otros elementos.




 Tutorial de Google Sites / sitios web                                               23
Cuando acabamos y salvamos un post aparece como en este ejemplo:




Consta de:

    •   Titulo, fecha, hora y autor de la publicación

 Si tenemos varias entradas o posts puede comprobar cómo se ordenan cronológicamente,
 en orden inverso, esta estructura, configuración y disposición no es otra que la propia de
 cualquier blog.

Cuando insertamos el módulo de los últimos posts en una página, podemos elegir el
número de posts que queremos que se muestren. Es apropiado para una página de
inicio.




Tutorial de Google Sites / sitios web                                                   24
4.3 - Añadimos una página contenedora de archivos
Es la opción Almacenamiento de archivo




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


1 Ponemos nombre a la página (en el ejemplo Recursos), y añadimos un archivo...




2 Buscamos el archivo con Seleccionar el archivo, o bien pegando la URL Podemos
completar incluso poniendo una descripción del archivo.
Haga clic en Cargar

3 El archivo ha subido al lugar y aparece con la siguiente información:




Tutorial de Google Sites / sitios web                                             25
Acciones relacionadas con los archivos listados:
    •   Haciendo clic sobre el nombre, podemos descargarlo y abrirlo
    •   Haciendo clic sobre la versión, accedemos a un histórico de las diferentes
        versiones guardadas del documento.

Al hacer clic sobre una versión de un archivo:

    •   Nos muestra todas las modificaciones hechas con la fecha de edición
        correspondiente. Si queremos recuperar cualquier sólo tendremos que
        descargarla.

Cabe destacar esta potencialidad, que nos recuerda los wikis, ya que puede almacenar la
evolución que ha experimentado un documento en sus diferentes ediciones y en cualquier
momento volver a la que nos interese. En ocasiones es una garantía de seguridad.



 Organización de los archivos en carpetas
Cuando a esta página subimos muchos archivos hay un cierto orden para tenerlos bien
organizados. Es el momento de crear carpetas.

Primero seleccionaremos el archivo marcando el
cuadrado que hay a la izquierda del nombre del
archivo y seguidamente elegiremos entre crear una
nueva carpeta o mover a una existente.



 Borrando archivos y carpetas
 Tutorial de Google Sites / sitios web                                                26
Para borrar un archivo, lo seleccionaremos como se ha dicho en el apartado anterior, y
  hacemos clic en Eliminar.




  Para eliminar una carpeta sólo debemos hacer clic sobre el enlace Eliminar que aparece
  entre paréntesis ya la derecha del nombre. Tendremos en cuenta que también se borran
  los archivos que contiene.


Suscríbete a los cambios
 Si queremos estar informados de los cambios que sufre esta página, sólo tenemos que
 pulsar el botón "Suscríbete a los cambios"




 Si hay alguna novedad o modificación, nos llegará un correo a la cuenta donde nos avisan
 de los cambios que se han producido.

 Este tipo de página puede ser muy útil para subir archivos y tenerlos a buen recaudo, ya
 la vez poder compartir con todos o con un pequeño 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...


4.4- Añadimos una página tipo lista
Es la opción lista




Se trata de una página que contiene listados confeccionados a nuestra voluntad.
Como en los casos anteriores lo primero que habrá será poner el nombre a la página.
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 opción 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 verificación:
                                Si queremos colocar una casilla de verificación para
                                marcar o desmarcar

                                Fecha:
                                Para poner fechas

 Desplegable: Menú desplegable para seleccionar diferentes opciones

 Texto: Para añadir texto

 URL: Para poner enlaces

 Con todas estas posibilidades podemos confeccionar cualquier listado que se adapte a
 nuestras necesidades.

 Hemos definido 3 columnas:




 Tutorial de Google Sites / sitios web                                                  28
Podemos personalizar el listado




Podemos rellenar los listado pulsando sobre el botón Añadir un elemento




Este será el resultado:



Tutorial de Google Sites / sitios web                                     29
5. Más acciones




 5.1- Configurando nuestro sitio


5.1.1- El acceso o cómo se comparte con los demás




 Un lugar puede ser compartido con todo el mundo (público) 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 páginas
    • Añadir archivos adjuntos
    • Añadir comentarios
    • Añadir y eliminar páginas del Menú lateral de navegación
    • Suscribirse a los cambios que se produzcan en el sitio

El usuario simple o lector, sólo 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 lugar es público para que lo pueda ver, el apartado de permisos avanzados
deberá tener marcada la casilla.




Para conseguir que sea privado, sólo para unos pocos, tendremos que desmarcar la
misma.

Esta opción también estaba disponible durante el proceso de creación y registro
inicial del
lugar.

A la derecha aparece la relación de todas las personas que comparten el lugar web


Al pulsar el botón 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, páginas, plantillas
                                       y las actividades del sitio web

                                Configuración del sitio
                                   • Podremos cambiar el aspecto general, compartir, poner
                                      anuncios comerciales y cambiar el alojamiento de la
                                      web

                                Apariencia del sitio
                                   • Para diseñar el espacio, color y tipo de letra y temas del
                                      sitio web.




5.2 Configuramos la apariencia




Tutorial de Google Sites / sitios web                                                        32
5.2.1-Modificamos el diseño del sitio




     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.

     También podemos modificar la altura del encabezamiento y las características de la
     barra lateral.


Configuración de la búsqueda




      Podemos activar o desactivado la búsqueda del lugar y también configurar
      Google como buscador de sitios web.
Tutorial de Google Sites / sitios web                                                 33
5.2.2- Encabezamiento y cambio de logotipo



      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 lo que deseamos con Seleccionar el
      archivo. Tendremos en cuenta que hay que dimensionar el logo antes de
      subirlo. Pulsamos Aceptar


5.2.3- Configuramos la barra lateral.




      Este marco que como vemos tiene una anchura de 150 píxeles, está formado en
      un principio, por 2 cuadros o módulos:




Tutorial de Google Sites / sitios web                                                  34
Navegación: Menú de navegación
Aquí situaremos los enlaces a páginas que existen dentro del sitio. Lo configuramos
haciendo clic en Editar




Podemos incluir un enlace al Mapa de sitio ya la Actividad reciente del sitio:

Añadir un elemento de la barra lateral




Tenemos 6 alternativas:

   1.   Anuncios comerciales
   2.   Navegación: Enlaces a páginas individuales del sitio.
   3.   Texto: Para añadir texto.
   4.   Actividad reciente del sitio: Una lista de la reciente actividad del sitio
   5.   Mi actividad reciente: Una lista de la reciente actividad como usuario del sitio
   6.   Cuenta atrás: Un contador de días para llegar a un evento que hay que
        especificar con fecha

Otro camino, quizás más rápido para configurar el marco lateral, sería acceder desde
Editar barra lateral, que lo localizamos justo al final del marco.



Tutorial de Google Sites / sitios web                                                      35
5.2.4- Cambiemos los colores y el tipo de letra




En la barra lateral, 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 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.




5.2.5- Cambiemos el tema




Contamos con una serie de temas a elegir, cada uno con su particular combinación de
colores y tipografía. Para probarlo y ver como quedaría, sólo debemos hacer clic en
vista previa.


Tutorial de Google Sites / sitios web                                                     36
5.3- Configuración General del sitio




Poner nombre al sitio:

   • Mostrar el nombre del lugar en la parte superior de las páginas. Por defecto se
   mostrará. Desmarcaremos en caso contrario
   • Describir brevemente el sitio. Indicar si el contenido es sólo para adultos.
   • 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
     Editar. Activar las estadísticas a utilizando Google Analytics.

Haciendo clic en Más información se nos presentan instrucciones de cómo hacerlo.
Tendremos que entrar en Google Analytics, darnos de alta y siguiendo todos los pasos,
llegará un momento en que nos muestra un código para pegar.




Para comprobar si funciona tendremos que esperar aproximadamente 24 horas siempre
que queramos ver las estadísticas 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.




 Configuración de la página
Una vez tengamos abierta una página debemos volver a "Más acciones / configuración de la
página". Desde aquí podemos, entre otras cosas, mostrar o no el final de la página
comentarios y permitir archivos adjuntos.




 Tutorial de Google Sites / sitios web                                                   38
5.4- Eliminar el sitio web
Cuando hacemos pruebas o cuando ya no queremos usar el sitio web creado en Google
Sites, es conveniente eliminarlo definitivamente. Es también una cuestión de ecología
digital. Para ello debemos ir al menú Más acciones / Gestiona el sitio:




Seguidamente iremos a la columna izquierda y seleccionaremos General dentro de
Configuración del sitio:




 Y en la pantalla que aparecerá, en la parte inferior del todo, seleccionaremos
Eliminar este lugar:




Tutorial de Google Sites / sitios web                                                   39
6. Características 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 páginas con la estructura y filosofía de cualquier blog: publicaciones,
 entradas o posts para anunciar o informar.
 Permite insertar un módulo 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 Almacén 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 Información inmediata de cualquier cambio a los colaboradores
 Con la suscripción al sitio cualquier página, siempre estaremos puntualmente informados
 de los cambios que se produzcan. El colaborador recibe automáticamente un correo de
 aviso.

 6 Integración con Google Analytics
 Para mostrar estadísticas de visitas.

 7 Permite adjuntar archivos en páginas sólo 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
 Sólo disponible para los colaboradores de un sitio, al fondo de cada página se pueden
 añadir comentarios.

 9 subpáginas
 Bajo la página de la que dependen

 10 Algunas utilidades a pie de página
 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 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 propósito a
nivel personal, familiar, laboral, grupo y por supuesto el ámbito docente.

Fácil 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 públicas,
privadas, colaborativas ...

Recopilación de algunas sitios web hechos con Google Sites

http://sites.google.com/site/jordanhsvolleyball/ De un equipo de Voleibol

http://sites.google.com/site/garrardfirstgrade/home De una escuela infantil

http://sites.google.com/a/googleclassrooms.org/mrs-richau/home Una web de clase

http://sites.google.com/a/organic-city.com/intranet/Home Intranet de una compañía



Enlaces a tutoriales y vídeos de Google Sites:
Vídeo tutorial de Google Sites con subtituloe en castellano:
http://www.youtube.com/watch?v=k1eF6XpEOSQ&feature=player_embedded

Vídeo tutorial en castellano: Página Web con Google Sites 2009
http://www.youtube.com/watch?v=tDy-yTfYgx8

Video tutorial en catalán que explica con
Google:
http://www.youtube.com/watch?v=EQXEZXeTN0g

Ayuda de Google Sites és la pàgina oficial de suport de Google
http://sites.google.com/support/?hl=es

GOOGLE SITES: un sitio web en 3 clics! Articulo de Xavier Suñé para la revista Bits
Espiral
http://bits.ciberespiral.net/index.php?
option=com_content&task=view&id=17&Itemid=26


Diseñando webs colaborativas con Google sites, un Site de Manuel López Caparrós
sobre el mismo Sites, que va actualizando con ideas, novedades, recursos ... Muy
completo!:
https://sites.google.com/site/webscolaborativas/home




Tutorial de Google Sites / sitios web                                                  41
Este dosier es una traducción-adaptación hecha por Miquel Fito* del “Manual de
Google Sites, creando páginas y sitios web colaborativos” elaborado por Manuel
López Caparrós, Coordinador TIC del CPR Barranco Poqueira de Capileira (Granada):
https://sites.google.com/site/webscolaborativas/home




*Miquel Fitó
Unidad de Educación Permanente. Departamento de Educación. Dirección General de Enseñanzas
Profesionales, Artísticas y Especializadas. Generalitat de Catalunya.

Enero de 2010




Tutorial de Google Sites / sitios web                                                        42

Contenu connexe

Tendances

Tutorial de wix.com
Tutorial de wix.comTutorial de wix.com
Tutorial de wix.comacarrera12
 
Un proyecto web de 0 a 100
Un proyecto web de 0 a 100Un proyecto web de 0 a 100
Un proyecto web de 0 a 100Antonio Gonzalez
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaverOliver Martinez
 
Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Diego Casso
 
Procedimientos para crear una página web con dream weaver
Procedimientos para crear una página web con dream weaverProcedimientos para crear una página web con dream weaver
Procedimientos para crear una página web con dream weaverRacsosabe
 
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...julio pineda
 
Tutorial box.net
Tutorial box.netTutorial box.net
Tutorial box.netatril1954
 
Práctica 3 cómo crear un blog
Práctica 3   cómo crear un blogPráctica 3   cómo crear un blog
Práctica 3 cómo crear un blogAlberto Aranda
 
Dreamweaver Interfaz
Dreamweaver InterfazDreamweaver Interfaz
Dreamweaver Interfazr2diseno
 
Tutorial de google sites
Tutorial de google sitesTutorial de google sites
Tutorial de google sitesjibumadur
 

Tendances (20)

Tutorial de wix.com
Tutorial de wix.comTutorial de wix.com
Tutorial de wix.com
 
Un proyecto web de 0 a 100
Un proyecto web de 0 a 100Un proyecto web de 0 a 100
Un proyecto web de 0 a 100
 
Google sites
Google sitesGoogle sites
Google sites
 
Como utilizar wix
Como utilizar wixComo utilizar wix
Como utilizar wix
 
Practicas de-dreamweaver
Practicas de-dreamweaverPracticas de-dreamweaver
Practicas de-dreamweaver
 
Presentación1
Presentación1Presentación1
Presentación1
 
Google sites
Google sitesGoogle sites
Google sites
 
Tutorial gmail
Tutorial gmailTutorial gmail
Tutorial gmail
 
Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5
 
Manual Google Sites
Manual Google SitesManual Google Sites
Manual Google Sites
 
Procedimientos para crear una página web con dream weaver
Procedimientos para crear una página web con dream weaverProcedimientos para crear una página web con dream weaver
Procedimientos para crear una página web con dream weaver
 
Manual Powerpoint
Manual PowerpointManual Powerpoint
Manual Powerpoint
 
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
PASOS PARA BUSCAR SITIOS EN INTERNET DE HOSPEDAJE GRATIS, COMO SUBIR UNA PAGI...
 
Tp nº7
Tp nº7Tp nº7
Tp nº7
 
Tutorial box.net
Tutorial box.netTutorial box.net
Tutorial box.net
 
Trabajo practico n° 7
Trabajo practico n° 7Trabajo practico n° 7
Trabajo practico n° 7
 
Práctica 3 cómo crear un blog
Práctica 3   cómo crear un blogPráctica 3   cómo crear un blog
Práctica 3 cómo crear un blog
 
Dreamweaver Interfaz
Dreamweaver InterfazDreamweaver Interfaz
Dreamweaver Interfaz
 
Manual dreamweaver CC
Manual dreamweaver CCManual dreamweaver CC
Manual dreamweaver CC
 
Tutorial de google sites
Tutorial de google sitesTutorial de google sites
Tutorial de google sites
 

En vedette

Estequiometría de las Reacciones
Estequiometría de las ReaccionesEstequiometría de las Reacciones
Estequiometría de las ReaccionesEdward Peraza
 
Tutorial linoit
Tutorial linoitTutorial linoit
Tutorial linoitRPCyRTIC
 
Google sites as student portfolios
Google sites as  student portfoliosGoogle sites as  student portfolios
Google sites as student portfoliosJennifer Fenton
 
Google sites presentation
Google sites presentationGoogle sites presentation
Google sites presentationcamilassousa
 
Aprender y enseñar en colaboración. leticia marín
Aprender y enseñar en colaboración. leticia marínAprender y enseñar en colaboración. leticia marín
Aprender y enseñar en colaboración. leticia marínLETY MARIN
 
Portafolio electrónico google sites 1era parte
Portafolio electrónico google sites 1era partePortafolio electrónico google sites 1era parte
Portafolio electrónico google sites 1era partesandrataboas
 
Google Sites Workshop Fall 2015
Google Sites Workshop Fall 2015Google Sites Workshop Fall 2015
Google Sites Workshop Fall 2015mgastgoodman
 
Portafolio para clases usando Google Sites
Portafolio para clases usando Google SitesPortafolio para clases usando Google Sites
Portafolio para clases usando Google SitesIvan Calimano
 
The Beginner's guide to creating a Google Site
The Beginner's guide to creating a Google SiteThe Beginner's guide to creating a Google Site
The Beginner's guide to creating a Google SiteICTforEducators
 
Free and easy website creation
Free and easy website creationFree and easy website creation
Free and easy website creationJoel May
 
E-portfolios and Google Sites
E-portfolios and Google SitesE-portfolios and Google Sites
E-portfolios and Google SitesClaire Amos
 
Plataformas educativas & virtuales presentacion
Plataformas educativas & virtuales  presentacionPlataformas educativas & virtuales  presentacion
Plataformas educativas & virtuales presentacionAlexandra Umaña
 
Google sites
Google sitesGoogle sites
Google sitesfranpg28
 
Tarea #2 opcional como utilizar google forms para crear un examen - (10 pun...
Tarea #2 opcional   como utilizar google forms para crear un examen - (10 pun...Tarea #2 opcional   como utilizar google forms para crear un examen - (10 pun...
Tarea #2 opcional como utilizar google forms para crear un examen - (10 pun...edgar humberto manrique ortega
 

En vedette (20)

Estequiometría de las Reacciones
Estequiometría de las ReaccionesEstequiometría de las Reacciones
Estequiometría de las Reacciones
 
Tutorial linoit
Tutorial linoitTutorial linoit
Tutorial linoit
 
Google sites
Google sitesGoogle sites
Google sites
 
Google sites as student portfolios
Google sites as  student portfoliosGoogle sites as  student portfolios
Google sites as student portfolios
 
Google sites presentation
Google sites presentationGoogle sites presentation
Google sites presentation
 
Aprender y enseñar en colaboración. leticia marín
Aprender y enseñar en colaboración. leticia marínAprender y enseñar en colaboración. leticia marín
Aprender y enseñar en colaboración. leticia marín
 
Como utilizar google sites para crear un portafolio
Como utilizar google sites para crear un portafolioComo utilizar google sites para crear un portafolio
Como utilizar google sites para crear un portafolio
 
Google Sites (Guía Básica)
Google Sites (Guía Básica)Google Sites (Guía Básica)
Google Sites (Guía Básica)
 
Portafolio electrónico google sites 1era parte
Portafolio electrónico google sites 1era partePortafolio electrónico google sites 1era parte
Portafolio electrónico google sites 1era parte
 
Los Portafolios Virtuales
Los Portafolios VirtualesLos Portafolios Virtuales
Los Portafolios Virtuales
 
Google Sites Presentacion
Google Sites PresentacionGoogle Sites Presentacion
Google Sites Presentacion
 
Google Sites Workshop Fall 2015
Google Sites Workshop Fall 2015Google Sites Workshop Fall 2015
Google Sites Workshop Fall 2015
 
Portafolio para clases usando Google Sites
Portafolio para clases usando Google SitesPortafolio para clases usando Google Sites
Portafolio para clases usando Google Sites
 
The Beginner's guide to creating a Google Site
The Beginner's guide to creating a Google SiteThe Beginner's guide to creating a Google Site
The Beginner's guide to creating a Google Site
 
Free and easy website creation
Free and easy website creationFree and easy website creation
Free and easy website creation
 
E-portfolios and Google Sites
E-portfolios and Google SitesE-portfolios and Google Sites
E-portfolios and Google Sites
 
Google sites
Google sitesGoogle sites
Google sites
 
Plataformas educativas & virtuales presentacion
Plataformas educativas & virtuales  presentacionPlataformas educativas & virtuales  presentacion
Plataformas educativas & virtuales presentacion
 
Google sites
Google sitesGoogle sites
Google sites
 
Tarea #2 opcional como utilizar google forms para crear un examen - (10 pun...
Tarea #2 opcional   como utilizar google forms para crear un examen - (10 pun...Tarea #2 opcional   como utilizar google forms para crear un examen - (10 pun...
Tarea #2 opcional como utilizar google forms para crear un examen - (10 pun...
 

Similaire à Tutorial+google+sites castellano-completo

Similaire à Tutorial+google+sites castellano-completo (20)

Google sites
Google sitesGoogle sites
Google sites
 
Google sites
Google sitesGoogle sites
Google sites
 
Manual google sites
Manual google sites Manual google sites
Manual google sites
 
Manual google sites (1)
Manual google sites (1)Manual google sites (1)
Manual google sites (1)
 
MANUAL-GOOGLE SITES.pdf
MANUAL-GOOGLE SITES.pdfMANUAL-GOOGLE SITES.pdf
MANUAL-GOOGLE SITES.pdf
 
manual-google-sites
manual-google-sitesmanual-google-sites
manual-google-sites
 
Manual Googlesites
Manual GooglesitesManual Googlesites
Manual Googlesites
 
Tutoria sandra castilla
Tutoria sandra castillaTutoria sandra castilla
Tutoria sandra castilla
 
Manual googlesites
Manual googlesitesManual googlesites
Manual googlesites
 
Sites
SitesSites
Sites
 
Web2.0
Web2.0Web2.0
Web2.0
 
Web2.0
Web2.0Web2.0
Web2.0
 
Cap7
Cap7Cap7
Cap7
 
Jimdo 2017
 Jimdo 2017 Jimdo 2017
Jimdo 2017
 
Angie marti informatik
Angie marti informatikAngie marti informatik
Angie marti informatik
 
1 Introduccion a Moogo - Acuerdo FFRM
1 Introduccion a Moogo - Acuerdo FFRM1 Introduccion a Moogo - Acuerdo FFRM
1 Introduccion a Moogo - Acuerdo FFRM
 
Sesión 2 práctica 2
Sesión 2 práctica 2Sesión 2 práctica 2
Sesión 2 práctica 2
 
Blogger
BloggerBlogger
Blogger
 
1Minutesite Tutorial guia Paso a paso
1Minutesite Tutorial guia Paso a paso1Minutesite Tutorial guia Paso a paso
1Minutesite Tutorial guia Paso a paso
 
Cap3
Cap3Cap3
Cap3
 

Tutorial+google+sites castellano-completo

  • 1. Manual de Google Sites Creando páginas y sitios web colaborativos Traducción-adaptación de Miquel Fitó (enero de 2010) sobre el original de Manuel López Caparrós (octubre de 2008) Unidad de Educación Permanente. Departamento de Educación. Generalitat de Catalunya.
  • 2. Índice de contenidos INTRODUCCIÓN........................................................................................4 1.Registro Previo......................................................................................5 1.1.Pantalla de bienvenida.......................................................................5 1.2- Pasos esenciales para crear un sitio.......................................................6 2. La página de Inicio.................................................................................7 3. Editando la página..................................................................................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. Añadimos nuevas páginas….......................................................................21 4.1- Añadimos una página web simple..........................................................22 4.2- Añadimos una página tipo blog.............................................................23 4.3- Añadimos una página contenedora de archivos..........................................25 4.4- Añadimos una página tipo lista.............................................................27 5. Más acciones........................................................................................30 5.1- Configuramos nuestro sitio.................................................................30 5.2- Configuramos la apariencia ................................................................32 5.2.1- Modificamos el diseño 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- Configuración General del sitio ...........................................................37 5.4- Eliminar el sitio web ........................................................................39 6. Características especials.......................................................................40 7. Consideraciones finals............................................................................41 Tutorial de Google Sites / sitios web 2
  • 3. Tutorial de Google Sites / sitios web 3
  • 4. INTRODUCCIO Este documento pretende ser una guía de uso de Google Sites para construir sitios web. Podemos decir que Google Sites es una herramienta que reúne muchas cualidades, podríamos destacar las siguientes: • SU facilidad de uso. • Construir un sitio web a nuestra medida • Construir un sitio web en función de nuestras necesidades y deseos. • Crear sitios webs colaborativos. • Mantener información 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 más interesantes es que funciona como un wiki. Podemos añadir 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 diseño web a tener en cuenta. Tutorial de Google Sites / sitios web 4
  • 5. 1. Registro Previo 1.1. Pantalla de bienvenida Acceder al Google Sites web con la siguiente dirección: http://sites.google.com y aparecerá la ventana que tenéis a continuación: Si ya tiene una cuenta de Google (correo Gmail) para seguir adelante solo tienes que iniciar sesión con el nombre de usuario y contraseña Si no tenemos ninguna cuenta Google deberá darse de alta para tener uno, puede conseguir un pulsando sobre el botón Acceder a través de una cuenta Google Apps de la página de bienvenida del Google Sites Tutorial de Google Sites / sitios web 5
  • 6. Una vez hemos iniciado nuestra sesión hay que hacer clic en el botón Crear un sitio nuevo 1.2- Pasos esenciales para crear un Site Escoger una plantilla Seleccionar una de las que primero visualizamos o una de las que podemos encontrar al navegar por la galería de plantillas que ofrece Google: "Navegar por la galería para encontrar más" Puede empezar seleccionando la plantilla en blanco, en todo momento podremos cambiar o modificar la plantilla elegida Nombre y URL del sitio web Elegir Tema Puede elegir uno de los diversos temas que ofrece el programa. Tutorial de Google Sites / sitios web 6
  • 7. Más opciones Opciones como describir el lugar hacerlo público o privado ... que puede decidir ahora más adelante: Escribir el código pedido Solo queda presionar el botón 2. La página de Inicio El sitio creado tras el registro previo, tendría este aspecto: Tutorial de Google Sites / sitios web 7
  • 8. 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 navegación • Marco Principal: Página de inicio (ara vacía) • Marco Inferior: Archivos adjuntos, comentarios de esta página llamada de Inicio, porqué es la primera que aparecería al entrar en sitio web. Pondremos especial cuidado en su diseño 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 presentación y el resumen de aquellos contenidos que puedan ser de más utilidad al visitante. Por encima del Marco superior encontrará los botones que permiten editar y el sitio web Para construir la página de inicio y cualquier otra página que añadir, haréis uso de las herramientas de edición que aparecen al hacer clic en Editar página Para configurarla adecuadamente, hacemos clic en Más Acciones. Tutorial de Google Sites / sitios web 8
  • 9. Hablaremos más adelante 3. Editando la página Para esto pulsen: 1. Nos aparece una barra de edición rápida, con la que podemos poner: el tipo de letra y tamaño, el formato y color de la fuente, enlaces, numeración, viñetas, sangrías y justificaciones, cambiar el formato o editar el HTML (si somos expertos) Empezamos escribiendo algún texto como saludo o presentación, lo marcamos con el ratón y le aplicamos algún formato. El resultado podía ser como este: 2.- También tenemos 4 menús desplegables que nos 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 Tutorial de Google Sites / sitios web 9
  • 10. Menú Formato: Cambia tamaños y pone algunos formatos especiales de texto • Menú Tabla: Para insertar tablas • Menú Diseño: A escoger entre páginas a 1 o 2 columnas Cualquier cambio que se haga siempre es necesario aceptarlo pulsando Guardar Cancelamos haciendo click a Cancelar. Las posibilidades de los menús 3.1- Menú Insertar Bastante completo por la cantidad de elemento que integra. Están agrupados para facilitar su uso. 1. Elementos simples: Imágenes, Enlaces, Tabla de contenidos (índice) Línea horizontal 2. Servicios de Google: Anuncios, Calendario, Documentos de texto, Mapas, álbumes web y presentaciones de Picasa Presentaciones Hojas de cálculo Formularios Videos (Youtube, Google Video) Tutorial de Google Sites / sitios web 10
  • 11. 3. Gadgets de Google: Ultimas entradas o posts, Archivos actualizados, Listas actualizadas, Cuadros de Texto y Más Gadgets. Para añadir Gadgets debemos seguir el camino: Editar Página de Inicio / Insertar Gadgets / Más Gadgets Gadgets Un gadget es un dispositivo que tiene un propósito y una función específica y práctica, generalmente de pequeñas proporciones, práctico ya la vez nuevo. Los gadgets suelen tener un diseño 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 páginas correspondientes, es decir, deberían existir estas páginas en el sitio y además contener información o archivos. Por eso si intentamos insertar por ejemplo el Gadget: Entradas Recientes. Que se refiere a mostrarnos cuáles son los últimos posts o anuncios, nos aparece una ventana como la siguiente que nos indica que sólo podemos mostrar una lista de archivos que existan: Tutorial de Google Sites / sitios web 11
  • 12. Pero si la página ya la tenemos creada, sólo tendremos que indicar el título y el número de entradas que queremos ver. El resultado final sería como el de este ejemplo: Este gadget y otros que se refieren a actualizaciones son propios para insertarlos en la página de inicio para estar puntualmente informado. Cuando se trata de insertar un cuadro de texto, no tendremos ningún problema, no depende de ninguna página creada. El cuadro de texto permite incluir texto enlaces, tablas, líneas, imágenes, ... Tutorial de Google Sites / sitios web 12
  • 13. Insertar cualquier gadget Insertar> Más gadgets Habrá que seleccionar o buscar lo que nos interese de los miles que anuncia Google. Tutorial de Google Sites / sitios web 13
  • 14. Más Gadgets 3.1.1-Insertando una Imagen Insertar>Imagen Si la imagen que queremos incluir la tenemos en nuestro equipo, sólo tenemos que hacer clic en Navega, localizarla y añadir pulsando Aceptar En alguna ocasión puede interesarnos colocar una imagen de Internet. Tutorial de Google Sites / sitios web 14
  • 15. En este caso hay que indicar su ruta (URL). Para averiguar, únicamente deberá colocar el ratón sobre la imagen y con el botón derecho, señalar copia la ubicación de la imagen del menú desplegable. Finalmente pulsamos Aceptar Haciendo clic en la imagen, podemos ver como lleva acompañada un menú de edición para adaptarla a nuestras necesidades: • Alinea • G: Alinea a la izquierda • C: Alinea al centro • R: Alinea a la derecha • Medida • P: Medida pequeña • 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, después de hacer cualquier cambio se tiene que “Guardar” para guardar lo que se haya hecho, y clicar en "Crear una página" para poder continuar. Tutorial de Google Sites / sitios web 15
  • 16. 3.1.2- Insertamos enlaces Marcamos con el ratón el texto donde queremos poner el enlace ya continuación: Insertar >Enlace La ventana que se abre, nos ofrece 3 posibilidades: 1 Enlazar con una página que ya tengamos en nuestro sitio (Página existente): Sólo hay que señalar la que nos interese (aparecen listadas debajo) y pulsar Aceptar 2 Enlazar con otra web (DirecciónWeb): Escribiremos la dirección de la web y hacemos clic en Aceptar Tutorial de Google Sites / sitios web 16
  • 17. 3 Crear una nueva página en el sitio i enlazarla (Crear página nueva): Le pondremos el título y escogeremos el tipo de página. Esta facilidad de creación de páginas a partir de enlaces nos recuerda un wiki. 3.1.3- Insertamos otros elementos importantes Tabla de contenidos Inserir>Inserir Com a l'exemple, una taula de continguts és un 'índex de la pàgina. En ocasions pot resultar útil inserir-ho per navegar mes ràpid. Al crear la taula de continguts apareixeran tots els apartats que tinguin el format d'encapçalament (H2). Tutorial de Google Sites / sitios web 17
  • 18. Servicios de Google: Calendario, documentos, hojas de calculo, presentaciones, fotos de Picasa, formularios, videos pueden ser añadidos a cualquier página con facilidad, nos muestran los archivos que tenemos almacenados en Google Docs, sólo hay que seleccionarlos. Tutorial de Google Sites / sitios web 18
  • 19. En algunos casos una vez seleccionado el elemento que desee insertar en la página habrá que complementar algunos apartados para configurarlo adecuadamente. Sólo podremos subir directamente desde el PC imágenes (Opción Colgar las fotos) que habrá que añadir a un álbum de Picassa que ya tengamos. También tendremos como opción pegar o escribir la URL del documento o elemento google ya publicado Tutorial de Google Sites / sitios web 19
  • 20. 3.2- El Menú Formato de Texto Para establecer el tamaño y características del texto: • Establecer formato de encabezado • Tacahdo • Superíndice • Subíndice • Alineación (Izquierda, centro, derecha) Borrar formato 3.3- El menú Tabla Permite insertar una tabla directamente y de manera gráfica marcando con el ratón el número de filas y columnas Tutorial de Google Sites / sitios web 20
  • 21. 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 3.4- El Menú diseño En función del propósito y contenido de la página Podemos optar entre presentar las páginas con alguno de los siguientes diseños que ofrece google sites. 4. Añadiendo nuevas páginas Tutorial de Google Sites / sitios web 21
  • 22. Elegimos una de los 4 tipos disponibles. El contenido de lo que queremos poner en ella nos decantará por uno u otro estilo. Le ponemos nombre a la página que vamos a crear Finalmente elegiremos la jerarquía de la página. Se nos ofrecen 2 posibilidades: 1 Poner en el nivel más alto: es la opción por defecto. Supone una página más junto con la de Inicio. 2 Poner a continuación: Sería una subpágina La diferencia la podemos apreciar en el mapa de navegación: La página de inicio, las de los encuentros y la de anuncios están creadas en el nivel alto Podemos ver cómo las páginas llamadas recursos son subpáginas de otras páginas Tutorial de Google Sites / sitios web 22
  • 23. 4.1 Añadimos una página web simple Es la opción página Web. Presenta una página en blanco que estructuraremos y rellenaremos con los contenidos que queramos. No olvidemos que disponemos de un menú de edición rápida y menús desplegables que nos facilitan las cosas. Es el tipo de página que se adapta a cualquier necesidad y que podemos configurar combinando e incluyendo todo tipo de elementos. 4.2- Añadimos una página tipo Blog Es la opción Anuncios. Esta página se confecciona añadiendo entradas que se convertirán en anuncios informativos y que aparecerán ordenados por fecha de publicación como en un blog. Pulsar en el botón nueva entrada. Aparece una ventana de edición donde lo primero que haremos será poner título a la entrada y seguidamente escribir el contenido de la noticia o comunicado. Contamos con los menús de edición para poder dar formato al texto, incluir imágenes y otros elementos. Tutorial de Google Sites / sitios web 23
  • 24. Cuando acabamos y salvamos un post aparece como en este ejemplo: Consta de: • Titulo, fecha, hora y autor de la publicación Si tenemos varias entradas o posts puede comprobar cómo se ordenan cronológicamente, en orden inverso, esta estructura, configuración y disposición no es otra que la propia de cualquier blog. Cuando insertamos el módulo de los últimos posts en una página, podemos elegir el número de posts que queremos que se muestren. Es apropiado para una página de inicio. Tutorial de Google Sites / sitios web 24
  • 25. 4.3 - Añadimos una página contenedora de archivos Es la opción Almacenamiento de archivo Es una página preparada para almacenar y mostrar los archivos que queramos tener en nuestro sitio. 1 Ponemos nombre a la página (en el ejemplo Recursos), y añadimos un archivo... 2 Buscamos el archivo con Seleccionar el archivo, o bien pegando la URL Podemos completar incluso poniendo una descripción del archivo. Haga clic en Cargar 3 El archivo ha subido al lugar y aparece con la siguiente información: Tutorial de Google Sites / sitios web 25
  • 26. Acciones relacionadas con los archivos listados: • Haciendo clic sobre el nombre, podemos descargarlo y abrirlo • Haciendo clic sobre la versión, accedemos a un histórico de las diferentes versiones guardadas del documento. Al hacer clic sobre una versión de un archivo: • Nos muestra todas las modificaciones hechas con la fecha de edición correspondiente. Si queremos recuperar cualquier sólo tendremos que descargarla. Cabe destacar esta potencialidad, que nos recuerda los wikis, ya que puede almacenar la evolución que ha experimentado un documento en sus diferentes ediciones y en cualquier momento volver a la que nos interese. En ocasiones es una garantía de seguridad. Organización de los archivos en carpetas Cuando a esta página subimos muchos archivos hay un cierto orden para tenerlos bien organizados. Es el momento de crear carpetas. Primero seleccionaremos el archivo marcando el cuadrado que hay a la izquierda del nombre del archivo y seguidamente elegiremos entre crear una nueva carpeta o mover a una existente. Borrando archivos y carpetas Tutorial de Google Sites / sitios web 26
  • 27. Para borrar un archivo, lo seleccionaremos como se ha dicho en el apartado anterior, y hacemos clic en Eliminar. Para eliminar una carpeta sólo debemos hacer clic sobre el enlace Eliminar que aparece entre paréntesis ya la derecha del nombre. Tendremos en cuenta que también se borran los archivos que contiene. Suscríbete a los cambios Si queremos estar informados de los cambios que sufre esta página, sólo tenemos que pulsar el botón "Suscríbete a los cambios" Si hay alguna novedad o modificación, nos llegará un correo a la cuenta donde nos avisan de los cambios que se han producido. Este tipo de página puede ser muy útil para subir archivos y tenerlos a buen recaudo, ya la vez poder compartir con todos o con un pequeño 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... 4.4- Añadimos una página tipo lista Es la opción lista Se trata de una página que contiene listados confeccionados a nuestra voluntad. Como en los casos anteriores lo primero que habrá será poner el nombre a la página. 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 opción nos permite crear, desde el principio, listados definiendo las columnas. Tutorial de Google Sites / sitios web 27
  • 28. 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 verificación: Si queremos colocar una casilla de verificación para marcar o desmarcar Fecha: Para poner fechas Desplegable: Menú desplegable para seleccionar diferentes opciones Texto: Para añadir texto URL: Para poner enlaces Con todas estas posibilidades podemos confeccionar cualquier listado que se adapte a nuestras necesidades. Hemos definido 3 columnas: Tutorial de Google Sites / sitios web 28
  • 29. Podemos personalizar el listado Podemos rellenar los listado pulsando sobre el botón Añadir un elemento Este será el resultado: Tutorial de Google Sites / sitios web 29
  • 30. 5. Más acciones 5.1- Configurando nuestro sitio 5.1.1- El acceso o cómo se comparte con los demás Un lugar puede ser compartido con todo el mundo (público) 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
  • 31. 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 • Suscribirse a los cambios que se produzcan en el sitio El usuario simple o lector, sólo 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 lugar es público para que lo pueda ver, el apartado de permisos avanzados deberá tener marcada la casilla. Para conseguir que sea privado, sólo para unos pocos, tendremos que desmarcar la misma. Esta opción también estaba disponible durante el proceso de creación y registro inicial del lugar. A la derecha aparece la relación de todas las personas que comparten el lugar web Al pulsar el botón Gestionar el lugar abre una ventana que nos permite configurar el sitio web Tutorial de Google Sites / sitios web 31
  • 32. Encontramos: Volver al sitio • Nos permite ir de nuevo al sitio web Contenido del sitio • Nos permite ver y gestionar archivos, páginas, plantillas y las actividades del sitio web Configuración del sitio • Podremos cambiar el aspecto general, compartir, poner anuncios comerciales y cambiar el alojamiento de la web Apariencia del sitio • Para diseñar el espacio, color y tipo de letra y temas del sitio web. 5.2 Configuramos la apariencia Tutorial de Google Sites / sitios web 32
  • 33. 5.2.1-Modificamos el diseño del sitio 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. También podemos modificar la altura del encabezamiento y las características de la barra lateral. Configuración de la búsqueda Podemos activar o desactivado la búsqueda del lugar y también configurar Google como buscador de sitios web. Tutorial de Google Sites / sitios web 33
  • 34. 5.2.2- Encabezamiento y cambio de logotipo 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 lo que deseamos con Seleccionar el archivo. Tendremos en cuenta que hay que dimensionar el logo antes de subirlo. Pulsamos Aceptar 5.2.3- Configuramos la barra lateral. Este marco que como vemos tiene una anchura de 150 píxeles, está formado en un principio, por 2 cuadros o módulos: Tutorial de Google Sites / sitios web 34
  • 35. Navegación: Menú de navegación Aquí situaremos los enlaces a páginas que existen dentro del sitio. Lo configuramos haciendo clic en Editar Podemos incluir un enlace al Mapa de sitio ya la Actividad reciente del sitio: Añadir un elemento de la barra lateral Tenemos 6 alternativas: 1. Anuncios comerciales 2. Navegación: Enlaces a páginas individuales del sitio. 3. Texto: Para añadir texto. 4. Actividad reciente del sitio: Una lista de la reciente actividad del sitio 5. Mi actividad reciente: Una lista de la reciente actividad como usuario del sitio 6. Cuenta atrás: Un contador de días para llegar a un evento que hay que especificar con fecha Otro camino, quizás más rápido para configurar el marco lateral, sería acceder desde Editar barra lateral, que lo localizamos justo al final del marco. Tutorial de Google Sites / sitios web 35
  • 36. 5.2.4- Cambiemos los colores y el tipo de letra En la barra lateral, 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 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. 5.2.5- Cambiemos el tema Contamos con una serie de temas a elegir, cada uno con su particular combinación de colores y tipografía. Para probarlo y ver como quedaría, sólo debemos hacer clic en vista previa. Tutorial de Google Sites / sitios web 36
  • 37. 5.3- Configuración General del sitio Poner nombre al sitio: • Mostrar el nombre del lugar en la parte superior de las páginas. Por defecto se mostrará. Desmarcaremos en caso contrario • Describir brevemente el sitio. Indicar si el contenido es sólo para adultos. • 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 Editar. Activar las estadísticas a utilizando Google Analytics. Haciendo clic en Más información se nos presentan instrucciones de cómo hacerlo. Tendremos que entrar en Google Analytics, darnos de alta y siguiendo todos los pasos, llegará un momento en que nos muestra un código para pegar. Para comprobar si funciona tendremos que esperar aproximadamente 24 horas siempre que queramos ver las estadísticas deberemos acceder a Google Analytics. Tutorial de Google Sites / sitios web 37
  • 38. 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. Configuración de la página Una vez tengamos abierta una página debemos volver a "Más acciones / configuración de la página". Desde aquí podemos, entre otras cosas, mostrar o no el final de la página comentarios y permitir archivos adjuntos. Tutorial de Google Sites / sitios web 38
  • 39. 5.4- Eliminar el sitio web Cuando hacemos pruebas o cuando ya no queremos usar el sitio web creado en Google Sites, es conveniente eliminarlo definitivamente. Es también una cuestión de ecología digital. Para ello debemos ir al menú Más acciones / Gestiona el sitio: Seguidamente iremos a la columna izquierda y seleccionaremos General dentro de Configuración del sitio: Y en la pantalla que aparecerá, en la parte inferior del todo, seleccionaremos Eliminar este lugar: Tutorial de Google Sites / sitios web 39
  • 40. 6. Características 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 páginas con la estructura y filosofía de cualquier blog: publicaciones, entradas o posts para anunciar o informar. Permite insertar un módulo 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 Almacén 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 Información inmediata de cualquier cambio a los colaboradores Con la suscripción al sitio cualquier página, siempre estaremos puntualmente informados de los cambios que se produzcan. El colaborador recibe automáticamente un correo de aviso. 6 Integración con Google Analytics Para mostrar estadísticas de visitas. 7 Permite adjuntar archivos en páginas sólo 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 Sólo disponible para los colaboradores de un sitio, al fondo de cada página se pueden añadir comentarios. 9 subpáginas Bajo la página de la que dependen 10 Algunas utilidades a pie de página 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 lugar y el colaborador / a que lo ha hecho. Tutorial de Google Sites / sitios web 40
  • 41. 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 propósito a nivel personal, familiar, laboral, grupo y por supuesto el ámbito docente. Fácil 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 públicas, privadas, colaborativas ... Recopilación de algunas sitios web hechos con Google Sites http://sites.google.com/site/jordanhsvolleyball/ De un equipo de Voleibol http://sites.google.com/site/garrardfirstgrade/home De una escuela infantil http://sites.google.com/a/googleclassrooms.org/mrs-richau/home Una web de clase http://sites.google.com/a/organic-city.com/intranet/Home Intranet de una compañía Enlaces a tutoriales y vídeos de Google Sites: Vídeo tutorial de Google Sites con subtituloe en castellano: http://www.youtube.com/watch?v=k1eF6XpEOSQ&feature=player_embedded Vídeo tutorial en castellano: Página Web con Google Sites 2009 http://www.youtube.com/watch?v=tDy-yTfYgx8 Video tutorial en catalán que explica con Google: http://www.youtube.com/watch?v=EQXEZXeTN0g Ayuda de Google Sites és la pàgina oficial de suport de Google http://sites.google.com/support/?hl=es GOOGLE SITES: un sitio web en 3 clics! Articulo de Xavier Suñé para la revista Bits Espiral http://bits.ciberespiral.net/index.php? option=com_content&task=view&id=17&Itemid=26 Diseñando webs colaborativas con Google sites, un Site de Manuel López Caparrós sobre el mismo Sites, que va actualizando con ideas, novedades, recursos ... Muy completo!: https://sites.google.com/site/webscolaborativas/home Tutorial de Google Sites / sitios web 41
  • 42. Este dosier es una traducción-adaptación hecha por Miquel Fito* del “Manual de Google Sites, creando páginas y sitios web colaborativos” elaborado por Manuel López Caparrós, Coordinador TIC del CPR Barranco Poqueira de Capileira (Granada): https://sites.google.com/site/webscolaborativas/home *Miquel Fitó Unidad de Educación Permanente. Departamento de Educación. Dirección General de Enseñanzas Profesionales, Artísticas y Especializadas. Generalitat de Catalunya. Enero de 2010 Tutorial de Google Sites / sitios web 42