Tutorial Google Sites

106
Herramientas para la Gestión de la Información Personal y el trabajo colaborativo Google Sites Luis Barriocanal Cantoral CIFP Sim ó n de Colonia – Burgos sábado 11 de diciembre de 2010

description

Una guía de introducción rápida sobre las características y posibilidades de Google Sites y sus herramientas de edición: Páginas Web, Anuncios, Listas, Gadgets. Curso completo en http://cursos.iniciafp.es/googlesites/

Transcript of Tutorial Google Sites

Page 1: Tutorial Google Sites

Herramientas para la Gestión de la Información Personal y el trabajo colaborativo

Google Sites

Luis Barriocanal CantoralCIFP Simón de Colonia – Burgos

sábado 11 de diciembre de 2010

Page 2: Tutorial Google Sites

Google Sites

2

1 Visión General

2 Primeros Pasos

3 Administración y Edición

1. Visión General

sábado 11 de diciembre de 2010

Page 3: Tutorial Google Sites

Google Sites

¿Qué es Google Sites?

3

sábado 11 de diciembre de 2010

Page 4: Tutorial Google Sites

Google Sites

Una herramienta gratuita de Google

4

1. Visión General

sábado 11 de diciembre de 2010

Page 5: Tutorial Google Sites

Google Sites

Para construir sitios web con diferentes propósitos

5

1. Visión General

http://sites.google.com/site/sitetemplateinfo

sábado 11 de diciembre de 2010

Page 6: Tutorial Google Sites

Google Sites

Con herramientas gratuitas

Sin necesidad de conocimientos especiales

Sin necesidad de programas auxiliares

Todo a través de un navegador web

6

De forma sencilla y en poco tiempo

Documentos en diferentes formatos desde un entorno web

1. Visión General

sábado 11 de diciembre de 2010

Page 7: Tutorial Google Sites

Google Sites

7

Podemos crear un número ilimitado de sitios

Con 100 Mb de capacidad cada uno

1. Visión General

sábado 11 de diciembre de 2010

Page 8: Tutorial Google Sites

Google Sites

8

Y personalizable con diferentes temas gráficos y plantillas

1. Visión General

sábado 11 de diciembre de 2010

Page 9: Tutorial Google Sites

Google Sites

9

Con solo asignar un nombre

Puedo elegir una plantilla de

Sitio

Escribir nombre

Puedo personalizar

la URL

1. Visión General

sábado 11 de diciembre de 2010

Page 10: Tutorial Google Sites

Google Sites

10

Tendremos un sitio preparado para empezar a añadir contenidos

A partir de una primera página de ejemplo

Para Editar

1. Visión General

sábado 11 de diciembre de 2010

Page 11: Tutorial Google Sites

Google Sites

11

con texto, imágenes, video, índices de contenido y otros muchos elementos

también documetos de Gdocs

1. Visión General

sábado 11 de diciembre de 2010

Page 12: Tutorial Google Sites

Google Sites

12

Y también documentos de Google Docs

1. Visión General

sábado 11 de diciembre de 2010

Page 13: Tutorial Google Sites

Google Sites

13

Cada sitio puede tener múltiples páginas o secciones

que podemos ir añadiendo con un solo clic

1. Visión General

sábado 11 de diciembre de 2010

Page 14: Tutorial Google Sites

Google Sites

14

Y hay tipos de páginas especiales para diferentes tipos de contenido

1. Visión General

sábado 11 de diciembre de 2010

Page 15: Tutorial Google Sites

Google Sites

Archivador: un repositorio de archivos descargables que se pueden organizar en carpetas

15

1. Visión General

Archivador

sábado 11 de diciembre de 2010

Page 16: Tutorial Google Sites

Google Sites

Página de Anuncios: con un formato semejante a un blog

16

con un canal RSS para suscripción

1. Visión General

Anuncios

sábado 11 de diciembre de 2010

Page 17: Tutorial Google Sites

Google Sites

Listas de elementos con varios campos

17

para listas de tareas, bibliografía, enlaces de interés, etc

1. Visión General

Listas

sábado 11 de diciembre de 2010

Page 18: Tutorial Google Sites

Google Sites

18

