Cre

ar p

àgin

es W

EB

am

b e

l Go

ogl

e

20

10

Be

rna

t O

rell

an

a L

óp

ez

Google ens permet d’una forma fàcil i senzilla crear els nostres espais virtuals a partir de diferents tipologies de pàgines WEB. No resulta difícil fer diferents tasques i tipologies de treball amb imatges, arxius, documents dinàmics... Espero que us agradi.

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

1) CREAR UN ESPAI EN LA PLATAFORMA GOOGLE-SITE Entreu com a usuaris registrats en un compte de Gmail. Escriviu: http://www.google.es/sites Seleccioneu “Crear un nou lloc”. Cerqueu “pàgina en blanc”, d’aquesta manera la podeu personalitzar i configurar d’acord a les vostres necessitats. Heu de donar un nom, en el meu cas “mi.primer.site.maco”. Heu d’entrar el codi que us demana i fer clic en acceptar. Ja podeu visualitzar el vostre espai WEB. (mireu de trobar un nom singular, ja que si el nom ja està agafat, el sistema no ens deixa continuar endavant)

2) EDITAR LA PRIMERA PÀGINA. Al crear un lloc WEB el sistema crea la primera pàgina per defecte. Aquesta la podem editar la podem editar i introduir textos i imatges. Per això cal fer clic al botó “EDITA LA PÀGINA”. Una vegada editada puc: Treballar el text.

Escriure un text.

Escriure un títol a la pàgina.

Seleccionar un text.

Modificar grandària, color, tipus de lletra amb les eines de la barra de menú. Introduir una imatge.

Feu clic a Insereix de la barra de menú.

Seleccioneu Imatge.

Navegueu a una unitat o carpeta on teniu imatges. (podeu desar una carpeta amb les imatges que voleu treballar a l’escriptori)

Ha de quedar com ara: (imatge i textos editats)

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Ja puc enviar la pàgina WEB per compartir en Internet, es aquesta: http://sites.google.com/site/miprimersitemaco/ Per qualsevol canvi pots editar, escriure, col·locar noves imatges, el que vulgueu... Únicament cal EDITAR, fer els canvis i després DESAR.

3) CREAR UNA NOVA PÀGINA. Per crear la pàgina heu de seleccionar un tipus i donar un nom a la pàgina. Mireu que el nombre reculli en forma de títol el contingut que heu de inserir. Per exemple “Els Íbers”.

El nostre projecte pots tenir diferents pàgines creades a partir de Quatre tipologies de plantilles: Pàgina Web Normal. Pàgina amb estructura de Bloc. Una pàgina formada per entrades independents que prenen la forma “de subpàgines” ordenades cronològicament. Un exemple: http://sites.google.com/site/santjordiespa/les-meves-presentacions Pàgina per llistes. Permet crear llistes amb columnes personalitzades amb unes aplicacions fantàstiques a nivell pedagògic. Mireu aquesta aplicació en el que un grup de iniciació a la informàtica ens presenta les planes WEBs dels seus pobles. http://sites.google.com/site/santjordiespa/elsnostrespobles Pàgina per desar arxius i poder compartir. Ja no cal tenir por per la grandària dels arxius que volem compartir –el sistema d’arxius per columnes permet situar els continguts d’una manera molt estructurada al nostre WEB-. URL d’exemple de com organitzar els continguts per a compartir. http://sites.google.com/site/santjordiespa/les-meves-presentacions

Al crear una nova pàgina queda enllaçada a la barra lateral, aquesta barra és visible des de qualsevol de les planes WEBs i va recollint totes les noves planes creades d’una manera automatitzada. A aquest tipus de pàgina es coneguda com a “PÀGINA DINÀMICA”. La barra de menú es editable, en ella tenim totes les opcions de configuració del nostre espai WEB, tal i com explicarem més endavant.

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Mireu com queda estructurat el nostre espai: Introducció (primera pàgina) Els Íbers (segona pàgina) Mapa del lloc (Pàgina dinàmica que mostra en un diagrama les diferents pàgines creades.

4) Edició d’una pàgina. Una vegada creada una pàgina WEB del nostre SITE podem editar-la per a introduir continguts diversos, com ara:

Textos amb diferent grandària, forma i colors.

Imatges del nostre ordinador o d’una URL qualsevol.

Vídeos des de qualsevol repositori visual.

Altres elements com ara aplicatius, mapes, agendes.

4,1 Editar pàgina ja creada La possibilitat de modificar una URL ens permet activitats de millora per tal d’adequar els continguts a necessitats específiques com ara:

