¿Qué es Google Sites?

Interfaz personalizable

Es muy rápido y sencillo escoger un tema de los más de 50 que tiene Google Sites.

Fácil creación de subpáginas

Haciendo clic en el botón Crear página se añade una página nueva a la web de manera automática.

Elección de entre una lista creciente de tipos de página: página web, anuncios, archivador.

En Crear página se muestran una serie de plantillas para escoger qué tipo de página queremos.

Información compartida: incrusta contenido multimedia en cualquier página (vídeos; documentos, hojas de cálculo y presentaciones de Google Docs; presentaciones de fotos de Picasa; gadgets de iGoogle) y sube archivos adjuntos.

Subir un archivo es tan sencillo como utilizar esta opción en las subpáginas de la web.

Configuración de permisos para que el sitio sea tan privado o se pueda modificar tanto como tú desees.

Es posible invitar a usuarios enviando correos electrónicos y darles roles como propietarios, colaboradores o lectores de la web. También existe la opción de hacer pública la web en Permisos avanzados.

Búsqueda en Google Sites con la tecnología de búsqueda de Google.

Y ahora que ya conoces un poco más qué es Google Sites vayamos a la programación.

Caso práctico: construir la página web del curso

Crear un sitio en Google Sites y trabajar con las páginas

Vamos ahora a crear una web en pocos pasos, para que tú mismo/a compruebes que es muy sencillo. Cuando hablamos de “Sitio” nos referimos a nuestro espacio en Internet, que va a representarse en forma de web. Este sitio pues, va a estar formado por diferentes páginas enlazadas entre si.

El itinerario que seguiremos será el siguiente:

• Creación del sitio.

• Crear nueva página y edición básica.: formato, inserción enlaces, publicar archivos y comentarios.

¡Empecemos!

Ya hemos accedido a Google Sites y lo que queremos es crear nuestro sitio. Para ello, haremos clic en Crear sitio.

Tal y como se detalla en la imagen, escribimos el nombre del sitio (1) y una descripción del mismo (esto es opcional). Asignamos con quién lo queremos compartir (2) y escogemos el tema predeterminado (3).

Para finalizar, escribe el código y haz clic en Crear Sitio.

El sitio aparecerá en la página principal.

Caso práctico: construir la página web del curso

Crear las páginas

Para crear las páginas que van a formar tu sitio web, haz clic en el nombre del sitio (auladigital) y ve al botón Crear página.

Volverá a aparecer un menú similar al de creación de un sitio pero refiriéndose a una página. Escoge de nuevo la plantilla Página web.

Anuncios nos va a permitir listar anuncios o publicaciones a modo de blog. Archivador a publicar documentos en carpetas como un disco duro para compartir y Lista a hacer con facilidad un seguimiento de listas de información.

También le asignaremos un nombre y crearemos la página.

La nueva página aparece en el menú de navegación del sitio web:

Ahora vamos a editar esa nueva página que hemos creado. Sitúate en la página El curso y haz clic en Editar página.

Aparecerá una barra de herramientas y los cajones centrales de la página serán editables. Así que puedes escribir lo que quieras en la página.

Para cambiar el formato del texto, selecciónalo y trabaja desde la barra de herramientas, escogiendo otro tipo de letra, tamaño o color, por ejemplo.

De esta forma se crean nuevas páginas y su edición es sencilla. Es esencial haber trabajado previamente la estructura de la web y tener claras las secciones que se van a crear.

Caso práctico: construir la página web del curso

Más acciones – Administrar sitio

Google Sites nos ofrece una serie de utilidades interesantes para trabajar con nuestra web. Y como principales administradores es esencial que conozcas la estructura del menú Administrar sitio.

Para ello, dirígete al menú superior Más acciones.

En este desplegable se abren opciones como Imprimir página, Suprimir página, Guardar como plantilla o Administrar sitio, que ocupará nuestra atención en este momento.

La administración del sitio se compone de tres ejes principales: Contenido, Configuración y Apariencia. Veamos bloque por bloque.

En el primer apartado está todo lo referente al contenido del sitio. En Actividad reciente se van a ver las últimas acciones realizadas.

En Páginas el listado de las mismas que conforman este sitio en concreto.

Archivos adjuntos listaría los archivos publicados y también da la opción de subirlos desde este apartado.

Y Plantillas de páginas muestra las diferentes plantillas y permite la creación de nuevas.

Caso práctico: construir la página web del curso

Configuración del sitio

El primer apartado, General, especifica el nombre del sitio, la capacidad de almacenamiento que se está usando.

Y la opción, en una segunda parte del formulario, de Suprimir la web.

