Post on 19-Jun-2015
description
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
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.
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
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.
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
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
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.
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.
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.
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.
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.
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.