12
I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB 1 DECIMOQUINTA SESIÓN. WEBS EN GOOGLE SITES. PASO 4.- TRABAJANDO EN EL SITIO Añadir páginas tipo Anuncio Abrimos nuestro sitio y pinchamos en Crear página Seleccionamos la plantilla de Anuncios, ponemos un nombre, elegimos la jerarquía y creamos la página. Ya tenemos nuestra página de Anuncios tipo blog. Para añadir entradas pinchamos en nueva entrada Pondremos un título y el texto de la entrada. Pinchamos en crear página Seleccionamos Anuncios Ponemos un nombre Pinchamos en crear página Elegimos la jerarquía Pinchamos en nueva entrada Añadimos el texto Ponemos el título Podemos, al igual que en un blog, guardarlo como borrador, guardar y publicar y cancelar el post

Trabajando Con Google Sites

  • Upload
    peyne

  • View
    2.071

  • Download
    3

Embed Size (px)

DESCRIPTION

Tutorial sobre la administración de Google Sites

Citation preview

Page 1: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

1

DECIMOQUINTA SESIÓN. WEBS EN GOOGLE SITES. PASO 4.-

TRABAJANDO EN EL SITIO

Añadir páginas tipo Anuncio

Abrimos nuestro sitio y pinchamos en Crear página

Seleccionamos la plantilla de Anuncios, ponemos un nombre, elegimos la jerarquía y

creamos la página.

Ya tenemos nuestra página de Anuncios tipo blog. Para añadir entradas pinchamos en

nueva entrada

Pondremos un título y el texto de la entrada.

Pinchamos en

crear página

Seleccionamos

Anuncios

Ponemos un nombre

Pinchamos en crear página

Elegimos la jerarquía

Pinchamos en nueva entrada

Añadimos el texto

Ponemos el título Podemos, al igual que en

un blog, guardarlo como

borrador, guardar y

publicar y cancelar el post

Page 2: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

2

Tenemos los menús de edición para poder dar formato al texto, incluir imágenes y los

elementos que disponemos en las páginas normales (añadir archivos, comentarios).

Aparece el post con el título, la hora y el autor de la publicación y el contenido.

Podemos también editar el post.

Si insertamos un nuevo post, podemos observar que se ordenan en orden cronológico

inverso, al igual que ocurre con los blogs. Podemos utilizar estas páginas para añadir

noticias, convocatorias, novedades, cambios…

Podemos insertar el gadget de últimos post en alguna página para informar de los

últimos aparecidos. Para insertarlo, lo vamos a colocar mediante una tabla

Pinchamos en tabla,

insertar tabla y

seleccionamos el nº de

filas y columnas

Elegimos el lugar para

insertar el gadget.

Pinchamos en inserta y

elegimos el gadget de

entradas recientes

Podemos elegir la página de

entradas a mostrar, la longitud de

la entrada (corta, media o larga),

incluir una miniatura de la

primera imagen, el nº de entradas

a mostrar y el border y título a

mostrar. Pinchamos en guardar.

Page 3: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

3

Y ya tenemos el gadget de anuncios recientes en nuestra página.

Añadir páginas tipo Archivador

Es una página preparada para almacenar y mostrar los archivos que queramos tener en

nuestro sitio.

Seleccionamos la plantilla de Archivador, ponemos un nombre, elegimos la jerarquía y

creamos la página.

Ya tenemos la página. Ahora vamos a subir archivos.

Pinchamos en

crear página

Seleccionamos

Archivador

Ponemos un nombre

Pinchamos en crear página

Elegimos la jerarquía

Pinchamos en

añadir archivo

Nos permite buscar un archivo desde

el equipo o pegar una url.

Podemos añadir una descripción del

archivo.

Pinchamos en subir

Page 4: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

4

El archivo es subido y aparecerá con el nombre, descripción, tamaño, versión, fecha y

hora de subida y autor.

Podemos organizar los archivos en carpetas. Para hacerlo, marcamos el archivo a

mover, pinchamos en Mover a y podemos crear una carpeta nueva o elegir una

carpeta ya existente.

Para borrar un archivo, lo seleccionamos marcando la casilla de la izquierda y

pinchamos en elimina (en la parte superior).

Podemos compartir estar informados de los cambios en la página pinchando en

suscribirse a los cambios. Si hay algún cambio o nuevos archivos, nos informará

mediante un email. Es muy útil para trabaja en grupo sobre algunos archivos.

Si hacemos clic sobre Descargar debajo del nombre del archivo nos permite

descargarlo o abrirlo. Si pinchamos sobre la versión, se nos abre un historial de las

modificaciones guardadas, que podemos descargar pinchando sobre ellas.

Añadir páginas tipo Lista

