Práctica 3 - Google Sites

GOOGLE SITES

 ¿Qué es Google Sites?

Google Sites una herramienta gratuita disponible en Internet que te permite crear sencillas páginas web sin poseer conocimientos de HTML y sin necesidad de instalación y mantenimiento de ningún tipo de software o hardware.

Google Site es una herramienta que reúne muchísimas cualidades, como por ejemplo:

•  Permite crear páginas estáticas enfocadas a los profesionales de las nuevas tecnologías 
• Gestionar de una forma más sencilla y gratuita.
• Su facilidad de uso permite que cualquier usuario que se acerque compruebe como con unos pocos clics puede construir una web a su medida.
• Aquí es posible, y es donde radica su potencia, que podamos crear sitios donde colaborar en grupo, mantener información actualizada, compartir documentos y archivos de todo tipo.

 ¿Para que sirve?

Google Sites es una herramienta muy útil, la cual te permite:

- Crear Intranets.
-  Extranets para clientes
- Sitios propios y de colaboración online.
- Wikis y pequeños sitios de seguimientos de proyectos
- Organizar y compartir todo tipo de información desde enlaces, calendarios, vídeos o fotografías.
- Añadir contenidos de los otros productos Google, como por ejemplo, Google videos, Google Docs, Picassa...

Sus características son:

• Facilidad a la hora de manejar archivos y archivos adjuntos.

• No se necesita programación de HTML.

• Crear proyectos, páginas web...

• Designación de colaboradores.

• Creación de los contenidos multimedia.

• Personalizar plantillas de diseño disponibles en Google o en su PC.

• Facilidad a la hora de crear nuevas plantillas.

Si quieres saber más sobre la Educación y las tecnologías pincha aquí

¿Cómo crear una Web en Google Sites?

Para poder crear una web necesitarás una cuenta de correo electrónico Hotmail / Gmail.

Pincha aquí para crear una cuenta de Hotmail

Pincha aquí para crear una cuenta de Gmail.

Ya creada tu cuenta de Gmail / Hotmail ingresa con ella la página de Google, una vez dentro visualizaréis un panel de controles, pinchamos en el icono de aplicaciones selecciónanos "Aún más en Google". 

Imagen explicativa 1 (Google Sites)

Automáticamente se nos abrirá una página con todas las herramientas que posee Google buscamos  la aplicación  "Google Sites" que se en el apartado "Hogar y Oficina".

Imagen explicativa 2 (Google Sites)

Una vez dentro de Sites hacemos click sobre el icono .
A continuación se te abrirá una ventana para que puedas:

• Elegir el tipo de plantilla que más te guste.

• Escribir el nombre del sitio

• La ubicación

• Selección de un diseño. 

• Más opciones (descripción del sitio). 

• Escribir el código que nos aparece

• Seleccionar 

 Vídeo explicativo 1 (crear Google Sites)

 ¿Cómo editamos nuestra página Web?

Una vez dentro de nuestra pagina web, nos aparecerá directamente la "Página Principal"

Imagen explicativa 3 (página principal)

Para editar solo tienes que hacer clic con el ratón sobre el icono  y se abrirá la barra de herramientas para que puedas comenzar a editar todas las partes de tu página Web.

Imagen explicativa 4 (editar página)

• Escribir un texto: Para poder escribir en el debemos hacer click con el ratón sobre el cuadro de texto, por lo que ya estará habilitada para poder escribir nuestro texto.

• Modificar el texto: Como puedes ver justo arriba del cuadro de texto encontramos una serie de herramientas.  de esta forma podrás editar el tamaño de la letra, color, posición, formato, imprimir, rehacer, deshacer, párrafos....
• Seleccionando sobre el botón encontramos todas estas funciones:

Imagen explicativa 5 (insertar)

• Insertar una imagen: En Google Sites tenemos la opción de subir una imagen desde nuestro Pc o mediante una dirección URL. Podemos modificar la alineación de nuestra imágen, editar el tamaño seleccionando .

• Insertar enlace: Lo podemos utilizar para enlazar una página con otra o directamente seleccionamos la palabra que queramos para que nos lleve a la página deseada, por ejemplo:

Imagen explicativa 6 (enlaces)

• Insertar video Youtube: Seleccionamos Youtube y pegamos la dirección URL del video que queramos insertar y automáticamente aparecerá en nuestra página web.

• HTML: Desde aquí puedes insertar todo tipo de presentaciones, vídeos, imágenes, etc...

¿Como lo hago?

Como ya sabrás existen miles de paginas que nos ofrecen la posibilidad de insertar presentaciones, vídeos, imágenes... de una forma gratuita para que otros usuarios puedan visualizarla y además puedan guardarla. Una muy conocida es Slideshare , Scribd , Vimeo ... 

