Colegio Nicolás esguerra

Edificamos futuro

Unidad 16

1. Introducción
2. La pantalla de Sitios de Google
3. Diseñar encabezado y usar temas
4. Insertar elementos
5. Añadir y organizar páginas
6. Publicar el sitio

Daniela López - 1002

 Colegio Nicolás esguerra
Edificamos futuro

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.

Daniela López - 1002

 Colegio Nicolás esguerra
Edificamos futuro

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.

Daniela López - 1002

 Colegio Nicolás esguerra
Edificamos futuro

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.

Daniela López - 1002

 Colegio Nicolás esguerra
Edificamos futuro

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.

Daniela López - 1002

 Colegio Nicolás esguerra
Edificamos futuro

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.

Daniela López - 1002

 Colegio Nicolás esguerra
Edificamos futuro

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.

Daniela López - 1002