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
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 1
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 ). 2
En caso de tener la cuenta creada, ingresamos el nombre de usuario y la contraseña respectivamente. Usuario Contraseña Luego de ingresar el usuario y la contraseña correctamente, se abrirá una página como la que muestra la siguiente imagen: 3
CREACIÓN DEL SITIO. Para crear nuestro primer sitio, damos clic derecho al botón a otra ventana. que nos llevará 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. 4
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. 5
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. 6
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: 7
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: 8
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: 9
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: 10
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. 11
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. 12
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. 13
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. 14
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. 15
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. 16
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. 17
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. 18
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. 19
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. 20
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. 21