COLEGIO NACIONAL NICOLAS ESGUERRA

Edificamos Futuro

Luisa Castillo 10-02

 COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos Futuro

16.1. Introducción

Sitios de Google es una aplicación para integrar en un sitio

web todo nuestro trabajo y materiales de Google Drive para
compartirlos a través de Internet y sin necesidad de programar
en HTML ni en ningún otro lenguaje de los utilizados en la
web.
Permite, por tanto, realizar páginas web de una manera sencilla y rápida,
aunque no tiene el nivel de personalización y características que
conseguiríamos con otras herramientas para desarrollo de páginas. Con esta
aplicación no podemos, por tanto, construir un sitio web con nombre
(dominio) propio (el nombre del sitio aparece precedido del
dominio https:/sites.google.com/view/nuestro_nombre), ni con los
elementos que tendría una página profesional; sin embargo, nos permitirá
presentar fácilmente los contenidos del resto de las aplicaciones de Drive, así
como imágenes, vínculos de Internet, otros sitios, etcétera, sin invertir mucho
tiempo en el diseño y en su desarrollo.

Luisa Castillo 10-02

 COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos Futuro
16.2. La pantalla de Sitios de Google

La pantalla de Sitios de Google tiene los siguientes elementos:

1) Ventana principal de Sitios y Caja de título. El botón nos

presenta todos los sitios que tenemos grabados en nuestra
unidad de Drive, al igual que en Documentos de Google, Hoja
de cálculo, etcétera. A su vez, la caja de título funciona del
mismo modo que el resto de las aplicaciones.
2) Botones Deshacer, Rehacer, Vista
preliminar, Compartir, Publicar y menú.
3) Área de trabajo. En esta zona creamos las páginas de
nuestro sitio, dándole diseño, añadiendo elementos, etcétera.

Luisa Castillo 10-02

 COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos Futuro
16.3. Diseñar encabezado y usar temas
El encabezado de un sitio le da al usuario la información
básica que debe conocer respecto a lo que va a encontrar en
él. Como vimos en la imagen anterior, de modo
predeterminado Sitios de Google nos presenta la página
principal con un título y un diseño preelaborado.
Si hacemos clic en la esquina superior izquierda, podremos
indicar el nombre completo de nuestro sitio. A su vez, con un
clic en Título de la página, podemos cambiarlo por un título
personalizado.

Luisa Castillo 10-02

 COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos Futuro

16.4. Insertar elementos

Una vez que definimos el diseño del encabezado, lo que sigue

es insertar objetos a nuestra página, los cuales se encuentran
en el panel de la derecha, en la ceja Insertar.
Imágenes. Cuando insertamos una imagen, aparece el cuadro
de diálogo que nos permite seleccionar el archivo de diversas
partes, desde el disco duro hasta de búsquedas en la web,
pasando por las que están en Google Drive.

Luisa Castillo 10-02

 COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos Futuro
16.5. Añadir y organizar páginas

Con la siguiente pestaña del panel, llamada Páginas, podemos

añadir páginas a nuestro sitio y establecer su jerarquía o
estructura. Esta estructura se mostrará automáticamente en
el encabezado como guía de navegación en el sitio, pero eso
no evita que tengamos que hacer en alguna parte, con las
opciones para crear vínculos, un menú o una lista de las
páginas para que nuestros usuarios se muevan por ellas.
Cuando sólo tenemos una página, el panel, se muestra así.

Al pulsar Listo, la página se muestra en el área de trabajo lista

para ser diseñada, así como en el panel. Podemos crearle un
encabezado, insertar elementos, etcétera, igual que en la
página principal. Pero ahora, en ambas, se añade un menú de
navegación en la esquina superior derecha.

Luisa Castillo 10-02

 COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos Futuro
16.6. Publicar el sitio

Como en otras aplicaciones de Google Drive, en Sitios de

Google tenemos un botón que muestra una vista previa del
resultado . La ventaja de este botón no es sólo que podemos
ver cómo va quedando nuestra página, sino que, además,
podemos simular el uso de distintos tamaños de pantalla
según los diversos dispositivos: Ordenador, Tablet o Móvil.

Si pulsamos en los distintos iconos, la pantalla mostrará el

resultado, por ejemplo, para móvil.

Luisa Castillo 10-02