En Compartir es posible invitar a usuarios a nuestro sitio y seguir en el panel de la derecha las personas que tienen acceso.

Obtener ingresos es interesante cuando el sitio web que quieres elaborar tenga fines más comerciales o esté dentro del ámbito empresarial.

Dirección web: la dirección de tu sitio va a estar íntegramente unida al dominio “sites.google”, pero si dispones de un dominio es posible gestionar otra dirección.

Caso práctico: construir la página web del curso

Diseño del sitio

Finalmente, en Apariencia del Sitio, vamos a trabajar con la presentación del mismo.

Hacemos clic en Cambiar el diseño del sitio.

Aparece una ventana emergente con una serie de datos y dejaremos los que ya están marcados como predeterminados:

Pasamos al siguiente menú Colores y fuentes.

En este apartado aparecen las diferentes partes de la web y esta estructura se muestra en negrita: Página completa, Cabecera del sitio y Área de contenido, y Gadgets (de contenido, barra lateral y de navegación)

Finalmente, en el apartado Temas puedes probar con los temas de Google Sites y ver cuál de ellos te convence más para la web.

Por ejemplo, si escogemos el tema Rounders y pulsamos en Vista previa, comprobaremos que la apariencia cambia totalmente:

Fin del caso práctico.

Ejercicio: Diseñamos e incorporamos contenido a la página web

Crear nuestra web

• Accede a Google Sites con la cuenta que has creado, o bien desde tu correo Gmail o desde Sites directamente (lo hemos visto en el punto anterior de la cápsula).

• Una vez hayas accedido, crea un sitio nuevo en el botón correspondiente.

• Rellena el formulario básico para crear el sitio, anota el nombre, descripción, indica que no es público, escribe el código mostrado y pulsa Crear sitio.

• Como la URL no estaba disponible, al final nuestra dirección web será http://sites.google.com/site/nuestraweb5

• Con el sitio creado, crea nuevas páginas y trabaja la estructura de la web. Para empezar, dentro de la Página principal, haz clic en Editar página.

• Selecciona el título y cámbialo por Presentación. Guarda los cambios, aunque el sistema va guardando borradores automáticamente cada poco tiempo.

• Ahora crea una nueva página en Crear página y realiza el mismo proceso de edición básica.

• Sigue estos pasos hasta tener la estructura que tú creas conveniente y según la finalidad de la web. Nuestra propuesta es que trabajes con tu alumnado la web de su curso, por lo tanto pueden haber apartados como:

• ¿Quiénes somos?

• Actividades y cursos

• Galería de fotos

• Circulares

• Nuestros profesores

• Contacto

• Por tanto, la mecánica es la de Crear nueva página y Guardar, así sucesivamente hasta tener nuestra estructura.

Ejercicio: Diseñamos e incorporamos contenido a la página web

• Al crear nuevas páginas, Google Sites va a mostrarlas por orden alfabético y dependiendo de la página principal (en nuestro caso Presentación). Para hacer que una página dependa directamente de otra escoge la opción “Seleccionar en una ubicación diferente”. Por ejemplo, la página Contacto la marcaremos en “Nuestros profesores” (como se muestra en la imagen).

• Como ves el árbol ha cambiado y esta página está supeditada a otra.

• Ahora vamos a configurar los permisos para la web. Ve a Editar barra lateral.

• Ya estarás situado en el bloque Apariencia del sitio.

Apariencia de nuestra web

Seleccionando Colores y fuentes puedes diseñar la web como tú quieras.

• Por ejemplo, haz clic en la opción Personalizada y escoge el color que quieras en el panel de colores. La vista previa permite ver cómo puede quedar:

• Recuerda Guardar antes de salir.

• Exactamente lo mismo puedes hacer con la fuente haciendo clic en Fuente de la página. Escoge de entre el listado, por ejemplo, Trebuchet. Y en la vista previa la fuente cambiará.

• Si eliges un tema predeterminado las fuentes y las imágenes de fondo van a ser las que estén unidas al tema. La vista previa va a mostrarte los temas y podrás escoger el que más te interese.

Ejercicio: Diseñamos e incorporamos contenido a la página web

Permisos de acceso y participación

• Para acabar de montar la estructura de la web, configuraremos la web para que no sea pública. Para ello, ve a Compartir este sitio en el menú superior.

• Escribe las direcciones de las personas con las que quieres compartir la web. Para este caso concreto puedes escribir las direcciones del alumnado (bien individuales o grupales). Haz clic en el botón Invitar a estos usuarios.

Fin del ejercicio.

Cuestionario