Y en todas ellas se pueden habilitar comentarios o archivos adjuntos

no solo en las páginas de anuncios

Adjuntos

Comentarios Moderados

1. Visión General

sábado 11 de diciembre de 2010

Page 19: Tutorial Google Sites

Google Sites

19

Podemos crear sitios públicos o privados

1. Visión General

sábado 11 de diciembre de 2010

Page 20: Tutorial Google Sites

Google Sites

20

Y también sitios colaborativos con varios editores

1. Visión General

sábado 11 de diciembre de 2010

Page 21: Tutorial Google Sites

Google Sites

21

Y tiene otras muchas ventajas como

Un buscador interno integrado

La posibilidad de apuntarlo a tu propio dominio

La posibilidad de cambiar el idioma de la interface

1. Visión General

sábado 11 de diciembre de 2010

Page 22: Tutorial Google Sites

Google Sites

22

1 Visión General

2 Primeros Pasos

3 Administración y Edición

2. Primeros Pasos

sábado 11 de diciembre de 2010

Page 23: Tutorial Google Sites

Google Sites

Con nuestra cuenta de Google

2. Primeros Pasos

23

sábado 11 de diciembre de 2010

Page 24: Tutorial Google Sites

Google Sites

Accedemos a la página índice de Google Sites

24

2. Primeros Pasos

sábado 11 de diciembre de 2010

Page 25: Tutorial Google Sites

Google Sites

Para añadir un sitio ...

25

2. Primeros Pasos

Asigno un nombre1

Puedo elegir una plantilla de

Sitio

Escribir nombre

Puedo personalizar

la URL

sábado 11 de diciembre de 2010

Page 26: Tutorial Google Sites

Google Sites

26

2. Primeros Pasos

Elijo un tema2O dejo la

plantilla por defecto

sábado 11 de diciembre de 2010

Page 27: Tutorial Google Sites

Google Sites

27

2. Primeros Pasos

Configuro opciones3

Elijo Privacidad

Escribo código de seguridad

Pulso en Crear

sábado 11 de diciembre de 2010

Page 28: Tutorial Google Sites

Google Sites

Así tendremos una primera página ...

28

lista para añadir contenidos

2. Primeros Pasos

Para Editar

sábado 11 de diciembre de 2010

Page 29: Tutorial Google Sites

Google Sites

A la que podrán seguir muchas más con contenidos y formatos muy diversos

29

2. Primeros Pasos

http://sites.google.com/site/cursoccooubu/ejemplos-de-contenido

sábado 11 de diciembre de 2010

Page 30: Tutorial Google Sites

Google Sites

30

1 Visión General

2 Primeros Pasos

3 Administración y Edición

3. Administración y Edición

sábado 11 de diciembre de 2010

Page 31: Tutorial Google Sites

Google Sites

31

3.1 Apariencia y Diseño

3.2 Gestión del Contenido

3.3 Navegación y Menús

3.4 Uso Compartido

3.5 Suscripciones

5 puntos clave

3. Administración y Edición

sábado 11 de diciembre de 2010

Page 32: Tutorial Google Sites

Google Sites

32

3. 1 Apariencia y Diseño

3. 1. Apariencia y Diseño

sábado 11 de diciembre de 2010

Page 33: Tutorial Google Sites

Google Sites

El diseño es independiente del contenido

33

3. 1. Apariencia y Diseño

Base de datos

Plantilla

DISEÑO

CONTENIDO

sábado 11 de diciembre de 2010

Page 34: Tutorial Google Sites

Google Sites

Está basado en plantillas o temas gráficos

34

... que nos permiten variar el aspecto sin editar el contenido

3. 1. Apariencia y Diseño

sábado 11 de diciembre de 2010

Page 35: Tutorial Google Sites

Google Sites

Al crear el sitio podemos elegir un tema

35

que podremos variar cuando queramos

3. 1. Apariencia y Diseño

sábado 11 de diciembre de 2010

Page 36: Tutorial Google Sites

Google Sites

Podemos personalizar el diseño del sitio

36

3. 1. Apariencia y Diseño

Cambiar Diseño

sábado 11 de diciembre de 2010

