COLEGIO NACIONAL NICOLAS ESGUERRA

EDIFICAMO FUTURO

Unidad 16. Sitios de Google

16.1. Introducción
16.2. La pantalla de Sitios de Google
16.3. Diseñar encabezado y usar temas
16.4. Insertar elementos
16.5. Añadir y organizar páginas
16.6. Publicar el sitio
ANDRES LYNN MORENO – 10-03
 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO 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.
Revisemos cómo crear páginas web con la aplicación Sitios de Google.

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

16.2. La pantalla de Sitios de Google

1) Ventana principal de 2)
3) Área de trabajo. .4) Panel de herramientas.
Sitios y Caja de título Botones Deshacer, Rehacer

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

Archivos
Cajas de texto de Calendaro Mapas
de Google

Archivos de las
Imágenes Videos aplicaciones
de Google

Vínculos Otros archivos

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

16.3. Diseñar encabezado y usar temas

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

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

Como veremos paulatinamente, cada elemento seleccionado Si, en cambio, hacemos clic fuera del título, todo el encabezado
presenta una pequeña barra de herramientas con las opciones presentará su respectiva barra de herramientas, con dos
que podemos modificar sobre dicho objeto. En este caso, el opciones:
tamaño del texto está determinado por los estilos del
desplegable del primer botón:

Cambiar la imagen nos dará un cuadro de diálogo donde

podemos seleccionar una nueva imagen de fondo para el
encabezado. Como sabemos, podemos seleccionar nuestra
propia imagen de diversos modos, pero también tenemos una
galería para escoger.

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

16.4. Insertar elementos

Una vez que definimos el Cuadros de texto. Imágenes. Cuando Incorporar URL permite
diseño del encabezado, lo Funcionan de modo insertamos una imagen, escribir la dirección de
que sigue es insertar similar a las cajas de aparece el cuadro de una página web. Si ésta
objetos a nuestra página, texto de otras diálogo que nos permite permite mostrar el logo
los cuales se encuentran aplicaciones, seleccionar el archivo de de la misma, entonces
en el panel de la derecha, como Dibujos de diversas partes éste se insertará como
en la ceja Insertar. Google y Presentaciones. vínculo en la página.

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

16.5. Añadir y organizar páginas

Un sitio puede consistir en una sola página web, pero en la

mayoría de los casos no es así. Un sitio web, por lo común, consta
de un conjunto de páginas y éstas deben estar interrelacionadas
entre sí o, para decirlo apropiadamente, vinculadas entre sí.

Con el botón en forma de círculo añadimos una página, a la cual

debemos darle nombre.

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.

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

Sin embargo, en el panel, podemos tomar una página y

arrastrarla dentro de otra, de ese modo dependerá de ésta y
podremos crear menús desplegables en los encabezados.

Ya ubicada queda así en el panel:

A su vez, el menú en los encabezados cambia del siguiente

modo:

ANDRES LYNN MORENO – 10-03

 COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

16.6. Publicar el sitio

Como en otras aplicaciones de Google Drive, en Sitios de Si pulsamos en los distintos iconos, la pantalla mostrará el
Google tenemos un botón que muestra una vista previa del resultado, por ejemplo, para móvil.
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.

ANDRES LYNN MORENO – 10-03

COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMO FUTURO

ANDRES LYNN MORENO – 10-03