Seleccionamos

Mover a

Descargar las

versiones.

Se trata de una página que puede

contener listados hechos a nuestra

medida o seleccionados de unas

plantillas predeterminadas.

Como siempre, pinchamos en crear

página y después seleccionamos la

plantilla de lista, le damos nombre, la

jerarquía y crear página.

Page 5: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

5

Se nos abre una nueva pantalla donde podemos elegir entre tres plantillas ya

predeterminadas y estructuradas o crear las nuestras.

Si elegimos una predeterminada se crea la lista y sólo tendremos que ir añadiendo

elementos.

Ya tendríamos el primer elemento de la lista. También podemos añadir archivos

adjuntos y comentarios.

Si elegimos crear nuestra lista, aparece una nueva pantalla.

Hay que elegir un nombre de columna y el tipo de contenido que contendrá. Podemos

elegir entre:

Casilla de verificación: Si queremos colocar un cuadradito de opción para marcar o

desmarcar

Fecha: Para poner fechas

Desplegable: Menú desplegable para seleccionar de distintas opciones

Añadir elementos

a la lista.

Rellenamos los campos y

pinchamos en guardar

Page 6: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

6

Texto: Para añadir texto

URL: Para poner hiperenlaces

Después podemos añadir nuevos elementos, personalizar esta lista (añadiendo o

eliminando columnas) Y ordenarla (en orden ascendente o descendente)

Pueden, por ejemplo, crearse listados para el control de temas, de alumnos…etc.

Insertar gadget u objetos mediante código html

Hasta hace poco, Google Sites no permitía añadir objetos de otros servicios como

slideshare, scribd, issuu o vimeo, entre otros muchos. No se permite insertar

javascripts, pero ya se han desarrollado gadget para poder insertarlos.

Para insertar, por ejemplo, una presentación de slideshare, primeros debemos copiar

el código Embed de la presentación que queramos insertar.

Pinchamos en

html.

Nos vamos a la página de nuestro

sitio donde queramos insertar la

presentación y pinchamos en el

botón Html

Page 7: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

7

Se nos abre una pantalla de edición de Html. Sólo tendremos que pegar el código y

pinchar en actualizar (podemos hacer una vista previa del resultado).

Y ya tenemos la presentación insertada. Si quisiéramos insertar una javascript, no se

puede por motivos de seguridad. Pero se han desarrollados gadgets para hacelo.

Podéis encontrar uno de ellos, con la explicación para insertarlo en esta dirección

http://sites.google.com/site/annuairevin/test-page/using-script-google-sites

ADMINISTRANDO NUESTRO SITIO

En la pestaña general podemos cambiar los siguientes elementos:

Pegamos el

código.

Pinchamos en

actualizar.

Entre las opciones que nos

permite la pestaña Más acciones,

debemos seleccionar administrar

sitio para acceder a diversas

posibilidades de organización y

control del sitio.

En la nueva pantalla podemos controlar las siguientes

opciones:

Contenido del Sito: que nos permite ver y trabajar

con la actividad reciente del sitio, las páginas creadas,

los archivos adjuntos subidos y las plantillas de

páginas usadas.

Configuración del sitio: En el que tendremos varias

importantes opciones de control sobre nuestro sitio,

como obtener nuestra dirección y cambiarla, obtener

ingresos mediante la inserción de anuncios y, las que

más nos interesan, la pestaña General y compartir.

Page 8: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

8

En la pestaña Compartir podemos invitar a otras personas a trabajar en nuestro sitio

como propietarios (con los mismo permisos que el creador), como colaboradores

(pueden crear, editar y eliminar páginas, mover páginas, añadir archivos adjuntos,

añadir comentarios, añadir páginas a la navegación de la barra lateral o suprimirlas,

suscribirse a los cambios del sitio o de la página), o como lectores para ver las páginas.

Sólo se debe introducir la dirección de correo de la persona a quien se quiera invitar y

enviarlo (se puede invitar a todos los que se quiera, pero con un máximo de 50 por

día).

Cambiar el nombre del sitio y

mostrarlo en la parte

superior de las páginas.

Descripción del sitio.

Cambiar la página de inicio

del sitio

Datos para habilitar las

estadísticas de Google

Analytics y de sitemaps.

Idioma del sitio. Acceso a la actividad del

sitio y al historial de

revisiones (todos o sólo

colaboradores).

Copiar, publicar como plantilla o

suprimir el sitio.

Guardar los cambios.

Introducir los emails a invitar. Los

podemos obtener de la libreta de

direcciones de gmail.

Hacer público o privado el sitio.

Grado de invitación.

Page 9: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

9

Cambiando la barra lateral de navegación