Page 37: Tutorial Google Sites

Google Sites

Cambiando los parámetros de configuración

37

3. 1. Apariencia y Diseño

sábado 11 de diciembre de 2010

Page 38: Tutorial Google Sites

Google Sites

O añadiendo un logotipo

38

3. 1. Apariencia y Diseño

sábado 11 de diciembre de 2010

Page 39: Tutorial Google Sites

Google Sites

Además el contenido de una página se puede distribuir en barras y columnas

39

3. 1. Apariencia y Diseño

sábado 11 de diciembre de 2010

Page 40: Tutorial Google Sites

Google Sites

40

3. 2 Gestión del Contenido

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 41: Tutorial Google Sites

Google Sites

Al crear el sitio tendremos una primera página de muestra ...

41

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 42: Tutorial Google Sites

Google Sites

42

que podremos editar para añadir contenidos

3. 2. Gestión del Contenido

Para Editar

Para Ver los Cambios

sábado 11 de diciembre de 2010

Page 43: Tutorial Google Sites

Google Sites

Puedo añadir texto y darle formato

43

3. 2. Gestión del Contenido

con la ayuda de la barra de herramientas de edición

sábado 11 de diciembre de 2010

Page 44: Tutorial Google Sites

Google Sites

Puedo añadir enlaces

44

3. 2. Gestión del Contenido

con vínculos internos o a páginas externas

sábado 11 de diciembre de 2010

Page 45: Tutorial Google Sites

Google Sites

Puedo insertar imágenes

45

3. 2. Gestión del Contenido

de Internet o de mi equipo

sábado 11 de diciembre de 2010

Page 46: Tutorial Google Sites

Google Sites

Puedo insertar un índice de contenido

46

3. 2. Gestión del Contenido

o un listado de subpáginas

sábado 11 de diciembre de 2010

Page 47: Tutorial Google Sites

Google Sites

Y puedo insertar otras herramientas de Google

47

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 48: Tutorial Google Sites

Google Sites

Como Calendarios

48

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 49: Tutorial Google Sites

Google Sites

Como Presentaciones

49

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 50: Tutorial Google Sites

Google Sites

Como Formularios

50

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 51: Tutorial Google Sites

Google Sites

Como Documentos PDF

51

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 52: Tutorial Google Sites

Google Sites

Como Mapas

52

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 53: Tutorial Google Sites

Google Sites

Como pases fotográficos de Picasa

53

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 54: Tutorial Google Sites

Google Sites

Como videos

54

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 55: Tutorial Google Sites

Google Sites

Y otros muchos Gadgets

55

3. 2. Gestión del Contenido

sábado 11 de diciembre de 2010

Page 56: Tutorial Google Sites

Google Sites

Añadir nuevas páginas

56

3. 2. Gestión del Contenido: Crear Páginas

sábado 11 de diciembre de 2010

Page 57: Tutorial Google Sites

Google Sites

Podemos añadir nuevas páginas fácilmente

57

Para Añadir

ParaEditar

3. 2. Gestión del Contenido: Crear Páginas

sábado 11 de diciembre de 2010

Page 58: Tutorial Google Sites

Google Sites

Eligiendo entre varios tipos diferentes de plantillas

58

Escribir nombre

Elegir Plantilla

Crear

Elegir Ubucación

para mostrar diferentes tipos de contenido

3. 2. Gestión del Contenido: Crear Páginas

sábado 11 de diciembre de 2010

Page 59: Tutorial Google Sites

Google Sites

Páginas de contenido o páginas Web

59

Páginas web

Las páginas web permiten añadir contenidos en forma de texto, imágenes, documentos de google y gadgets desde cero

sábado 11 de diciembre de 2010

Page 60: Tutorial Google Sites

Google Sites

Las Páginas Archivador

60

Página Archivador

Permiten crear un repositorio de archivos descargables que se pueden organizar en carpetas

sábado 11 de diciembre de 2010

Page 61: Tutorial Google Sites

Google Sites

61

Para crear una página de archivos ...

elegimos la plantilla Archivador

Página Archivador

sábado 11 de diciembre de 2010

Page 62: Tutorial Google Sites

Google Sites

62

