Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
Tutorial de Google Sites
Prof. Karina Noriega
Prof. Silvina Herrera
Marzo 2014
Esta obra está bajo una
Licencia Creative C...
Prof. Herrera Silvina - Noriega Karina Página 2
Modulo-Recursos Digitales para el Docente
2014
¿Qué es Google Sites?
Es un...
Prof. Herrera Silvina - Noriega Karina Página 3
Modulo-Recursos Digitales para el Docente
2014
2. Asignar un nombre al sit...
Prof. Herrera Silvina - Noriega Karina Página 4
Modulo-Recursos Digitales para el Docente
2014
¿Cómo creamos una página de...
Prof. Herrera Silvina - Noriega Karina Página 5
Modulo-Recursos Digitales para el Docente
2014
 Al hacer clic en crear no...
Prof. Herrera Silvina - Noriega Karina Página 6
Modulo-Recursos Digitales para el Docente
2014
2. Nos habilitara una serie...
Prof. Herrera Silvina - Noriega Karina Página 7
Modulo-Recursos Digitales para el Docente
2014
Pasos para agregar una imag...
Prof. Herrera Silvina - Noriega Karina Página 8
Modulo-Recursos Digitales para el Docente
2014
3. A continuación veremos c...
Prof. Herrera Silvina - Noriega Karina Página 9
Modulo-Recursos Digitales para el Docente
2014
2° Forma: Copiar URL de la ...
Prof. Herrera Silvina - Noriega Karina Página 10
Modulo-Recursos Digitales para el Docente
2014
Pasos para agregar un enla...
Prof. Herrera Silvina - Noriega Karina Página 11
Modulo-Recursos Digitales para el Docente
2014
5. Una vez pegado el enlac...
Prof. Herrera Silvina - Noriega Karina Página 12
Modulo-Recursos Digitales para el Docente
2014
4. Luego se nos muetrará l...
Prof. Herrera Silvina - Noriega Karina Página 13
Modulo-Recursos Digitales para el Docente
2014
7. Para terminar hacemos c...
Prof. Herrera Silvina - Noriega Karina Página 14
Modulo-Recursos Digitales para el Docente
2014
5. A continuación iremos a...
Prof. Herrera Silvina - Noriega Karina Página 15
Modulo-Recursos Digitales para el Docente
2014
10.Para terminar hacemos c...
Prof. Herrera Silvina - Noriega Karina Página 16
Modulo-Recursos Digitales para el Docente
2014
Una vez seleccionada la op...
Prof. Herrera Silvina - Noriega Karina Página 17
Modulo-Recursos Digitales para el Docente
2014
 En la opción Páginas: Se...
Prof. Herrera Silvina - Noriega Karina Página 18
Modulo-Recursos Digitales para el Docente
2014
En esta sección podemos en...
Prof. Herrera Silvina - Noriega Karina Página 19
Modulo-Recursos Digitales para el Docente
2014
 Encabezado
Sí hacemos cl...
Prof. Herrera Silvina - Noriega Karina Página 20
Modulo-Recursos Digitales para el Docente
2014
Estas opciones nos permite...
Próxima SlideShare
Cargando en…5
×

Tutorial Google Sites

3.292 visualizaciones

Publicado el

Tutorial de Google Sites

Publicado en: Educación
  • Sé el primero en comentar

