Cómo crear sitios web con la nueva versión de Google...
Transcript of Cómo crear sitios web con la nueva versión de Google...
![Page 1: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/1.jpg)
Cómo crear sitios web con la nueva versión de Google Sites.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 2: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/2.jpg)
Qué es Google Sites
• Es una herramienta gratuita que permite crear y compartir páginas web fácilmente.
• Facilita la creación y publicación de sitios web internos en una organización para trabajar en equipo: sitios web de proyectos, de eventos, etc.
• No se requieren conocimientos técnicos (HTML, CSS, JavaScript…) para su uso.
• Desde junio de 2016, Google Sites forma parte de Drive.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 3: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/3.jpg)
Crear
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 4: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/4.jpg)
Crear un sitio web
• Google Sites permite crear sitios web para uso personal o profesional.
• Tras crear un sitio web, puedes cambiar el nombre del archivo, de las páginas o del propio sitio web.
• Los sitios web de Google Sites se pueden editar en tiempo real, como si fueran documentos de Google Drive.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 5: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/5.jpg)
Aplicaciones de Google > Sites
![Page 6: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/6.jpg)
Seleccionar “Nuevo Google Sites”
• https://sites.google.com/new/
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 7: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/7.jpg)
Hacer clic en “EMPEZAR”
![Page 8: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/8.jpg)
Crear primer sitio web > Pulsar (+)
![Page 9: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/9.jpg)
Crear más sitios web > Pulsar (+)
![Page 10: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/10.jpg)
Pulsar “SIGUIENTE” para ver la visita guiada
![Page 11: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/11.jpg)
Visita guiada de Google Sites
• El menú “INSERTAR” permite añadir contenido al sitio web. Se puede mover contenido, cambiar su tamaño y recortar las imágenes.
• El contenido del sitio se puede arrastrar para organizarlo.
• El sitio web se puede compartir con otros usuarios para que colaboren en su edición.
• En cualquier momento es posible publicar el sitio webpara que otras personas puedan verlo.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 12: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/12.jpg)
Aspecto inicial: “Sitio sin título”
![Page 13: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/13.jpg)
Asignar un nombre al archivodel sitio web creado
• Dicho nombre será el que tendrá el archivo (documento) del sitio web en Google Drive.
• EJEMPLO: apuntes-de-informatica
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 14: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/14.jpg)
Escribir el “Nombre del documento del sitio”
![Page 15: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/15.jpg)
Comprobar que en Google Drive se ha creado el archivo del sitio web
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 16: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/16.jpg)
Crear nuevo sitio de Google Sites desde Drive
• EJEMPLO: en “Mi unidad” seleccionar NUEVO > Más > Google Sites
![Page 17: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/17.jpg)
Asignar un nombre al sitio web
• Este nombre será el título que se mostrará en la pestaña del navegador.
• EJEMPLO: Apuntes de informática
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 18: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/18.jpg)
Escribir el “Nombre del sitio web”
![Page 19: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/19.jpg)
Asignar un nombre a la página principal del sitio web
• Este nombre es el título de la página.
• EJEMPLO: Apuntes de informática para principiantes
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 20: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/20.jpg)
Escribir el “Nombre (título) de la página principal”
• La línea y puntos azules permiten mover y redimensionar el título de la página.
![Page 21: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/21.jpg)
Obtener una vista previa del sitio web
• La vista previa permite visualizar el sitio web antes de publicarlo.
• La vista previa muestra cómo se verá el sitio web en un PC, en una tableta y en un teléfono móvil.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 22: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/22.jpg)
Vista previa del sitio “Apuntes de Informática”
• Para salir de la vista previa, hacer clic en la “x”.
![Page 23: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/23.jpg)
PUBLICAR
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 24: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/24.jpg)
Publicar el sitio web haciendo clic en “PUBLICAR”
• Teclear la URL del sitio web a partir de .../view/
![Page 25: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/25.jpg)
Publicar el sitio web haciendo clic en “PUBLICAR”
• En G Suite el sitio se puede hacer visible solo para miembros de una organización.
![Page 26: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/26.jpg)
Ver sitio publicado en la Web
• Seleccionar “Ver sitio web publicado” en el menú desplegable de “PUBLICAR”.
![Page 27: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/27.jpg)
https://sites.google.com/view/apuntes-de-informatica
![Page 28: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/28.jpg)
INSERTAR
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 29: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/29.jpg)
Menú “INSERTAR” de Google Sites
• Opciones principales: cuadro de texto, imágenes, URL, subir
• Google Drive: desde Drive, carpeta de Drive
• Inserciones De Google: YouTube, Calendario, Mapa
• Documentos de Google: documentos, presentaciones, hojas de cálculo, formularios, gráficos
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 30: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/30.jpg)
Menú “INSERTAR” en Google Sites
• Hacer “doble clic” para seleccionar las opciones más usadas: Texto, Imágenes…
![Page 31: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/31.jpg)
INSERTAR > Texto
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 32: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/32.jpg)
INSERTAR > Texto
• Estilos del texto: normal, Título (Title), Título (Heading) o Subtítulo (Subheading).
![Page 33: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/33.jpg)
Opciones de formato del “texto normal”
• Negrita (Ctrl+B)
• Cursiva (Ctrl+I)
• Alineación
• Lista numerada (Ctrl+Shift+7)
• Lista con viñetas (Ctrl+Shift+8)
• Insertar enlace (Ctrl+K)
• Eliminar mosaico
• Más opciones de edición:– Fuente de código
– Tachado
– Borrar formato
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 34: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/34.jpg)
Color de fondo de la sección
• El estilo de sección puede ser: Normal, Énfasis 1, Énfasis 2, Imagen.
![Page 35: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/35.jpg)
EJEMPLO: texto Título (Title) con estilo Énfasis 2
• Hacer clic en “PUBLICAR” y pulsar la tecla “F5” para ver los cambios realizados.
![Page 36: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/36.jpg)
Eliminar sección
![Page 37: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/37.jpg)
Insertar enlace en texto normal
• EJEMPLO: Marcar el texto “Abrirllave” y pulsar (Ctrl+K) para editar el enlace.
![Page 38: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/38.jpg)
EJEMPLO: Enlace a “www.abrirllave.com”
![Page 39: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/39.jpg)
TEMAS
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 40: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/40.jpg)
Menú “TEMAS” de Google Sites
• Sencillo (Línea, Clásico, Grueso)
• Aristóteles (Moderno, Clásico, NEGRITA)
• Diplomático (Clásico, Línea fina, Grueso)
• Visión (Negrita, Moderno, Clásico)
• Uniforme (Sans, Grueso, Estrecho)
• IMPACTANTE (Mayúsculas, Cordial, Estrecho)
• …
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 41: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/41.jpg)
Menú “TEMAS” en Google Sites
• Seleccionar tema, color y estilo de fuente.
![Page 42: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/42.jpg)
EJEMPLO: Tema Aristóteles con estilo de fuente Moderno
![Page 43: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/43.jpg)
INSERTAR > Imágenes
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 44: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/44.jpg)
INSERTAR > Imágenes
• Subir: arrastrar o seleccionar archivos del equipo.
• De URL: pegar una URL de imagen.
• Buscar: realizar búsqueda de imágenes en Google, LIFE…
• Tus álbumes: fotos de perfil, blog en Blogger…
• Google Drive: de Mi unidad, compartido conmigo
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 45: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/45.jpg)
INSERTAR > Imágenes
![Page 46: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/46.jpg)
INSERTAR > Imágenes > Subir
• Arrastrar o seleccionar archivos del equipo.
![Page 47: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/47.jpg)
INSERTAR > Imágenes > De URL
• EJEMPLO: http://www.abrirllave.com/images/abrirllave-230-230.gif
![Page 48: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/48.jpg)
EJEMPLO: Imagen insertada
![Page 49: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/49.jpg)
Edición de una imagen
• Recortar
• Anular recorte
• Insertar enlace
• Eliminar mosaico
• Más opciones de edición:
– Sustituir imagen
– Añadir texto alternativo (descripción)
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 50: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/50.jpg)
Edición de una imagen
• Hacer clic en un punto azul y moverlo para redimensionar la imagen.
![Page 51: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/51.jpg)
INSERTAR > Imágenes > Buscar
• Introducir término de búsqueda. Por ejemplo “google” y hacer clic en la lupa.
![Page 52: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/52.jpg)
Filtro de imagen
• Cualquier tipo
• Cara
• Fotografía
• Imágenes prediseñadas
• Dibujo de líneas
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 53: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/53.jpg)
INSERTAR > Imágenes > Buscar (Filtro de imagen)
• Seleccionar: a todo color, monocromo, rojo, naranja, amarillo...
![Page 54: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/54.jpg)
INSERTAR > Imágenes > Google Drive
• Buscar y seleccionar las imágenes en las carpetas de Google Drive.
![Page 55: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/55.jpg)
INSERTAR > Imágenes > Tus álbumes
![Page 56: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/56.jpg)
Cambiar imagen principal
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 57: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/57.jpg)
Cambiar imagen principal
• Galería: seleccionar una imagen.
• Subir: arrastrar o seleccionar un archivo del equipo.
• De URL: pegar una URL de imagen.
• Buscar: realizar búsqueda de imágenes en Google, LIFE…
• Tus álbumes: fotos de perfil, blog en Blogger…
• Google Drive: de Mi unidad, compartido conmigo
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 58: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/58.jpg)
Cambiar imagen principal de la página
• Pinchar en “Cambiar imagen”.
![Page 59: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/59.jpg)
Cambiar imagen principal > Galería
![Page 60: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/60.jpg)
EJEMPLO: Imagen principal cambiada
![Page 61: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/61.jpg)
Configurar imagen principal y encabezado
• Cambiar imagen: para seleccionar otra.
• Restablecer: para quitar la imagen actual.
• Tipo de encabezado: Banner grande, Banner, Solo título.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 62: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/62.jpg)
Configurar imagen principal y encabezado
![Page 63: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/63.jpg)
Tipo de encabezado (header)
![Page 64: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/64.jpg)
Legibilidad (Readability)
• Quitar el ajuste para facilitar la lectura: elimina el ajuste de legibilidad.
• Ajustar para facilitar la lectura: cambia el color de fondo para leer mejor el texto.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 65: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/65.jpg)
Quitar el ajuste para facilitar la lectura
![Page 66: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/66.jpg)
Ajustar para facilitar la lectura
![Page 67: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/67.jpg)
PÁGINAS
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 68: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/68.jpg)
Menú “PÁGINAS” de Google Sites
• Añadir: incorporar página web al sitio.
• Eliminar: quitar una página web del sitio.
• Cambiar el orden de las páginas: arrastrándolas.
• Anidar páginas: unas dentro de otras, teniendo en cuenta que no es posible anidar páginas en otras ya anidadas.
• Establecer una página como “Página principal”:cualquier página puede ser la principal (home page).
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 69: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/69.jpg)
PÁGINAS > Pulsar (Añadir página)
![Page 70: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/70.jpg)
EJEMPLO: PÁGINAS > Añadir página > Desarrollo web
• Teclear el nombre de la nueva página y hacer clic en “COMPLETADO”.
![Page 71: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/71.jpg)
Añadir página
• Después de hacer clic en “COMPLETADO” se abre la nueva página para editarla.
• El tema, color y estilo de fuente son el mismo para todas las páginas del sitio.
• En cada página es posible establecer un tipo de encabezado (header) distinto.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 72: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/72.jpg)
EJEMPLO: PÁGINAS > Desarrollo web
![Page 73: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/73.jpg)
Establecer una página como principal, cambiarle el nombre
o quitarla del sitio web desde el desplegable de la derecha
![Page 74: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/74.jpg)
Cambiar el orden de las páginas
• EJEMPLO: arrastrar la página “Herramientas de Google” encima de “Desarrollo web”
![Page 75: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/75.jpg)
Anidar página
• EJEMPLO: arrastrar la página “HTML” sobre “Desarrollo web”
![Page 76: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/76.jpg)
EJEMPLO: Página “HTML” anidada en “Desarrollo web”
![Page 77: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/77.jpg)
Anidar varias páginas
• EJEMPLO: “Google Drive” y “Google Sites” en “Herramientas de Google”
![Page 78: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/78.jpg)
Modo de navegación
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 79: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/79.jpg)
Modo de navegación(Configuración de la navegación)
• Navegación en el panel superior: es la opción predeterminada.
• Navegación en el panel lateral: a la izquierda de la pantalla se muestra un menú de enlaces a las páginas del sitio web.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 80: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/80.jpg)
Modo de navegación
• Seleccionar modo pinchando en el icono de “Configuración de la navegación”.
![Page 81: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/81.jpg)
EJEMPLO: Navegación en el panel superior
![Page 82: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/82.jpg)
EJEMPLO: Navegación en el panel lateral(Vista previa en pantalla grande)
![Page 83: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/83.jpg)
EJEMPLO: Navegación en el panel lateral(Menú desplegado en tableta)
![Page 84: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/84.jpg)
INSERTAR > URL
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 85: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/85.jpg)
INSERTAR > Insertar URL
• En las páginas del sitio se pueden añadir contenidos de otros sitios web, indicando sus URL (enlaces).
• Cuando una URL especificada no proporcione información sobre qué contenido mostrar, solamente se mostrará el enlace.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 86: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/86.jpg)
INSERTAR > Insertar URL
![Page 87: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/87.jpg)
INSERTAR > Insertar URL > Insertar desde la Web
• Escribir o pegar una URL (enlace) y hacer clic en “AÑADIR”.
![Page 88: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/88.jpg)
INSERTAR > Insertar URL > Insertar desde la Web
• EJEMPLO: insertar la URL https://scratch.mit.edu/
![Page 89: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/89.jpg)
EJEMPLO: Insertar la URL https://scratch.mit.edu/
• URL insertada en una nueva página llamada “Enlaces”.
![Page 90: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/90.jpg)
Opciones de una URL insertada
• Abrir en una pestaña nueva
• Configuración:
– Título
– Activar o desactivar:• Mostrar imagen
• Mostrar título
• Mostrar descripción
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 91: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/91.jpg)
Opciones de una URL
![Page 92: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/92.jpg)
EJEMPLO: Configuración de Tarjeta con enlace
• Al finalizar la configuración, hacer clic en “COMPLETADO”.
![Page 93: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/93.jpg)
INSERTAR > Subir
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 94: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/94.jpg)
INSERTAR > Subir
• Esta opción permite subir (añadir) –a una página del sitio–archivos ubicados en el equipo.
• Los archivos se pueden arrastrar directamente a la página donde se quieren insertar.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 95: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/95.jpg)
INSERTAR > Subir
![Page 96: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/96.jpg)
INSERTAR > Subir
• Seleccionar o arrastrar archivos ubicados en el PC y hacer clic en “Subir”.
![Page 97: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/97.jpg)
INSERTAR > Subir
• EJEMPLO: subir la imagen tutorial-abrirllave-html.gif a la página “Desarrollo web”
![Page 98: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/98.jpg)
EJEMPLO: Imagen subida a la página “Desarrollo web”
![Page 99: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/99.jpg)
EJEMPLO: arrastrar una imagen para subirla
• Al soltar el archivo, se añadirá a la página.
![Page 100: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/100.jpg)
Insertar enlace –a una página– en una imagen
• EJEMPLO: enlazar la imagen tutorial-abrirllave-html.gif a la página “HTML”
![Page 101: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/101.jpg)
INSERTAR >Google Drive
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 102: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/102.jpg)
INSERTAR > Google Drive
• Desde Drive: permite seleccionar e insertar archivos almacenados en Drive: documentos de texto, presentaciones, hojas de cálculo, etc., creados en Google Drive o no (PDF, ZIP, imagen…).
• Carpeta de Drive: permite insertar una carpeta. En la página donde se añada, se mostrará un listado de los archivos y subcarpetas de dicha carpeta.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 103: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/103.jpg)
INSERTAR >Google Drive >
Carpeta de Drive
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 104: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/104.jpg)
INSERTAR > Google Drive > Carpeta de Drive
![Page 105: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/105.jpg)
EJEMPLO: insertar la carpeta desarrollo-web
• En Drive, la carpeta desarrollo-web está compartida públicamente en la Web.
![Page 106: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/106.jpg)
EJEMPLO: carpeta de Drive insertada
• Carpeta desarrollo-web insertada en la página “Desarrollo Web” del sitio.
![Page 107: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/107.jpg)
Visualización de un archivo de la carpeta insertada
• EJEMPLO: el archivo apuntes-de-html.pdf se puede imprimir o descargar.
![Page 108: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/108.jpg)
Abrir carpeta de Drive insertada
• EJEMPLO: la carpeta desarrollo-web es posible abrirla sin iniciar sesión en Google.
![Page 109: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/109.jpg)
Opciones de una carpeta insertada
• Abrir en una pestaña nueva
• Configuración:
– Título
– Tipo de vista (lista o cuadrícula)
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 110: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/110.jpg)
Opciones de una carpeta insertada
![Page 111: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/111.jpg)
Configuración de Carpeta de Drive
• Al finalizar la configuración de la carpeta, hacer clic en “COMPLETADO”.
![Page 112: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/112.jpg)
Configuración de Carpeta de Drive
• EJEMPLO: Título (DEWEB) Tipo de vista (Vista de cuadrícula)
![Page 113: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/113.jpg)
EJEMPLO: carpeta de Drive insertada (vista cuadrícula)
• El título (DEWEB) se muestra al pasar el ratón por encima del enlace para abrir la carpeta.
![Page 114: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/114.jpg)
INSERTAR >Google Drive >
Desde Drive
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 115: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/115.jpg)
INSERTAR > Google Drive > Desde Drive
![Page 116: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/116.jpg)
Buscar archivos para insertar desde Drive
• Buscar en: Mi unidad, Compartido conmigo, Reciente, Destacados.
![Page 117: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/117.jpg)
Seleccionar archivos desde Drive para insertar
• Se pueden seleccionar varios archivos para insertar en una página a la vez.
![Page 118: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/118.jpg)
EJEMPLO: archivo PDF insertado desde Drive
• Archivo apuntes-de-html.pdf insertado desde Drive en la página “HTML”.
![Page 119: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/119.jpg)
Opciones de un archivo PDF insertado
• Abrir en una pestaña nueva
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 120: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/120.jpg)
Opciones de un archivo PDF insertado
![Page 121: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/121.jpg)
Selección de un documento de Drive para insertar
• EJEMPLO: recursos-de-html
![Page 122: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/122.jpg)
EJEMPLO: documento de Drive insertado
• Archivo recursos-de-html insertado en la página “HTML”.
![Page 123: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/123.jpg)
Opciones de un documento de Drive insertado
• Abrir en una pestaña nueva
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 124: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/124.jpg)
Opciones de un documento de Drive insertado
![Page 125: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/125.jpg)
INSERTAR >Inserciones de
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 126: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/126.jpg)
INSERTAR > Inserciones De Google
• YouTube: se permite buscar vídeos en YouTube o insertar los que hayas subido.
• Calendario: se añade un calendario de Google.
• Mapa: permite insertar una ubicación de Google Maps.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 127: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/127.jpg)
INSERTAR >Inserciones de
Google > YouTube
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 128: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/128.jpg)
INSERTAR > Inserciones de Google > YouTube
![Page 129: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/129.jpg)
Buscar vídeos en YouTube para insertar
• Buscar en tus vídeos subidos o en YouTube.
![Page 130: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/130.jpg)
Seleccionar vídeo para insertar
• EJEMPLO: buscar “building the web together” y hacer clic en “Seleccionar”.
![Page 131: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/131.jpg)
EJEMPLO: vídeo de YouTube insertado
• El vídeo se puede visualizar en la página de “Enlaces”.
![Page 132: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/132.jpg)
Opciones de un vídeo insertado
• Abrir en una pestaña nueva
• Configuración:– Título
– Ocultar controles• Normal (barra de progreso atenuada)
• Deslizar para ocultar
• No ocultar
– Color de la barra de progreso (Rojo o Blanco)
– Permitir pantalla completa (activar o desactivar)
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 133: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/133.jpg)
Opciones de un vídeo insertado
![Page 134: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/134.jpg)
Configuración de Vídeo de YouTube
• Al finalizar la configuración del vídeo, hacer clic en “COMPLETADO”.
![Page 135: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/135.jpg)
INSERTAR >Inserciones de
Google > Calendario
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 136: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/136.jpg)
INSERTAR > Inserciones de Google > Calendario
![Page 137: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/137.jpg)
Seleccionar calendario para insertar
• Se pueden seleccionar varios calendarios para insertar a la vez.
![Page 138: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/138.jpg)
EJEMPLO: calendario insertado
• Calendario insertado en la página “Miscelánea”, antes llamada “Enlaces”.
![Page 139: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/139.jpg)
Error 404 – Página no encontrada
• EJEMPLO: la página “Enlaces” ya no existe. Por tanto, Sites muestra el error 404.
![Page 140: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/140.jpg)
Opciones de un calendario insertado
• Abrir en una pestaña nueva
• Configuración:– Título
– Activar o desactivar:• Mostrar título
• Mostrar fecha
• Botones de navegación
• Mostrar zona horaria
• Selección de vista
– Modo de vista (Mes, Semana, Agenda)
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 141: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/141.jpg)
Opciones de un calendario insertado
![Page 142: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/142.jpg)
Configuración de Calendario
• Al finalizar la configuración del calendario, hacer clic en “COMPLETADO”.
![Page 143: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/143.jpg)
INSERTAR >Inserciones de Google > Mapa
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 144: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/144.jpg)
INSERTAR > Inserciones de Google > Mapa
![Page 145: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/145.jpg)
Introducir una ubicación
• EJEMPLO: buscar “googleplex” y seleccionar “Google Visitor Center”.
![Page 146: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/146.jpg)
Seleccionar mapa
![Page 147: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/147.jpg)
EJEMPLO: mapa insertado
• Mapa de la ubicación de “Google Visitor Center” insertado en la página “Miscelánea”.
![Page 148: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/148.jpg)
Opciones de un mapa insertado
• Abrir en una pestaña nueva
• Eliminar mosaico
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 149: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/149.jpg)
Opciones de un mapa insertado
![Page 150: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/150.jpg)
INSERTAR > Documentos de
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 151: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/151.jpg)
INSERTAR > Documentos De Google
• Documentos
• Presentaciones
• Hojas de cálculo
• Formularios
• Gráficos (de hojas de cálculo)
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 152: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/152.jpg)
• Esta opción permite buscar archivos para añadir.
• Inicialmente, se muestra un listado de archivos (nuestros o compartidos con nosotros) ordenados en función de su último uso:– Hoy
– Ayer
– La semana pasada
– Anteriormente este mes
– El mes pasado
– Anteriormente este año
– Más antiguos
INSERTAR > Documentos De Google
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 153: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/153.jpg)
INSERTAR > Documentos de
Google > Documentos
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 154: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/154.jpg)
INSERTAR > Documentos de Google > Documentos
![Page 155: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/155.jpg)
Buscar documentos para insertar
• Se muestran documentos de Google Drive –sin extensión– y otros (DOCX, TXT, etc.).
![Page 156: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/156.jpg)
Filtrar resultados por
• Tipo de archivo– Documentos de texto (type:document)
• Fecha de modificación (siendo hoy 22 de noviembre de 2016)– Hoy (after:2016-11-22)
– Últimos 7 días (after:2016-11-16)
– Últimos 30 días (after:2016-10-24)
– Últimos 90 días (after:2016-08-25)
• Propietario– Soy propietario (owner:me)
– No soy propietario (-owner:me)
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 157: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/157.jpg)
Filtrar resultados por
![Page 158: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/158.jpg)
EJEMPLOS: filtrar por varios criterios(siendo hoy 22 de noviembre de 2016)
• xml: archivos que contengan el término “xml” en su
nombre o en su contenido.
• after:2016-08-25 owner:me xml: archivos de
mi propiedad que hayan sido modificados en los últimos 90 días y que contengan el término “xml”.
• after:2016-11-16 -owner:me software:
archivos propiedad de otros usuarios, que hayan sido modificados en los últimos 7 días y que contengan el término “software”.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 159: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/159.jpg)
EJEMPLO: after:2016-08-25 owner:me xml
![Page 160: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/160.jpg)
Añadir editores
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 161: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/161.jpg)
Gestión de permisos de edición de un sitio web
• El propietario de un sitio puede invitar a otras personas (usuarios) a participar en su edición (modificación).
• El propietario del sitio web puede evitar que el resto de editores puedan:
– Publicar
– Cambiar el acceso
– Añadir a nuevos usuarios
• La propiedad del sitio web se puede transferir a otro usuario.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 162: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/162.jpg)
Añadir editores
![Page 163: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/163.jpg)
Sitio web privado (solo el propietario puede editar)
• Hacer clic en “Cambiar…” para modificar quién puede editar.
![Page 164: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/164.jpg)
Activado: “público en la Web” o “cualquier usuario que tenga el enlace”
• Cualquier usuario –con sesión iniciada– puede editar.
![Page 165: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/165.jpg)
Opciones de “Activado” en G Suite
• Cualquier usuario de la organización –con sesión iniciada– puede editar.
![Page 166: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/166.jpg)
Enlace para compartir (permite editar)
• Cualquier usuario que reciba el enlace puede editar (con la sesión iniciada) .
![Page 167: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/167.jpg)
Edición de usuarios que tienen el enlace
• Los usuarios pueden editar el sitio, publicarlo y modificar las opciones de publicación.
![Page 168: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/168.jpg)
Los editores pueden cambiar el acceso
• Los editores pueden hacer clic en “Cambiar…” e invitar a otros usuarios a editar.
![Page 169: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/169.jpg)
El propietario puede quitar (restringir) permisos a los editores
• En “Configuración del propietario” marcar la casilla “Evitar que los editores…”.
![Page 170: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/170.jpg)
Editores con permisos restringidos
• El botón de “PUBLICAR” y las opciones de publicación están desactivadas.
![Page 171: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/171.jpg)
Los editores no pueden cambiar el acceso
• El editor no puede hacer clic en “Cambiar…” ni invitar a otros usuarios.
![Page 172: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/172.jpg)
Invitar a personas a editar el sitio
• EJEMPLO: invitación al “Alumno imaginario”.
![Page 173: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/173.jpg)
Determinados usuarios pueden editar
• EJEMPLO: además del propietario, el “Alumno imaginario” también puede editar.
![Page 174: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/174.jpg)
Si el propietario del sitio no marca la casilla “Evitar que los editores…”, estos podrán:
• Publicar el sitio web y modificar las opciones de publicación:
– Configuración de publicación…
– Anular publicación…
• Cambiar el acceso haciendo clic en “Cambiar…”
• Añadir a nuevos usuarios (editores), o eliminarlos.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 175: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/175.jpg)
Transferir la propiedad de un sitio a un editor
• El propietario de un sitio puede transferir su propiedad.
![Page 176: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/176.jpg)
Cuando el propietario de un sitiotransfiere su propiedad a un editor:
• Dicho propietario deja de serlo, pasando a ser editor.
• El nuevo propietario podrá quitarle el acceso al anterior propietario.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 177: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/177.jpg)
Aviso de no tener acceso
• EJEMPLO: se ha quitado el acceso al “Alumno Imaginario”.
![Page 178: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/178.jpg)
Más
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 179: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/179.jpg)
Más opciones de Google Sites
• Análisis de sitios web: configurando Google Analytics.
• Enviar comentarios: ideas o problemas.
• Ayuda: manual de Google Sites.
• Realizar una visita guiada: para aprender a utilizar Google Sites.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 180: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/180.jpg)
Más opciones
![Page 181: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/181.jpg)
Análisis de sitios web
• Crear cuenta y obtener ID de seguimiento en: https://analytics.google.com/
![Page 182: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/182.jpg)
Enviar comentarios
• Los comentarios pueden ser ideas o problemas.
![Page 184: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/184.jpg)
Realizar una visita guiada
• Muestra algunas indicaciones para empezar a utilizar Google Sites.
![Page 185: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/185.jpg)
Administrar
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 186: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/186.jpg)
Administrar un sitio web desdela página principal de Google Sites
• Cambiar nombre.
• Eliminar el sitio.
• Abrir en otra pestaña.
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 187: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/187.jpg)
Administrar un sitio web desdela página principal de Google Sites
![Page 188: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/188.jpg)
Recursos
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 189: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/189.jpg)
Recursos (material extra)• Ayuda de Sites
• EJEMPLO: sitio web “Apuntes de informática”https://sites.google.com/view/apuntes-de-informatica/
https://support.google.com/sites/
Tutorial de Google Siteswww.abrirllave.com/google-sites/
![Page 190: Cómo crear sitios web con la nueva versión de Google Sitesleeryescribircontic.weebly.com/uploads/9/4/0/5/... · •Desde Drive: permite seleccionar e insertar archivos almacenados](https://reader033.fdocuments.co/reader033/viewer/2022050313/5f75e5bba4b2b42bcb030a50/html5/thumbnails/190.jpg)
Tutoriales de informática
by
www.abrirllave.com
@carlospes
Todos los contenidos de este documento están bajo la Licencia Creative Commons Reconocimiento 4.0 Internacional (CC BY 4.0).
Tutorial de Google Siteswww.abrirllave.com/google-sites/