y tendremos una página a la que subir archivos

Página Archivador

sábado 11 de diciembre de 2010

Page 63: Tutorial Google Sites

Google Sites

63

Podremos subir archivos desde nuestro equipo

o enlazándolos desde la web

Página Archivador

sábado 11 de diciembre de 2010

Page 64: Tutorial Google Sites

Google Sites

64

y también podremos organizar los archivos en carpetas

Página Archivador

sábado 11 de diciembre de 2010

Page 65: Tutorial Google Sites

Google Sites

Las páginas de Anuncios

65

Permiten publicar anuncios y artículos de forma semejante a un blog

Canal RSS

Anuncio más reciente

Anuncio anterior

Archivo Adjunto

Páginas de Anuncios

sábado 11 de diciembre de 2010

Page 66: Tutorial Google Sites

Google Sites

Para publicar un nuevo anuncio

66

Página de Anuncios

pulsamos en el botón “nueva entrada”

Nueva entrada

sábado 11 de diciembre de 2010

Page 67: Tutorial Google Sites

Google Sites

después editamos

67

Página de Anuncios

y por fin guardamos

Introducir título

Introducir contenido

sábado 11 de diciembre de 2010

Page 68: Tutorial Google Sites

Google Sites

Las páginas de Listas

68

Página de Listas

permiten crear y gestionar listas de tareas, bibliografía, enlaces de interés, etc

Campos

Elementos

sábado 11 de diciembre de 2010

Page 69: Tutorial Google Sites

Google Sites

Para crear una página de Lista

69

Página de Listas

Seleccionamos la plantilla Lista

sábado 11 de diciembre de 2010

Page 70: Tutorial Google Sites

Google Sites

Luego se puede elegir una plantilla de lista

70

Página de Listas

sábado 11 de diciembre de 2010

Page 71: Tutorial Google Sites

Google Sites

O crear una lista personalizada con los campos deseados

71

Página de Listas

sábado 11 de diciembre de 2010

Page 72: Tutorial Google Sites

Google Sites

a la que podemos añadir elementos

72

Página de Listas

sábado 11 de diciembre de 2010

Page 73: Tutorial Google Sites

Google Sites

73

3.3 Navegación y Menús

3.3. Navegación

sábado 11 de diciembre de 2010

Page 74: Tutorial Google Sites

Google Sites

Al crear el sitio se crea un primer menú de navegación

74

3.3. Navegación

Menú Inicial

sábado 11 de diciembre de 2010

Page 75: Tutorial Google Sites

Google Sites

Al que se añaden automáticamente elementos que enlazan con las nuevas páginas que vamos agregando

75

Menú Ampliado

3.3. Navegación

sábado 11 de diciembre de 2010

Page 76: Tutorial Google Sites

Google Sites

Editando la barra lateral

76

Editar

3.3. Navegación

sábado 11 de diciembre de 2010

Page 77: Tutorial Google Sites

Google Sites

Podremos ver los menús y elementos publicados

77

3.3. Navegación

sábado 11 de diciembre de 2010

Page 78: Tutorial Google Sites

Google Sites

Y editar los menús existentes

78

3.3. Navegación

sábado 11 de diciembre de 2010

Page 79: Tutorial Google Sites

Google Sites

O añadir nuevos elementos

79

3.3. Navegación

sábado 11 de diciembre de 2010

Page 80: Tutorial Google Sites

Google Sites

Podemos seleccionar las páginas a mostrar en un menú

80

Desmarcar

Añadir

3.3. Navegación

sábado 11 de diciembre de 2010

Page 81: Tutorial Google Sites

Google Sites

Y añadir también enlaces a sitios externos

81

3.3. Navegación

sábado 11 de diciembre de 2010

Page 82: Tutorial Google Sites

Google Sites

Además podemos variar el diseño del sitio ...

82

3.3. Navegación

sábado 11 de diciembre de 2010

Page 83: Tutorial Google Sites

Google Sites

para añadir un menú horizontal ...

83

... o para ubicar los menús a la derecha

Menú Horizontal

Barra Lateral

3.3. Navegación

sábado 11 de diciembre de 2010

Page 84: Tutorial Google Sites

Google Sites

