ÍNDICE
Introducción ................................................................................................ 2 Crear un Sitio ............................................................................................. 2 Diseño del Sitio .......................................................................................... 4 Cambiar nombre del Sitio ..................................................................... 4 Crear más Sitios .................................................................................. 6 Suprimir un Sitio ................................................................................ 6 Aspecto de un Sitio ............................................................................. 7 Presentación del Sitio .......................................................................... 8 Páginas ...................................................................................................... 10 Crear Página ....................................................................................... 10 Suprimir Página ................................................................................. 13 Editar Página ...................................................................................... 13 Diseño de Página ........................................................................ 14 Insertar texto ............................................................................... 15 Insertar Imagen............................................................................ 15 Insertar Mapa .............................................................................. 16 Insertar Video .............................................................................. 17 Insertar publicaciones Issuu y SlideShare ...................................... 19 Enlaces ...................................................................................... 21 Configurar Página ............................................................................... 23 Añadir Comentarios ..................................................................... 25 Adjuntar Ficheros ........................................................................ 25
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
Introducción En este manual se irá viendo como realizar una revista digital mediante una publicación en formato página Web que recoja, a parte de muchos otros componentes, las posibilidades creadas en los dos temas anteriores. Se tomará la creación de sitios web’s con Google Sites. Como contenido se incluirán las opciones de insertar objetos multimedia, imágenes (manipulados o creados por ejemplo en el primer tema), textos, enlaces, vídeos, incluir códigos HTML, Álbumes Picasa, Mapas, Gadgets, gestión del sitio Web, creación de páginas en distintos niveles, navegación del sitio y demás opciones que permita dicho gestor de páginas.
Crear un sitio En este apartado veremos como se crea un Sitio Web, que no es más, en nuestro caso, que la creación del lugar donde vamos a desarrollar nuestra revista. Con ello obtendremos una dirección web que podremos consultar y sobre la que podremos crear todas las páginas y contenido que nos interese. Seguiremos los siguientes pasos: Visitar la página principal: Teclearíamos https://sites.google.com/?hl=es y nos encontraremos con lo siguiente, donde rellenamos la dirección de nuestro correo Gmail (Correo electrónico) y nuestra contraseña (Contraseña):
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
2
Crear Sitio: Elegimos, en la siguiente pantalla, la opción CREAR:
Cumplimentar Formulario: Completamos el siguiente formulario para crear nuestro sitio web, teniendo en cuenta que lo podremos visitar sólo con teclear en nuestro navegador la dirección web https//sites.google.com/site/nombre asignado, por lo tanto esa será la dirección de nuestro Sitio:
Nombre de nuestro sitio, si ya está creado por otro usuario nos aparecerá el mensaje:
Dirección web del sitio
Escribimos los caracteres, si hay cualquier error nos aparece el mensaje:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
3
Pantalla de edición: Nos aparecerá el diseño con su nombre y una Página principal creada. Por lo tanto, ya tenemos creado nuestro sitio:
Título asignado
Realiza la Actividad SITIO 1
Diseño del Sitio En este apartado veremos algunas características que pueden ser variadas en las propiedades del Sitio Web creado. El primer paso, por supuesto, es acceder a la página de Google Sites e identificarnos con el correo electrónico y contraseña. Cambiar nombre del Sitio Podemos variar el título de nuestro Sitio Web teniendo en cuenta que se variará el nombre del título del Sitio pero no la dirección web del mismo, es decir, se mantendrá la manera de acceder a él con el navegador. Para ello, estando en el sitio elegimos la opción siguiente opción (Más acciones):
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
4
A continuación se nos desplegará un menú del que tomaremos la opción Administrar sitio:
En el campo Nombre del sitio colocamos el nombre deseado, elegimos GUARDAR y regresamos al sitio:
Y nuestro Sitio Web ya tendrá variado el nombre de título quedando de la siguiente manera (recordar que su acceso en la barra de navegación sigue siendo con la misma dirección):
Realiza la Actividad SITIO 2 Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
5
Crear más Sitios Podemos crear tantos Sitios como queramos, todo lo que hay que hacer es seguir los pasos que hemos comentado en el apartado de Crear un Sitio, la única diferencia es que ahora nos aparecerá el sitio que tenemos ya creado, pero no nos influye para crear más:
Realiza la Actividad SITIO 3
Suprimir un Sitio Si queremos eliminar un Sitio primero nos situamos y seleccionamos con doble clic el que deseamos borrar:
elegimos la opción Más acciones:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
6
luego Administrar sitio y elegimos la opción Eliminar este sitio:
Realiza la Actividad SITIO 4
Aspecto del Sitio En este apartado veremos como podemos variar el diseño de nuestro Sitio utilizando una serie de Temas, Colores y Fuentes. Para ello, tomaremos el menú de Más Acciones, luego la opción Administrar Sitio, Temas Colores y Fuentes:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
7
Tendríamos la siguiente pantalla donde podemos elegir un diseño predeterminado en Diseño Básico, buscar otros en Buscar más temas y elegir el estilo de cada una de las partes de nuestro sitio. Finalizamos con la opción GUARDAR y regresamos al sitio:
Realiza la Actividad SITIO 5
Presentación del Sitio Podremos en este apartado cambiar algunos elementos que aparecen en nuestro sitio que afectan a la apariencia y diseño del mismo. Para llegar a permitir estas modificaciones tomaremos la opción Más acciones y elegimos Modificar el diseño del sitio:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
8
Nos aparecerá un menú donde podremos habilitar o deshabilitar las partes que aparezcan en nuestro sitio:
Por lo tanto podremos decidir que haya o no encabezado, navegación horizontal, barra lateral y/o pie de página. Un ejemplo de esto sería nuestra página con o sin encabezado:
Vamos como queda otro sitio, no el que estamos creando porque sólo tiene una página y no veríamos bien la barra de navegación, cuando tenemos o no la barra de navegación horizontal:
Sin la barra de navegación horizontal Con la barra de navegación horizontal
También podemos diseñar cada una de las partes seleccionándolas con el clic y cambiando lo que nos permita. Por ejemplo, en el caso del encabezado nos sale el siguiente menú:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
9
Y si le cambiamos y ponemos un logotipo nos puede quedar de la siguiente forma:
Así podemos ir probando con cada una de las otras zonas o partes de nuestro sitio (navegación horizontal, barra lateral y pie de página) y viendo todas sus posibilidades.
Realiza la Actividad SITIO 6
Páginas Este apartado nos guiará en los pasos de edición y creación de más páginas, así como su diseño e inserción de diferentes elementos. Crear Página Antes de pasar a dar contenido a una página, veremos como se crean más. Estando sobre nuestro Sitio le damos a la opción Página nueva:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
10
Nos aparecerá la siguiente ventana donde teclearemos el nombre de la página a crear, su tipo y si va a estar dentro de alguna que ya tengamos creada (subpágina):
Los tipos de páginas son: Página web: Es la que tomaremos nosotros en la mayoría de los casos, con ella crearemos una página en blanco que podremos modelar y diseñar a nuestro antojo. Anuncios: Para poner novedades, informaciones de interés, diarios, anuncios… Archivador: Para guardar y organizar archivos. Lista: Para almacenar y organizar listados. Una vez elegido el tipo y nombre de la página debemos saber donde colocarla, es decir, si va a ser una página o subpágina. Vamos a verlo con dos ejemplos: Vamos a crear en nuestro sitio una página llamada Actualidad que no va a ser subpágina de ninguna:
Actualidad
Nuestro sitio va quedando así
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
11
Crearemos ahora una página llamada Deportes, que tendrá dos subpáginas: Baloncesto y Futbol. Para ello primero nos creamos la de Deportes:
Deportes
Nuestro sitio va quedando así
y luego crearíamos las otras dos subpáginas de la siguiente manera (estando dentro de la página Deportes):
Baloncesto
Futbol
Nuestro sitio queda de la siguiente forma:
Realiza la Actividad SITIO 7 Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
12
Suprimir Página Para eliminar una página sólo tenemos que estar sobre ella, desplegar el menú de Más acciones y elegir la opción Eliminar página:
Luego tomarías la acción Eliminar:
Realiza la Actividad SITIO 8
Editar Página Vamos a darle contenido a nuestras páginas empecemos modificando el diseño y contenido de una página. Para ello nos colocamos en la página a modificar y elegimos la opción Editar Página:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
13
Ya podemos ir colocándonos en las partes de la página e ir modificando su contenido, por ejemplo podemos cambiar el título y ponerle Quienes somos. Sólo tenemos que borrar el título y escribir el nuevo. Nuestra página quedaría:
Vamos ahora a empezar a cambiar el diseño y meter contenido en la página: Diseño de Página: La página podrá tener una serie de apartados para estructurar su contenido. Emplearíamos el menú de Diseño que tenemos una vez editada la página:
Vamos por ejemplo a tomar el diseño Barra lateral izquierda y se nos abrían las siguientes cajas independientes en nuestra página con el diseño seleccionado, donde iremos insertando objetos:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
14
Insertar texto: Para ir incluyendo texto en una página sólo tenemos que editarla, hacer clic sobre la posición donde queramos escribir y darle contenido. Para ello se nos abre un editor de texto que nos permite realizar algunas tareas:
Es decir, podemos: utilizar la herramienta deshacer o rehacer; variar el tipo y tamaño de la letra; ponerla en negrita, cursiva o subrayado; cambiar el color de la fuente y su fondo; hacer un enlace a una página; hacer una lista numerada o una viñeta; aumentar o disminuir sangría; alinear un texto a la izquierda, centro o derecha; insertar código HTML. Vamos pues a darle contenido a nuestra página para que nos quede más o menos así:
Insertar Imagen: Editamos la página, nos colocamos en la posición donde queremos insertar una imagen, le damos a la opción Insertar y elegimos Imagen:
cogemos la opción Subir imagen y tomamos la carpeta e imagen que deseemos (tiene, entonces, que estar previamente guardada) o indicamos la Dirección web (URL) de la imagen:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
15
Una vez que la imagen esté insertada al seleccionarla nos saldrá el siguiente menú, en el que podremos elegir entre otras cosas la alineación, tamaño y borrado de la imagen:
Cambiar o eliminar el hipervínculo de la imagen
Posición de la imagen
Tamaño de la imagen
Texto alrededor de la imagen
Eliminar la imagen
Realiza la Actividad SITIO 9 Insertar Mapa: Teniendo la página en editar tomamos en el menú de Insertar la opción de Mapa:
en el campo Introduce una ubicación escribimos la dirección y le damos a Seleccionar:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
16
después se elegiría entre otras cosas la altura-anchura y guardamos (GUARDAR):
Ya tendríamos el mapa colocado en nuestra página, como siempre nos sale un menú para poder variar las Propiedades (por si la altura-anchura no era la correcta), alineación o borrado del mapa:
Realiza la Actividad SITIO 10 Insertar Video: Se pueden insertar videos fundamentalmente desde la página de videos de YouTube (www.youtube.es). Por lo tanto, primero debemos consultarla para tomar la dirección de ese video para luego copiarla en nuestro Sitio. Veamos un ejemplo, vamos a crear una página en nuestro sitio llamada Alhambra en la que incluiremos, a parte de más objetos, un video de La Alhambra. Primero visitaremos la página de YouTube, elegiremos el vídeo que nos interesa y copiamos la dirección que nos aparece en el navegador:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
17
Accedemos a nuestro sitio, editamos la página (Alhambra) y tomamos la opción de Insertar y YouTube:
Luego en el menú que nos sale pegamos la dirección del video que habíamos visitado:
https://www.youtube.com/watch?v=axlEcGdS1 9E
Una vez insertado el video, como siempre, nos aparecerá un menú en el video para que podamos cambiar el video, alinearlo o eliminarlo.
Realiza la Actividad SITIO 11 Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
18
Insertar publicaciones Issuu y SlideShare: Como comentamos en los otros temas este tipo de publicaciones genera un código HTML que se puede copiar y lo utilizaremos para pegarlo en nuestra página. Para ver como funciona nos vamos a crear una página llamada Matemáticos a la que vamos a incluir dos subpáginas: una llamada ISSUU y otra SlideShare; para colocar en ellas nuestros documentos. Es decir, nuestro sitio va a ir quedando con las siguientes páginas:
En esta colocaremos la publicación de Issuu
Aquí situaremos la publicación de SlideShare
Nos posicionamos primero en la página ISSUU, la editamos, nos ponemos donde queramos que aparezca, elegimos la opción Insertar y Más gadgets:
Nos sale esta pantalla, en el texto de búsqueda (Search games) escribimos Embed Gadget:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
19
Ahora se nos abre la siguiente ventana y le damos a Seleccionar:
Pegamos el código que generaba Issuu en las publicaciones (Ver apartado Código de documentos del manual de Issuu) en el campo Embedding snippet, colocamos los valores de ancho-alto para ajustar al recuadro y hacemos clic en Aceptar:
En ella pegaremos el Código HTML que generaba Issuu en las publicaciones (Ver páginas 14 y 15 del Manual Issuu) y cogeríamos la opción Actualizar:
Como siempre podremos actuar sobre el objeto con el menú que nos aparece:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
20
Nuestra página quedaría así:
Se hará lo mismo en la Página SlideShare, pegando, esta vez, el Código HTML que nos genera la web de SlideSahre (Ver el Manual Slideshare apartado Códigos de Documentos).
Realiza la Actividad SITIO 12
Enlaces: Sirven para hacer un hipervínculo o enlace bien a una página de nuestro sitio o a cualquier dirección de Internet. Para ello nos vamos a situar sobre la página Matemáticos y vamos a realizar dos enlaces interno (una a la subpágina ISSUU y otro a la subpágina SlideShare) y otro dos externos (a dos dirección de Issuu y SlideShare donde se vean dos publicaciones que tengamos subidas). Lo que tenemos que hacer es editar la página Matemáticos, escribir el texto:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
21
Seleccionamos ahora la palabra ISSUU que hemos tecleado y pulsamos la opción de Enlace:
Elegiremos la opción Página de sitios, seleccionaremos nuestra subpágina ISSUU y la opción Aceptar:
si pulsamos sobre la palabra ISSUU nos llevará a esa página. Después haríamos lo mismo para el texto SLIDESHARE de nuestra página Matemáticos y lo enlazaríamos con la subpágina SlideShare. Si el enlace fuera a una página externa a nuestro sitio se haría de igual manera excepto que habría que escribir a que página o dirección tenemos que acceder. Siguiendo con el ejemplo vamos a enlazar a dos publicaciones. Teniendo editada la página Matemáticos escribimos el siguiente texto:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
22
Seleccionamos la palabra “La Materia”, escogemos la opción Enlace, Dirección Web y en Enlazar con esta URL pegamos la dirección web que nos da Issuu:
Haríamos lo mismo para el otro enlace.
Realiza la Actividad SITIO 13 Configurar Página Una página se puede configurar para que aparezcan o no comentarios y ficheros adjuntos, es decir, si tenemos por ejemplo la página de Actualidad en la que habíamos insertado una noticia podemos hacer que veamos o no en la página las siguientes opciones:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
23
Para configurar estas posibilidades debemos utilizar las opciones Mรกs acciones y Configuraciรณn de la pรกgina:
Nos aparecerรก la siguiente ventana donde podremos decidir si aparecen o no estos elementos en el pรกgina:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
24
Añadir Comentarios: Pulsaremos en la opción de la pantalla blanco del comentario, lo escribimos y clic sobre Comentar.
Queda publicado, para poderlo eliminar o modificar pulsamos en la siguiente opción:
Adjuntar Ficheros: Google sites permite que se adjunte uno o varios archivos en una página. Para ello pulsamos la opción Añade archivos:
Se nos abre la posibilidad de elegir el o los ficheros que queremos adjuntar y después se producirá el proceso de subida que tardaría mas o menos dependiendo del tamaño de los ficheros y la conexión a Internet. Nos quedaría una cosa así:
Este fichero lo podrá descargar quien consulta la página.
Realiza la Actividad SITIO 14
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
25
ACTIVIDAD SITIO 1 Crear un sitio web donde se vayan a ir probando todo lo referente a las posibilidades de Google Sites mencionadas en el manual.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 2 Cambia, si es necesario, el nombre del tĂtulo de tu Sitio.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 3 Crea en tu cuenta un nuevo Sitio, s贸lo nos servir谩 para probar la opci贸n de la Actividad siguiente (Actividad Sitio 4).
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 4 Suprime el Sitio creado en la Actividad anterior (Actividad Sitio 3).
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 5 Elegir el Aspecto de vuestro Sitio utilizando las opciones de Temas, Colores y Fuentes.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 6 Cambia la Presentaci贸n de tu Sitio para que aparezca: Una cabecera. La barra de navegaci贸n vertical donde no aparecer谩 el mapa de sistio. Un pie con el nombre del autor y a帽o del sitio creado en el centro.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 7 Crea en tu Sitio, a parte de la Pรกgina Principal: Una pรกgina llamada Actualidad. Una pรกgina llamada Deportes, con dos subpรกginas: Baloncesto y Futbol.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 8 Borra todas las pรกginas de tu Sitio excepto la Pรกgina Principal y la de Actualidad.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 9 Inserta en tu Sitio lo siguiente: a) Deja la primera página (Quienes somos) más o menos como la siguiente imagen:
b) Diseñar la página Actualidad con algún contenido de noticia actual donde insertaremos tanto texto como alguna imagen.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 10 Inserta en tu primera página (Quienes somos) un mapa de ubicación para que la página quede más o menos así:
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 11 Crear una página en tú Sitio llamada Alhambra que contenga información y un Video de La Alhambra de Granada.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 12 Crear una página en tú Sitio llamada Matemáticos que contenga las siguientes dos subpáginas: Una llamada ISSUU que contendrá como mínimo la publicación subida en Issuu sobre el documento de Grandes Matemáticos. Una llamada SlideShare que incluirá como mínimo el documento publicado en SlideShare sobre los Grandes Matemáticos.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 13 Deja la página Matemáticos con los siguientes enlaces:
ISSUU irá a la subpágina llamada ISSUU y SLIDESHARE irá a la subpágina llamada SlideShare. “La Materia” enlazará con la dirección web de la publicación Issuu de La Materia y “Músicos” (no tienen porque llamarse así) enlazará con cualquier publicación de nuestra cuenta SlideShare. Los demás enlaces son a la página de Google (www.google.es), a la página del diccionario de la Real Academia Española de la Lengua (www.rae.es) y a un diccionario multilingüe llamado WordReference (www.wordreference.com).
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD SITIO 14 Realiza los siguientes cambios sobre tu sitio: a) En la pรกgina de actualidad genera un comentario relacionado con la noticia que aparece en la pรกgina. b) En la pรกgina de Matemรกticos coloca un fichero adjunto que se pueda descargar.
Revista Digital con Google Sites (Autores: Carmen Navarro-Antonio Parrado)
1
ACTIVIDAD FINAL Crear una Revista Digital utilizando las posibilidades de Google Sites descritas en el Manual Google Sites, que cumpla las características siguientes: Se crearán un conjunto de páginas y subpáginas, cuyo formato será las secciones habituales de una revista o periódico (Actualidad, Local, Nacional, Internacional, Deporte, Sociedad, etc… esto es una orientación, ya que el formato está abierto a múltiples modificaciones y posibilidades). El contenido de esas páginas versará sobre noticias de ámbito general y/o propias del Centro Educativo.
En las páginas se debe incluir: textos, imágenes, mapas, vídeos, enlaces, publicaciones Issuu y SlideShare, álbumes Picasa, ficheros adjuntos, etc… Es decir, las posibilidades que hemos ido practicando con las actividades previas.
Debe crearse un fichero de texto llamado DirecciónFinal.odt donde se incluirá la dirección web de la revista y se subirá a la plataforma en el enlace Subir Actividad Final.
ACTIVIDAD FINAL – Revista Digital (Autores: Carmen Navarro-Antonio Parrado)
1