En este caso utilizaremos Slideshare para añadir una presentación.

Para introducir una presentación en nuestra página web pinchamos sobre:

• Slideshare 
• Seleccionamos la presentación de Power que más nos interese. "Para poder guardar o ver las presentaciones no es necesario ser usuario"
• Busca la presentación que más te guste  y pinchas sobre ella para poder visualizarla.
• A continuación te aparecerá esta imagen, deja el ratón sobre la presentación y pincha sobre el icono  

• Tanto para Slidshare, Vimeo, Scribd... se realizarán los mismos pasos.
  
  

Al pinchar sobre "Share" te aparecerá una ventana con dos opciones: "Compartir / Insertar". Seleccionamos Insertar para poder añadir esta presentación a nuestra página.

• Selecciona todo el código para copiarlo y pincha sobre 

Una vez ya tenemos el código copiado nos dirigímos a  y . Nos aparecerá esta imagen:

Imagen explicativa 7 (presentaciones)

Tienes que pegar el código para que esa presentación sea insertada en tu página web.

• Insertar Tabla: Puedes insertar numerosas columnas y filas para poder crear la tabla que más te convenga.
• Formato: Opción de crear títulos y subtítulos, alinear el texto....

 Vídeo explicativo 2 (editor)

ESTRUCTURA DE PÁGINA WEB

Dentro de nuestra página web, tenemos la opción de insertar o crear Páginas, Subpáginas, Apartados... 

• Añadir una PÁGINA: Seleccionamos el botón  para añadir una página nueva. 

- Asigna el nombre que quieres que contenga esa misma página, como por ejemplo: Partituras para PIANO.

- Selecciona que tipo de plantilla quieres que contenga esa página.

- Elige la ubicación (en este caso seleccionaremos "Coloca la página en el nivel superior") para que te aparezca como una Página nueva y NO como una subpágina dentro de la Página Principal.

- Selecciona el botón .

A continuación te aparecerá esa página de la siguiente forma:

¡YA TIENES CREADA UNA PÁGINA!

• Añadir una SUBPÁGINA: Seleccionamos el botón  para añadir una subpágina nueva. 

- Asigna el nombre que quieres que contenga esa subpágina, como por ejemplo: Chopin

- Selecciona que tipo de plantilla quieres que contenga esa página.

- Elige la ubicación (en este caso seleccionaremos "PARTITURAS PARA PIANO") para que te aparezca como una subpágina nueva y NO como una Página dentro de la Página Principal.

- Selecciona el botón .

A continuación te aparecerá esa página de la siguiente forma:

¡YA TIENES CREADA UNA SUBPÁGINA!

MAS OPCIONES

Dentro de Google Sites podemos realizar más ediciones. Para poder hacerlo, tenemos que hacer clic sobre el botón  y nos aparecerá la siguiente imagen.

• HISTORIAL DE REVISIONES: Revisiones sobre la modificación de nuestra página web. Cuando/Donde se ha modificado.

• CONFIGURACIÓN DE LA PÁGINA: Esta opción es muy interesante ya que, puedes subir documentos adjuntos para que los usuarios puedan descargárselas de un modo gratuito, permitiendo comentarios.

• MÁS OPCIONES: Puedes imprimir páginas, eliminar, obtener vista previa como lector...

• GUARDAR COMO PLANTILLA DE PÁGINA: Puedes guardar esa misma página para obtenerla como plantilla y así poder editarla  "página de modelo"

• ADMINISTRACIÓN DEL SITIO:

- Editar la página principal, es decir, la página de inicio.

- Cambiar el nombre / introducir descripción

- Elección de dónde queremos que el usuario se introduzca cuando ingrese

en nuestra página

- Diseñar temas y colores de nuestra página web.

• DIRECCIÓN WEB: Podemos modificar la dirección de nuestra pagina web (aquella que aparece en URL)

• MODIFICAR EL DISEÑO DEL SITIO: Para poder modificar el diseño de tu página web pincha sobre  y .
  Una vez dentro encontrarás esta barra de herramientas:

Como puedes ver, las páginas y subpáginas aparecen en el margen izquierdo de la página principal. Para poder modificar le damos a la opción de navegación horizontal permitiendo que las pestañas se sitúen en el margen superior de nuestra página principal.

Para poder realizarlo seleccionamos la pestaña del título de la página y cambiamos las opciones.   Por otro lado, si queremos eliminar las barras laterales hacemos clic sobre la "x" y serán eliminadas.

 Vídeo explicativo 3 (editor)