Tutorial Google Sites

  1. 1. Tutorial de Google Sites Prof. Karina Noriega Prof. Silvina Herrera Marzo 2014 Esta obra está bajo una Licencia Creative Commons Atribución- CompartirIgual 4.0 Internacional.
  2. 2. Prof. Herrera Silvina - Noriega Karina Página 2 Modulo-Recursos Digitales para el Docente 2014 ¿Qué es Google Sites? Es una aplicación online gratuita ofrecida por la empresa estadounidense Google. Esta aplicación permite crear un sitio web de una forma tan sencilla como editar un documento. Con él, los usuarios pueden reunir en un único lugar y de una forma rápida información variada, incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto. Además, permite compartir información con facilidad para verla y compartirla con un grupo reducido de colaboradores o con toda su organización, o con todo el mundo. En cuanto a su aplicación didáctica podemos crear fácilmente con esta herramienta Webquest o Wikis para trabajar con nuestros alumnos. ¿Cómo creamos un sitio web? Para empezar a crear una página en Google Sites, deberemos de ir a http://sites.google.com, y necesitaremos tener una cuenta de correo en Gmail para poder acceder a Google Sites: Una vez que hemos introducido el mail y la contraseña de Gmail nos aparecerá la siguiente página, en donde podemos crear un sitio. Para ello debemos hacer un clic en el botón Crear. A continuación nos aparecerá la siguiente página, donde podremos seleccionar algunas opciones para crear nuestro sitio: 1. El tipo de plantilla (elegiremos entre tres tipos)  En blanco  Classroom site  Plantillas ya creadas
  3. 3. Prof. Herrera Silvina - Noriega Karina Página 3 Modulo-Recursos Digitales para el Docente 2014 2. Asignar un nombre al sitio (si nos figura de que el nombre no está disponible, deberemos elegir otro nombre, porque el que pusimos ya está tomado por otro usuario) 3. Y por último introducimos el código que nos aparece y luego hacer clic en el botón Crear Sitio. Al crear un sitio nos mostrará la página principal o inicio. Las opciones que aparecen son las siguientes:  Crear una página.  Editar una página.  Configuración.
  4. 4. Prof. Herrera Silvina - Noriega Karina Página 4 Modulo-Recursos Digitales para el Docente 2014 ¿Cómo creamos una página dentro del sitio web? Para crear una página: 1. Hacemos clic en el botón Página Nueva: 2. Nos aparecerá la siguiente página. Agregamos el nombre de la página que vamos a crear. Seleccionamos la ubicación dentro de la estructura de páginas. Si dejamos seleccionada la opción Coloca la página en el nivel superior, la página se creará al mismo nivel de la página de inicio. 3. Hacemos clic en el botón de Crear.
  5. 5. Prof. Herrera Silvina - Noriega Karina Página 5 Modulo-Recursos Digitales para el Docente 2014  Al hacer clic en crear nos aparecerá la nueva página que se ha creado y podremos editarla:  Si hacemos clic en Guardar podremos observar hacia la izquierda que existen dos páginas, una de inicio y la página nueva, en este ejemplo: Herramientas web 2.0. ¿Cómo editamos una página? 1. Hacemos clic en la página deseada, y a continuación clic en el botón editar: Editar página
  6. 6. Prof. Herrera Silvina - Noriega Karina Página 6 Modulo-Recursos Digitales para el Docente 2014 2. Nos habilitara una serie de menú de opciones y una barra de herramientas similar a la de un procesador de texto, donde podremos agregar texto y darle formato. Algunos de los botones de esta barra de herramientas son: 3. Una vez editada nuestra página haremos clic en el botón Guardar. Una vez se haya guardado la página nos mostrará cómo quedará en una vista previa. Nota: Cada vez que queramos editar la página necesitaremos ir al botón Editar página para realizar los cambios que deseemos. A continuación veremos cómo insertar distintos objetos en una página cuando estemos editándola.
  7. 7. Prof. Herrera Silvina - Noriega Karina Página 7 Modulo-Recursos Digitales para el Docente 2014 Pasos para agregar una imagen Se puede realizar de dos maneras. Una es subiendo un imagen y la otra es copiar la URL de una imagen que está en línea. En todos los casos, primero haremos clic en el botón Editar página y luego posicionaremos el cursor en el lugar donde queremos colocar la imagen. A continuación haremos clic en Insertar y luego clic en Imagen. En el cuadro que se nos abre podremos optar por subir la imagen o copiar su URL. 1° Forma: Subir una imagen 1. Hacemos clic en el botón Subir imágenes. 2. Nos aparecerá la siguiente ventana en donde podremos ubicar en nuestra computadora la imagen que queremos subir. La seleccionamos a la imagen y hacemos clic en Abrir.
  8. 8. Prof. Herrera Silvina - Noriega Karina Página 8 Modulo-Recursos Digitales para el Docente 2014 3. A continuación veremos cómo se carga la imagen: 4. Una vez que subida se la puede previsualizar y ya podremos agregarla haciendo clic en el botón Aceptar. 5. Al aceptar la imagen nos muestra la página con la imagen incluida. 6. Finalmente haremos clic en Guardar para que los cambios tengan efecto en la página y se nos muestre la vista previa.
  9. 9. Prof. Herrera Silvina - Noriega Karina Página 9 Modulo-Recursos Digitales para el Docente 2014 2° Forma: Copiar URL de la imagen 1. Buscamos una imagen en el buscador Google, una vez encontrada la imagen deseada, la seleccionamos y hacemos clic a la derecha en el botón Ver imagen. 2. Una vez se abierta la imagen haremos clic con el botón derecho del mouse sobre la misma y elegiremos la opción Copiar URL de imagen. 3. Una vez hecho esto volvemos a editar la página donde queremos insertar la imagen siguiendo los pasos como se indicó al principio, y seleccionamos esta vez la opción Dirección web (URL): 4. En el casillero URL de la imagen, pegaremos el enlace que se copió en el paso anterior. 5. Observaremos que cuando se copia la URL, nos mostrará la imagen y podremos hacer clic en Aceptar para agregarla. Si se hace un clic sobre la imagen se nos muestran algunas opciones donde podremos seleccionar la alineación y si queremos que el texto la rodee o no. 6. Finalmente hacemos clic en Guardar para para que los cambios tengan efecto en la página y se nos muestre la vista previa.
  10. 10. Prof. Herrera Silvina - Noriega Karina Página 10 Modulo-Recursos Digitales para el Docente 2014 Pasos para agregar un enlace 1. Buscamos un sitio web y copiamos su URL. Por ejemplo: 2. En la página deseada (en nuestro sitio de Google Sites) haremos clic en el botón Editar página y luego posicionaremos el cursor en el lugar donde queremos colocar el enlace. 3. A continuación haremos clic en Insertar y luego clic en Enlace. 4. En el cuadro que se nos abrirá seleccionaremos a la izquierda la opción Dirección web y en el casillero Texto para mostrar escribiremos el texto que se nos mostrará con el enlace (puede ser la misma URL o un texto que haga referencia a su contenido), luego en el casillero Enlazar con esta URL, pegaremos la dirección copiada en el 1° paso.
  11. 11. Prof. Herrera Silvina - Noriega Karina Página 11 Modulo-Recursos Digitales para el Docente 2014 5. Una vez pegado el enlace podemos tildar la opción Abrir este enlace en una ventana nueva y luego hacer un clic en Aceptar. 6. Finalmente haremos clic en Guardar y se nos mostrará la vista previa en donde se verá y se podrá abrir el enlace. Pasos para agregar un video de YouTube 1. Buscamos en YouTube un video. 2. Una vez visualizado, seleccionamos la URL del mismo. Por ejemplo: 3. En el sitio web iremos a Editar página (en la página que queramos agregar el video) Y luego iremos al menú Insertar/ youtube
  12. 12. Prof. Herrera Silvina - Noriega Karina Página 12 Modulo-Recursos Digitales para el Docente 2014 4. Luego se nos muetrará la siguiente ventana en donde pegaremos la URL del video copiado en youtube: 5. Luego de pegar podremos elegir las opciones deseadas y hacer clic en el botón Guardar 6. Luego de guardar nos mostrará cómo se insertó el video. Si se hace un clic sobre el video se nos muestran algunas opciones donde podremos seleccionar la alineación del video y si queremos que el texto lo rodee o no. Estas opciones también aparecen cuando se inserta una imagen.
  13. 13. Prof. Herrera Silvina - Noriega Karina Página 13 Modulo-Recursos Digitales para el Docente 2014 7. Para terminar hacemos clic en el botón Guardar podremos ver el video en la página. Pasos para agregar una presentación de SlideShare 1. Buscamos una presentación en SlideShare. 2. Una vez visualizada la presentación, haremos clic en compartir: 3. Luego en la ventana que se nos abre hacemos clic en Insertar, y copiamos el código que se nos ofrece allí. 4. Para ello hacemos clic con el botón derecho del mouse sobre el código seleccionado y hacemos clic en copiar.
  14. 14. Prof. Herrera Silvina - Noriega Karina Página 14 Modulo-Recursos Digitales para el Docente 2014 5. A continuación iremos a la página del sitio web en Google Sites, donde queremos agregar la presentación, y haremos clic en Editar página: 6. Luego haremos clic en el botón <HTML> que se encuentra al final de la barra de herramientas: 7. Se nos abrirá una ventana en donde podremos pegar el código antes copiado. Para ello primero posicionaremos el cursor al principio o al final del código html y luego con en esa posición haremos clic con el boton derecho del mouse y pegaremos el código embebido. | 8. Luego hacemos clic en el botón, Actualizar para que el código se agregue en la página. 9. Se nos mostrará como se inserto la presentacion:
  15. 15. Prof. Herrera Silvina - Noriega Karina Página 15 Modulo-Recursos Digitales para el Docente 2014 10.Para terminar hacemos clic en el botón Guardar y podremos ver la presentación en la vista previa de la página: Importante: Para insertar un objeto de aprendizaje (por ejemplo una actividad buscada en ZonaClic) copiando su codigo para embeber, procederemos de la misma manera que lo hicimos para insertar una presentación. ¿Cómo administramos el sitio web? Para administrar el sitio necesitamos hacer clic en el botón “Más Acciones”: En este menú la opción Administrar sitio nos permite realizar los cambios en el sitio, solo si somos propietarios del mismo (porque hayamos creado el sitio o porque nos asignaron el permiso):
  16. 16. Prof. Herrera Silvina - Noriega Karina Página 16 Modulo-Recursos Digitales para el Docente 2014 Una vez seleccionada la opción se nos abrirá la página Administración del sitio, la cual tiene a su izquierda una serie de opciones para configurar nuestro sitio.  Por defecto nos muestra los datos de la opción General: Podremos decidir si mostrar el nombre del sitio en las páginas. Más abajo también podremos ver el almacenamiento y la opción para eliminar el sitio. Aclaración: Para aplicar cualquier cambio que realicemos haremos clic en el botón Guardar.  En la opción actividades recientes: Se nos muestran todos los cambios que se realizaron y quienes participaron con fecha y hora, pudiendo acceder a cada una de ellos.
  17. 17. Prof. Herrera Silvina - Noriega Karina Página 17 Modulo-Recursos Digitales para el Docente 2014  En la opción Páginas: Se nos muestran todas las páginas que se crearon en el sitio (la estructura del sitio). Permitiéndonos cambiar la ubicación de las distintas páginas.  En la opción Archivos Adjuntos: Se nos muestran todos los archivos que se subieron a al sitio: imágenes, videos, animaciones, etc..  En la opción Compartir y permisos: Se nos muestra la URL del sitio para copiarlo e insertarlo donde queramos y las opciones para permitir el acceso de otras personas.
  18. 18. Prof. Herrera Silvina - Noriega Karina Página 18 Modulo-Recursos Digitales para el Docente 2014 En esta sección podemos enviar invitaciones al correo electrónico (solamente de gmail), de las personas con las cuales queremos compartir el sitio y concederle el permiso de ser propietario, ver o editar, a cada una de ellas.  En la opción Temas, colores y fuentes: se nos muestran las opciones para cambiar el aspecto del sitio (plantilla en blanco). Podremos cambiar el color de la página completa, el del encabezado o el del área de contenido. Modificar el diseño Google Sites nos permite realizar los cambios en el diseño del sitio, pero solo si somos propietarios del mismo. Para acceder a la opción hay que ir a Más acciones y hacer clic en Modificar el diseño del sitio:
  19. 19. Prof. Herrera Silvina - Noriega Karina Página 19 Modulo-Recursos Digitales para el Docente 2014  Encabezado Sí hacemos clic en el botón Encabezado se puede habilitar o deshabilitar el encabezado: Luego si nos dirigimos hacia el encabezado y hacemos clic sobre este se nos abrirán las siguientes opciones: Con ellas podemos configurar el encabezado, como por ejemplo agregar un logo al sitio, la alineación del logo, modificar la altura del encabezado, etc. Una vez seleccionadas las opciones haremos clic en el botón Aceptar.  Barra lateral Si hacemos clic en el botón Barra lateral se puede habilitar o deshabilitar la barra lateral: Si movemos el mouse sobre la barra lateral o Sidebar nos muestra la opción Navegación y al hacer clic sobre ella nos mostrará las siguientes opciones:
  20. 20. Prof. Herrera Silvina - Noriega Karina Página 20 Modulo-Recursos Digitales para el Docente 2014 Estas opciones nos permiten configurar como y que se verá en la barra lateral o Sidebar. Una vez seleccionadas las opciones haremos clic en el botón Aceptar.  Pie página personalizado Si hacemos clic en el botón pie de página personalizado se puede habilitar o deshabilitar el pie de página. Luego si nos dirigimos al pie de página y hacemos clic sobre este se nos abrirá una ventana donde podremos modificar el contenido del pie de página y luego haremos clic en el botón Aceptar para introducir los cambios. Una vez realizadas todas las modificaciones al diseño del sitio hacemos clic en el botón Cerrar que encontramos en la parte superior a la derecha de la página.

×