Diapositiva 1

Seminario ANPE-Alicante

NUEVAS TECNOLOGAS APLICADAS AL MBITO EDUCATIVO

Crear paginas

1

CREAR UNA PAGINA NUEVA I

Una vez que hemos creado el sitio y lo tenemos en pantalla, podemos empezar a crear pginas. Para empezar pulsamos el botn Crear pgina.

2

CREAR UNA PAGINA NUEVA II

Esta es la pantalla de Crear una nueva pgina. Para crearla debemos elegir un tipo de plantilla y dar un nombre a la pgina. El nombre ser el que aparezca el los mens y en la cabecera de cada pgina. Tambin seleccionaremos la ubicacin.

3

CONFIGURAR UNA PAGINA TIPO WEB I

Hemos elegido como tipo: Pgina Web y como nombre: Pgina Principal, la ubicacin de momento no tiene importancia. Cuando ya tenemos creada la pgina, tenemos que darle forma. Para esa tarea, hemos de pinchar en el botn Editar pgina.

4

CONFIGURAR UNA PAGINA TIPO WEB II

Una vez que hemos pulsado sobre Editar pgina nos aparece la pantalla de edicin con su men y su barra de herramientas. Desde aqu podremos aadir todos los componentes que queramos a nuestra pgina web.

Area de pgina

(se modifica en este apartado, el resto pertenece al sitio y se modifica de otra forma)

5

LAS HERRAMIENTAS DE EDITAR PAGINA

Las herramientas que aparecen al pinchar en Editar pgina estn en tres grupos:

Los botones de Guardar y Cancelar.

La barra de mens

La barra de herramientas

1

3

2

6

LOS MENUS DE EDITAR PAGINA - Insertar

El primer grupo nos permite introducir elementos sencillos, como imgenes, enlaces o lneas.

En este grupo estn los servicios que proporciona Google en la red, objetos de Google Docs, de Picasa o formularios.

Desde este tercio, podemos insertar en la pgina elementos actualizados del sitio que estamos creando.

7

LOS MENUS DE EDITAR PAGINA - Formato

El men de formato es muy parecido a los de otros programas de edicin de texto, aunque mucho ms limitado. No podremos dar formato al texto al nivel que lo podemos hacer por ejemplo en Word. Normalmente no hace falta acudir al men, puesto todas las opciones estn en la barra de herramientas.

8

LOS MENUS DE EDITAR PAGINA - Tabla

Si habis trabajado con programas de edicin de texto, tendris experiencia con las tablas, al igual que con el formato, el men tabla se queda bastante corto en Google Sites, pero cumple su funcin como separador muy bien.

9

LOS MENUS DE EDITAR PAGINA - Diseo

El men diseo, hace referencia exclusivamente a las posibilidades de divisin del rea de pgina. Es importante ya que de estas divisiones depender el aspecto que tenga nuestra pgina. En cada una de las divisiones podremos insertar elementos.

10

LOS MENUS DE EDITAR PAGINA - Diseo

El men diseo, hace referencia exclusivamente a las posibilidades de divisin del rea de pgina. Es importante ya que de estas divisiones depender el aspecto que tenga nuestra pgina. En cada una de las divisiones podremos insertar elementos.

11

LA BARRA DE HERRAMIENTAS

La barra de herramientas nos permite acceso rpido a ciertos comandos de los mens, con respecto a estos, aade la posibilidad de cambiar el tipo y el tamao de letra adems de poder crear listas numeradas y punteadas y sangras. Tambin no posibilita el trabajar bsicamente el cdigo HTML.

12

PREPARAR EL ESPACIO - Men Diseo

Desde el men diseo vamos a dividir el espacio de la pgina a nuestro gusto. No siempre tendremos claro como vamos a disponer los elementos en la pgina, que no hay que preocuparse, ya que se puede cambiar posteriormente. Vamos a probar con una disposicin de Dos columnas.

El rea de la pgina quedar configurada as.

13

AADIENDO ELEMENTOS - Men Insertar

Empezamos a rellenar con elementos los cuatro espacios empezando por el de arriba, aunque el orden no es importante. Insertamos desde el men Insertar una Imagen.

Una vez hemos introducida la imagen, aparece un men con opciones para modificar el enlace y tambin para modificar el aspecto de la imagen. Hay que tener claro que son dos opciones separadas. En la siguiente pgina vemos como modificarlo.

14

AADIENDO ELEMENTOS - Men edicin de imagen

1 - Enlace.

Nos permite crear un vinculo entre la imagen y cualquier otra pgina de nuestro sitio, de Internet o de alguna aplicacin de Google.

2 - Imagen.

Alinear: Izda / Centro / Dcha.

Tamao: Nos crea un icono con tres tamaos posibles adems de poder dejar el tamao original de la imagen.

Ajustar: Ajusta el texto a la imagen o no.