84

3.4 Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 85: Tutorial Google Sites

Google Sites

85

2 tipos de sitios: públicos o privados

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 86: Tutorial Google Sites

Google Sites

86

Los sitios públicos pueden ser visibles por cualquiera

- Que los encuentre por la red

- Que conozca su dirección

Los sitios privados solo son visibles por quienes reciban invitación

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 87: Tutorial Google Sites

Google Sites

Al crear el sitio elegimos si lo hacemos privado

87

Elijo Privacidad

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 88: Tutorial Google Sites

Google Sites

Pero puedo cambiar esa configuración en cualquier momento

88

Compartir

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 89: Tutorial Google Sites

Google Sites

89

3 tipos de usuarios

Propietarios

Lectores

Colaboradores

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 90: Tutorial Google Sites

Google Sites

90

Propietarios1

pueden gestionar todo el sitio

• añadiendo contenido nuevo

• eliminando el ya existente

• gestionando los usuarios o

• modificando el aspecto visual.

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 91: Tutorial Google Sites

Google Sites

91

Lectores2

• Puede ser cualquier visitante de un sitio público

• Pueden ver un sitio privado por invitación y accediendo con su cuenta Google,

• En ningún caso pueden añadir ni modificar nada.

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 92: Tutorial Google Sites

Google Sites

92

Colaboradores/as3

En un sitio público o privado:

• pueden crear contenido o modificar el ya existente

• pueden escribir comentarios o subir archivos.

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 93: Tutorial Google Sites

Google Sites

93

Y para no liarnos tenemos un historial de revisiones

que nos permite restaurar cualquier versión anterior de un apágina

3.4. Privacidad y Uso Compartido

sábado 11 de diciembre de 2010

Page 94: Tutorial Google Sites

Google Sites

94

3.5 Suscripción

sábado 11 de diciembre de 2010

Page 95: Tutorial Google Sites

Google Sites

propietarios y Colaboradores/as pueden suscribirse a los Cambios del Sitio

95

Suscribirse

3.5. Suscripción

Para estar al día de novedades y cambios

sábado 11 de diciembre de 2010

Page 96: Tutorial Google Sites

Google Sites

o suscribirse solo a los cambios de algunas páginas

96

Suscribirse

3.5. Suscripción

sábado 11 de diciembre de 2010

Page 97: Tutorial Google Sites

Google Sites

para recibir notificaciones por correo cuando haya novedades

97

3.5. Suscripción

sábado 11 de diciembre de 2010

Page 98: Tutorial Google Sites

Google Sites

Todos los usuarios pueden suscribirse a los anuncios por RSS

98

Suscribirse

3.5. Suscripción

sábado 11 de diciembre de 2010

Page 99: Tutorial Google Sites

Google Sites

Y consultar la actividad reciente del sitio ...

99

Actividad Reciente

3.5. Suscripción

sábado 11 de diciembre de 2010

Page 100: Tutorial Google Sites

Google Sites

100

Recursos de Ayuda

Ayuda

sábado 11 de diciembre de 2010

Page 101: Tutorial Google Sites

Google Sites

101

Ayuda

Taller Google Sites

http://sites.google.com/site/cursoccooubu/

sábado 11 de diciembre de 2010

Page 102: Tutorial Google Sites

Google Sites

102

Ayuda

Web tutorial de Google Sites

http://sites.google.com/site/webscolaborativas/

sábado 11 de diciembre de 2010

Page 103: Tutorial Google Sites

Google Sites

103

Ayuda

http://sites.google.com/site/recursosdweb20idiomas/

sábado 11 de diciembre de 2010

Page 104: Tutorial Google Sites

Google Sites

104

Ayuda

Ayuda en línea de Google Sites

http://sites.google.com/support/?hl=es

sábado 11 de diciembre de 2010

Page 105: Tutorial Google Sites

Google Sites

Ejemplos de Google Sites

105

http://sites.google.com/site/sitetemplateinfo/

sábado 11 de diciembre de 2010

Page 106: Tutorial Google Sites

Luis Barriocanal CantoralCIFP Simón de Colonia – Burgos

Noviembre 2010

sábado 11 de diciembre de 2010