Tutorial de Google Sites

Elaborado por:

Anderson Monsalve Buritica.

Andrés Felipe Giraldo Grajales

Politécnico Jaime Isaza Cadavid

Facultad de Ingenierías

Medellín

2013

CONTENIDOS.

INTRODUCCIÓN 1

PREREQUISITOS 1

ACCESO A LA PÁGINA 2

CREACIÓN DEL SITIO. 4

EDITANDO LA PÁGINA. 7

AGREGAR UNA IMAGEN. 8

AGREGAR MAPA. 10

AGREGAR TABLAS. 12

EDICIÓN PERSONALIZADA. 13

CAMBIO DE TEMA. 15

CREACIÓN DE SUBPÁGINAS. 18

A REALIZAR. 21

1

Introducción

Google Sites es una herramienta que permite crear sitios web de una manera sencilla y práctica, sin tener conocimientos de programación. Es totalmente gratuita y no necesita instalación ni mantenimiento. Con Google Sites los usuarios pueden reunir en un solo lugar y de una forma rápida información variada, incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto. Además, permite compartir información con facilidad para verla y compartirla con un grupo de colaboradores, con toda su organización o con todo el mundo. Esta herramienta le permite gestionar todos sus proyectos empresariales publicando información y subiendo reportes, todo en un solo sitio y con la seguridad y los permisos que usted defina. Utiliza Google Sites para:

- Crear páginas web con contenido multimedia fácilmente.

- Recopilar toda la información que se desee en un solo lugar.

- Controlar quién puede verla y editarla.

PREREQUISITOS El primer paso para crear nuestro sitio web en Google Sites es tener una cuenta de Gmail,

ejemplo: nombre@gmail.com

2

ACCESO A LA PÁGINA

Para ingresar a la página de Google Sites nos vamos a sites.google.com

Al cargar, aparecerá la siguiente ventana:

Si usted no posee una cuenta de Gmail, puede crear una seleccionando el botón rojo de la

parte superior derecha.

Este botón lo direccionara a otra página para que pueda registrarse y abrir su cuenta (Ver

tutorial adjunto “tutorialGS Creación de cuenta”).

3

En caso de tener la cuenta creada, ingresamos el nombre de usuario y la contraseña

respectivamente.

Luego de ingresar el usuario y la contraseña correctamente, se abrirá una página como la

que muestra la siguiente imagen:

Usuario

Contraseña

4

CREACIÓN DEL SITIO.

Para crear nuestro primer sitio, damos clic derecho al botón que nos llevará

a otra ventana.

Cuando entremos a la página, aparecerán los campos que se deben llenar para la creación

de nuestro sitio, así como lo muestra la siguiente imagen:

Lo primero será elegir una plantilla en blanco para poder aprender a adicionarle

distintos elementos.

Luego, copiamos el nombre del sitio en el campo correspondiente y

posteriormente, cuál es el nombre que queremos que aparezca en la URL de

nuestro sitio.

5

Podemos elegir también el diseño que queramos para el sitio dándole clic en la

opción Selección de estilo.

Dando clic en “Más opciones”, se podrá hacer una pequeña descripción de tu sitio,

definiendo incluso, si el contenido del sitio será solo para adultos.

6

Por último, se debe escribir el código que aparece en la parte inferior de la página

y dar clic en el botón de la parte superior.

Finalmente al cargar el sitio, aparecerá la siguiente ventana indicando que el sitio ha sido

creado con éxito.

7

Dependiendo del tipo de plantilla seleccionada en lo anterior, la página tendrá un aspecto

diferente. Después de estar creada la página, se puede realizar modificaciones en su

diseño, es decir, colores, formatos de fuentes, adicionar componentes, entre otros.

EDITANDO LA PÁGINA.

Luego de tener la página creada, pasamos a la edición de esta, es decir, agregarle el

contenido que deseamos aparezca en nuestro sitio. Para esto nos vamos a la opción editar

página que se encuentra en la parte superior derecha identificada con el dibujo de un

lápiz.

Una vez allí parecerá una barra de herramientas donde se puede cambiar el formato de la

fuente de la página:

8

También se puede observar cuatro opciones:

En la opción “Insertar”, se nos permitirá agregar a la página diversos componentes como

imágenes, enlaces, índices de contenido, listado de subpáginas, líneas horizontales y otras

propiedades como lo son los Gadgets y productos de Google.

En la opción “Formato” se puede realizar los cambios en el formato fuente como en la

barra de herramientas.

En la opción “Tabla” se puede hacer un manejo completo de tablas como lo es su

creación, el agregado de filas y columnas y por último su eliminación.

En la opción “Diseño” se dará la posibilidad de cambiar el diseño del contenido de la

página como lo desee. Esto hace referencia esencialmente a la ubicación de los distintos

componentes de la página.

AGREGAR UNA IMAGEN. Para agregar una imagen a la página de inicio de nuestro sitio, se da clic en la pestaña

Insertar y después en la opción “Imagen”.

Luego de esto debe aparecer una ventana como la siguiente:

9

La imagen en la página se puede montar de dos formas: cargándola desde su ordenador o

también insertando la URL de la imagen. Si desea colocar un texto alternativo a la imagen

lo puede hacer. Al darle al botón aceptar obtendrá la imagen de la siguiente manera:

Aparecerá la imagen con una barra en la cual se le dará tamaño y alineación a esta. En el

ejemplo colocaremos la imagen de tamaño L y alineada al centro.

La imagen se observara de la siguiente manera:

10

Para guardar los cambios es necesario dar clic en el botón guardar localizado en la parte superior derecha de la página.

AGREGAR MAPA. Ahora le agregaremos a nuestra página principal un producto de Google, en este caso

utilizaremos los conocidos mapas. Para ello debemos dar clic nuevamente en la pestaña