Eliminar: Borra la imagen.

15

AADIENDO ELEMENTOS Modo editar / Modo normal

Vista Editar pgina

Vista Normal

16

Las imgenes son un caso especial, como el texto que lo podemos ver an estado en el modo Editar pgina, sin embargo el resto de los elementos que insertamos en una pgina web no se pueden ver en este modo, por ejemplo si colocamos un elemento de Videos de You Tube y queremos ver el resultado tendremos que pulsar el botn Guardar y salir del modo de edicin de pgina para ver el resultado.

AADIENDO ELEMENTOS Otros contenidos

Despus del primer objeto vamos a poner tres ms, uno por cada uno de los huecos que vimos en la diapositiva n 13. Para que tengis una referencia vamos a incluir:

un calendario,

un mapa de Google

un video de You Tube

Con lo cual tendremos una pgina con este aspecto.

Que no os ha quedado as!, no os preocupis, pasamos a una nueva diapositiva.

17

18

OTRAS PAGINAS Pginas tipo anuncios I

Hasta ahora hemos visto como crear una pgina con la plantilla de Pgina web, ahora veremos cono crear los otros tres tipos de plantilla que, por defecto, podemos crear en Google Sites. El proceso es el mismo que para la pgina que ya hemos visto:

1 - Botn Crear pgina.

2 - Elegir Plantilla Anuncios.

Nos aparecer una pgina con este formato.

19

OTRAS PAGINAS Pginas tipo anuncios II

Ya podemos empezar a crear nuestras entradas de blog, es muy sencillo, no tenemos ms que pulsar Nueva entrada y nos aparecer la primera pgina de nuestro blog en blanco. Una vez hayamos escrito nuestra entrada damos al botn Guardar y ya tendremos una noticia en el blog. Las personas con las que compartamos el sitio, podrn hacer comentarios. Las entradas se irn colocando en orden cronolgico, las ms nuevas arriba.

20

OTRAS PAGINAS Pginas tipo anuncios III

Aspecto que muestra nuestra pgina de anuncios que tiene: dos entradas, archivos adjuntos y comentarios.

Aspecto que muestra nuestra pgina de anuncios como una noticia en otra pgina.

21

OTRAS PAGINAS Pginas tipo archivador I

Exactamente igual que con el tipo anuncios, con el tipo archivador procedemos de igual manera.

1 - Botn Crear pgina.

2 - Elegir Plantilla Archivador.

Nos aparecer una pgina con este formato.

22

OTRAS PAGINAS Pginas tipo anuncios II

Cuando pulsamos el botn Aadir archivo, nos aparece el siguiente cuadro de dilogo.

Desde el mismo podemos aadir: bien un archivo que tengamos en el disco duro o bien un archivo que tengamos colgado en Internet. En ambos caso nos permite dar una descripcin del archivo para as poder identificarlo ms fcilmente.

23

OTRAS PAGINAS Pginas tipo anuncios III

Al aadir varios archivos se va creando un listado con el nombre, la descripcin, el tamao, el tiempo que hace que se ha subido y el nombre de la persona que lo ha subido.

Como se puede ver se pueden aadir archivos de cualquier tipo. Desde la misma pantalla podemos borrar o cambiar de sitio el archivo.

24

OTRAS PAGINAS Pginas tipo listas I

Exactamente igual que con el tipo anuncios, con el tipo lista procederemos igual que en las anteriores, pulsando el botn Crear pgina y luego elegimos la plantilla Lista.

Veremos al momento la siguiente imagen que nos propone varias listas predefinidas, o la posibilidad de crear nuestra propia lista.

25

OTRAS PAGINAS Pginas tipo listas II

Si elegimos cualquiera de las tres primeras, tendremos una lista predeterminada, que podremos modificar si queremos, que nos permitir empezar a aadir elementos y ser parecida a esta:

26

OTRAS PAGINAS Pginas tipo listas III

Si, por el contrario, pulsamos en Crear tu propia lista veremos un cuadro en el cual podremos configurar una lista personalizada.

El cuadro tiene dos partes:

Creacin de las columnas. Aqu vamos aadiendo columnas con los conceptos que necesitemos con su nombre y tipo.

Criterios de ordenacin. Desde este punto podemos decidir como se van a ordenar y con qu criterios los elementos de las columnas

27

OTRAS PAGINAS Pginas tipo listas IV

Slo nos quede introducir elementos a la lista, para ello hemos de pulsar Aadir elemento con lo cual visualizaremos un cuadro de introduccin de datos con campos de texto para cada uno de los campos de la lista.

28

OTRAS PAGINAS Pginas tipo listas IV

Una vez aadidos algunos elementos a la lista, la pgina tendr este aspecto. En cualquier momento podemos hacer modificaciones, tanto en la estructura de la lista como en el contenido de la misma.