Modificar grandària i fer-la accessible visualment.

Facilitar la lectura canviant mots i expressions complexes.

Adequar-la a la PDI (Millora de la interfície)

Per fer canvis estructurals (graduar els continguts) Per fer aquesta tasca primerament heu de entrar a la pàgina que voleu modificar per canviar grandària de lletra i adequar els continguts a partir de canvis visuals i estructurals de la pàgina. Hem seleccionat la pàgina de referència: http://www.xtec.cat/recursos/socials/ibers/economia.htm Heu de seleccionat una pàgina WEB, com ara aquesta que teniu al Link superior. Feu “Editar-copiar” a la plana WEB origen de la Informació A la vostre plana i en forma d’edició feu “Botó.dret-enganxar” D’aquesta manera la informació continguda queda a la vostre pàgina i ja la podeu editar De vegades, depenent de tipus de imatge o de Navegador únicament es copia el text, no les imatges. Podem entrar-les “manualment”. Expliquem ara com.

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Per entrar imatges: Dependrà del Navegador. Podem entrar URL, però de vegades donen error.

Per treballar es aconsellable baixar la imatge…

Feu clic amb el botó dret a sobre de la imatge.

Seleccionar “desar la imatge”

La deriveu a l’escriptori o a les meves imatges.

Al nostre “Site” hem d’entrar en el format d’edició de la pàgina, seleccionar “INSERIR IMATGE”, Navegar fins a la carpeta on heu desat la imatge. (Feu clic a sobre del botó Navegar i seleccioneu la carpeta o subcarpeta on teniu la imatge o imatges)

Finalment ja tenim la nostra pàgina acabada…

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

5) Crear una pàgina en format BLOC. L’experiència didàctica de les SITES amb les eines “Blocs” ens ha demostrat ser una molt potent eina de comunicació, creació i treball compartit. Mireu la pàgina de referència: http://sites.google.com/site/santjordiespa/ Heu d’activar “Crear una pàgina” i heu de seleccionar “Anuncis”.

Una vegada heu creat la pàgina, presenta aquesta estructura:

Cada entrada que fem (Clic a Nova entrada) és una pàgina independent que el sistema mostra com “a una unitat”. Cada unitat és una entrada, noticia o pàgina WEB. L’última noticia sempre apareix en primer terme.

Mireu una plana amb una estructura Bloc: mostra un títol, data de publicació i l’actualització última i qui la ha publicat. Cada una de les entrades poden ser: Editades. Esborrades.

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

6) ESTRUCTURA D’UNA ENTRADA DEL BLOC. Cada una de les entrades de la pàgina WEB amb una estructura de Bloc pot estar construïda amb unitats de divers format i tipologia.

Les entrades només les pot fer l’administrador. L’administrador pot invitar col·laboradors amb dret d’edició. Els lectors sense drets no poden afegir comentaris. (F) Una vegada creada una entrada podeu fer canvis si entreu com a administradors. Al entrar en format d’edició, cada entrada es comporta com a una pàgina WEB diferenciada. Si doneu privilegis de col·laboradors a altres usuaris poden fer entrades des del seu Gmail. Propostes de treball amb pàgines de tipus Bloc.

Format senzill: Únicament es fan entrades amb imatges i textos, com ara aquesta pàgina en la que entrem noticies amb imatges i textos, nostres o obtinguts des d’altres planes WEBs. Expliquem notícies: http://sites.google.com/site/santjordiespa/noticias-santjordi Format complexe. Fem entrades a partir d’elements multimèdia, com ara una presentació nostre, prèviament feta per nosaltres. Les nostres presentacions: http://sites.google.com/site/santjordiespa/les-meves-presentacions

Les possibilitats didàctiques són del tot enriquidores...

7) El disseny del Lloc. Hem de personalitzar la pàgina per fer-la nostre. Es ben important determinat un disseny acurat, maco, amable, instituïu… Per començar heu de fer clic EDITAR LA BARRA LATERAL i seleccioneu DISSENY DEL LLOC. Els meus consells: Amplada 80% de la pàgina. Sense encapçalament. Barra lateral d’un 330 píxels

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

En la mateixa edició de la barra lateral podeu seleccionar “Colors i tipus de lletra”. Únicament heu de seleccionar i fer proves fins a trobar el color, la grandària i el fons més adequat al contingut del vostre espai.

Mireu com en aquest exemple determinem el color del títol del contingut d’una pàgina principal o d’una entrada en una pàgina amb una estructura de Bloc.