Insertar y después en dar clic en la opción Mapas.

Al hacer esto, saldrá la siguiente ventana:

11

Esta opción nos permitirá mostrar en nuestra página un lugar específico que nosotros

deseamos. Al dar en el botón seleccionar, podremos darle otras configuraciones

adicionales.

12

Al elegir la opción “GUARDAR”, el mapa quedará pegado en nuestra página, dándonos la

posibilidad de alinearlo, eliminarlo entre otras.

Para guardar los cambios es necesario dar clic en el botón guardar localizado en la parte superior derecha de la página.

AGREGAR TABLAS. Para el manejo de tablas con Google Sites, una vez estemos ubicados en la edición de la

página como en el paso anterior y tengamos la posibilidad de ver el menú nos vamos

directamente para la pestaña “Tabla”, y seleccionamos la opción “Insertar tabla”. En este

punto se hay que seleccionar de cuántas filas (horizontales) y cuántas columnas

(verticales) se quiere la tabla es ente caso vamos a seleccionar una de 2 x 2.

13

Este será el resultado de la creación de la tabla. Utilizando las demás opciones podremos

agregar o quitar filas y/o columnas e incluso eliminar la misma tabla.

Para guardar los cambios es necesario dar clic en el botón guardar localizado en la parte superior derecha de la página.

EDICIÓN PERSONALIZADA. Además de agregarle contenido a nuestra página y de asegurar que este quede lo más

ordenado posible, también podemos hacer cambio en la apariencia estética de este, ya

sea cambiando colores de fondo, agregando imágenes de fondo, entre otras cosas. Para

esto es indispensable que sigamos los siguientes pasos.

Estando en la página de inicio, damos clic en el botón “Más”, localizado en la parte

superior derecha de la página, y luego buscamos la opción “Administrar sitio” y le damos

clic.

14

Como resultado de esto se abrirá otra página en la cual da una serie de opciones para

administrar el sitio. En este caso solo nos centraremos en la que dice “Temas, colores y

fuentes”. Al darle clic en esta opción, se nos dará la posibilidad de cambiar el fondo y la

fuente de cada componente de la página, es decir, en cierto sentido nos permitirá darle

una mejor estética a nuestro sitio.

15

CAMBIO DE TEMA. Una vez situados en la página de edición, damos clic en la opción de temas para elegir el

tema deseado. Esta opción es similar a la que se dio en el momento de creación del sitio.

Luego de la elección del tema, podemos continuar editando los demás componentes de

nuestro sitio con el fin de darle un mejor aspecto. En este caso, tomaremos como ejemplo

la edición del fondo de la página y del texto contenido en ella, para lo cual debemos seguir

los siguientes pasos:

Primero damos clic en la opción “Página completa”, ubicada en la parte izquierda de la

página de edición.

16

Una vez ubicados en esta parte, tendremos la posibilidad de cambiar el fondo (color o

imagen) y el texto de la página. Vamos entonces a cambiar el fondo, agregándole una

imagen desde el computador. Para esto, damos clic en la el botón indicado en la imagen.

Cuando aparezca una ventana similar a esta, elegimos la imagen que deseamos colocar de

fondo y le damos en la opción “Abrir”. Mientras que sube la imagen, aparecerá una

ventana que indicará el progreso de esta y una vez desaparezca quedará la imagen en el

fondo.

17

El segundo paso es la edición del texto contenido en la página. Para esto basta con elegir

la opción “Texto” de la página de edición y cambiar una a una las opciones que se nos

brindan, como lo son: Tipo de letra, colores y tamaño.

Es importante saber que los cambios que se efectúen en esta parte se aplicarán a todo el

sitio. En caso de que creemos nuevas páginas estas tomarán el mismo formato que

apliquemos en este punto.

Será tarea de cada uno ensayar los distintos cambios que se le pueden hacer a la página

sin olvidar que para guardar el estado final hay que dar clic en el botón GUARDAR, en este

caso localizado en la parte superior izquierda de la página.

18

CREACIÓN DE SUBPÁGINAS. Las subpáginas, se hacen con el objetivo de llevar los contenidos del sitio categorizados en distintas partes. Así podemos tener una subpágina para montar imágenes, otra para montar anuncios, entre otras. Para crear subpáginas es necesario que estemos posicionados en la página de inicio, damos clic en el botón “Página nueva”.

Al hacerlo, aparecerá otra página en la que se nos permitirá elegir las características de la subpágina como lo son su nombre, tipo de subpágina y ubicación dentro del sitio.

19

Luego de darle el nombre a la subpágina, debemos elegir el tipo de plantilla que utilizará incluyendo entre estas Página web, Anuncios, Archivadores y Listas.

Por último, es necesario que se indique la ubicación de la subpágina dentro del sitio, para esto habrá dos opciones: “Colocar en el nivel superior” que básicamente quiere decir al mismo nivel de la página madre, y “Clasificar la página en PÁGINA PRINCIPAL” que se refiere a colocarla de subpágina en la página madre.

20

Si deseamos elegir una ubicación diferente, podemos hacerlo dando clic en la opción “Seleccionar una ubicación diferente” y el lugar de nuestra preferencia.

Para crear la subpágina es necesario dar clic en el botón . La edición es igual a como se vio en la parte de Edición personalizada de este documento.

21

A REALIZAR.

1. Insertar un Enlace a YouTube y un Calendario a la página principal del sitio.

2. Agregar una imagen de fondo al encabezado.

3. Mirar el video tutorial adjunto “tutorialGS Creación de subpáginas” y crear como

mínimo dos subpáginas al sitio (Distintas al tipo página web).

4. En una de las subpáginas subir un comentario y un archivo adjunto.

5. Eliminar una subpágina creada.