Por defecto, Google organiza la barra de navegación automáticamente y crea enlaces a

las páginas del sitio que vamos creando. Las muestra en la barra lateral izquierda en

orden alfabético. Pero podemos cambiarla y añadir o eliminar otros elementos.

Para acceder a la pantalla de edición podemos hacerlo desde dos pantallas: en

cualquier página, debajo de la barra lateral, podemos pinchar en editar barra lateral; o

en Administrar sitio, en el apartado Apariencia del sitio seleccionando Presentación del

sitio.

Aparece la pantalla de configuración de la navegación.

Si desmarcamos la casilla de organización automática, podremos organizar nuestra

barra de navegación como necesitemos. Si nos aparece en blanco, deberemos añadir

las páginas de nuestro sitio que deseemos pinchando en Añadir página. Una vez que

Una vez allí, pinchamos en el

apartado navegación sobre editar.

También la podemos suprimir.

Podemos cambiar el título por otro,

Mostrarlo o no, organizar

automáticamente la navegación o

no, cuantos niveles de páginas se

mostrarán (2 por defecto) e incluir

un enlace al Mapa del sitio (lista de

todas las páginas del sitio) y a la

actividad reciente del sitio. Para

seleccionarla marcamos o

desmarcamos las casillas adjuntas.

Page 10: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

10

tengamos las páginas podemos, seleccionándola, reordenarla con las flechas de arriba

y abajo, poner una página como subpágina de otra, mediante la flecha derecha, o

colocarla al mismo nivel con la flecha izquierda. Podemos eliminarla de la navegación

(que no del sitio) con el aspa, o volver a añadirla, mediante añadir página.

Cuando finalicemos, pinchamos en aceptar para volver a la pantalla de edición.

Deberemos guardar los cambios. Podemos volver al sitio o seguir editando. Ahora

vamos a añadir Un elemento a la barra lateral

Google permita añadir seis módulos a la barra lateral: Anuncios de adsense,

Navegación (enlaces a páginas concretas), texto (que nos permite incluir iconos,

Mediante añadir url podemos añadir un

enlace a una web externa. Aparecerá esta

nueva pantalla, donde pondremos la url o

email deseado, el texto que aparecerá en la

barra y aceptamos. Será un elemeto más de

la lista.

Page 11: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

11

dibujos, enlaces…), actividad reciente del sitio, mi actividad reciente en el sitio y una

cuenta atrás.

Vamos a incluir una cuenta atrás como ejemplo. Debemos seleccionar el botón añadir

que aparece en la ventana de selección de elemento de página nuevo. Ya se añade a la

barra. Para editarlo, pinchamos en editar en la caja de edición del gadget y, en la nueva

ventana, introducimos el título y seleccionamos la fecha final de la cuenta. Aceptamos

al terminar.

En Apariencia del sitio, colores y fuentes, podemos cambiar los colores y tipos de

fuentes de todos los elementos de nuestro sitio, teniendo una vista previa de los

cambios que vayamos haciendo.

En temas podemos cambiar la plantilla de páginas del sitio en cualquier momento,

eligiendo otra de las predeterminadas. Disponemos de una vista previa.

No olvidar guardar los cambios siempre.

Podemos reordenar los elementos de la barra

lateral situando el ratón sobre los cuatro puntitos

situados en la parte superior de cada elemento y

arrastrándolo a la nueva posición. Ya hemos

organizado nuestra barra lateral.

Page 12: Trabajando Con Google Sites

I.E.S. RIBERA DEL BULLAQUE GRUPO DE TRABAJO CREACIÓN Y DISEÑO DE BLOGS Y PAG. WEB

12

Cambiar el Diseño del Sitio

Para cambiar el diseño del sitio, en la pantalla de administrar sitio (presentación del

sitio), pinchamos sobre Cambiar diseño del sitio.

Cambiar el logotipo

El logotipo aparece arriba a la izquierda de la página. Para cambiarlo, en la pantalla de

presentación del sitio de administrar sitio, pinchamos en la sección de cabecera sobre

cambiar el logotipo. En la pantalla que se abre podemos:

Podemos:

- Cambiar el ancho del sitio (por

defecto, 100% de la pantalla) en

pixeles o %.

- Cambiar la cabecera, eliminarla,

utilizar el valor del tema, usar el

tamaño del logotipo o establecerla en

pixeles.

- Cambiar la barra lateral,

eliminándola, poniéndola a la

izquierda o a la derecha y cambiar la

anchura (150 pix. Por defecto).

Seleccionar un logotipo

personalizado, que buscaremos

en nuestro disco mediante

seleccionar o dejarlo sin logotipo.

Deberemos tener en cuenta las

dimensiones del logotipo para

adaptarlo al espacio del que

disponemos.