Podeu també dins la mateixa barra d’edició lateral trobar diferents temes per personalitzar el vostre espai virtual. Dins la barra d’eina seleccioneu “Theme” i seleccioneu una de les diferents opcions possibles. Mireu els resultats obtinguts amb aquest canvis:

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Si volem desar una imatge que aparegui a totes les planes del nostre espai WEB llavors hem de fer el que expliquem heu d’Afegir UN ELEMENT DE LA BARRA LATERAL i afegir TEXT.

Després seleccioneu EDITAR el quadre de text i afegir textos i la imatge LOGO de la capçalera de la barra d’eines. Inserir imatge en la finestra de text de la barra lateral. Fer clic en examinar per cercar una imatge. Seleccionar la imatges que voleu inserir i el text.

Finalment ha de quedar així:

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

8) Creació de pàgines d’Arxius. Seleccioneu crear una nova pàgina. Queda explicat en aquest gràfic:

En crear una pàgina d’arxius s’obre una finestra amb els diferents elements d’una pàgina d’aquesta tipologia.

Un títol que podem editar o canviar.

Un text d’introducció que podem editar amb textos i imatges,

Un botó per afegir un nou fitxer.

Un botó per a suprimir les entrades.

Un botó per a desplaçar elements en la llista d’arxius penjats.

Totes aquestes tasques són visibles i editables pel administrador, no pel lectors. Els usuaris invitats com a col·laboradors poden penjar arxius.

Una vegada creada la pàgina seleccionem “EDITAR PÀGINA” i ja podem editar la capçalera de la pàgina amb textos i imatges. Mireu com queda personalitzada una pàgina per afegir “fotografies de peixos”. (Una vegada heu fer aquesta tasca heu de seleccionar DESAR)

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Penjar fitxers resulta ben fàcil, únicament cal fer clic a sobre de “Afegir fitxer” i seguir les indicacions de navegació. Els arxius poden ser de tot tipus: documents, PDF, imatges, vídeos, el que vulgueu. L’exemple: https://sites.google.com/site/santjordiespa/fitxer-de-imatges

9) Creació de pàgines amb llistes. Resulta molt atractiu el treball amb llistes. Mireu alguns exemples: https://sites.google.com/site/santjordiespa/elsnostrespobles Així per exemple podem organitzar continguts d’acord a uns Items previament seleccionats. Com ara:

Genere literari. (seleccionar des d’una llista)

Autor: entrada de text.

Títol: entrada de text.

Descripció (època, any, caractetistiques generals): entrada en un text

Idioma (Català-castella): entrada en un “Options”

Pàgina WEB de referència: entrada URL.

Per crear la pàgina heu de seleccionar “Crear pàgina”, “tipus llista”, “crear llista personalitzada·.

1) Afegir Columna. I entrem com el cas anterior “Autor” 2) Afegir Columna. I entrem com el cas anterior “Títol” 3) Afegir Columna / Desplegable. Afegir nous elements.

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

4) L’últim element és una URL. Mireu:

Una vegada creada la pàgina ha de quedar així:

Els enllaços de la part inferior de la pàgina “Enllaços” i “comentaris”, jo no els utilitzaria, ja que tenim pàgines específiques per a desar arxius i comentaris. Mireu com queda les entrades a la pàgina de llistes:

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Llistes creades.

L’exemple: https://sites.google.com/site/santjordiespa/literatura

10) Crear una presentacions. Propera Publicació. Documents, presentacions, dibuixos... Dins el menú de Gmail teniu les opcions de crear diversos objectes que són inseribles en el nostres Site. Com per exemple les presentacions que podem entrar dins una pàgina creada amb una estructura de Blocs. Aqui teniu un exemple: https://sites.google.com/site/santjordiespa/literatura 11)Sistema de seguretat en el treball de compartir. Aquí teniu un text que explica les dues fases d’un projecte i els diferents rols desenvolupats:

ELS “SITES” DE GOOGLE, UNA POTENT EINA DIDÀCTICA

Bernat Orellana López Expert en Informàtica Extrema

Com a administradors fem clic a la barra d’eines laterals i seleccionem compartir. Podem invitar a altres usuaris com a col·laboradors o com lectors. Els col·laboradors apareixen a la llista. Una vegada finalitzat el treball col·laboratiu poden cancelar la col·laboració clicant “Eliminar”.

Document en Revisió i ampliació. Per a comentaris i suggeriments: Bernat.edu@gmail.com