50 receptes web 2.0 by tafol nebot

50 receptes web 2.0 Crist贸bal Nebot G贸mez

Títol: 50 receptes web 2.0 Autor: Cristóbal Nebot Gómez Portada: Cristóbal Nebot Gómez Editor: Bubok Publishing S. L. Dipòsit Legal: PM 2045-2008 ISBN: 978-84-92580-37-8

A la meua dona Carmen

Índex de continguts PRÒLEG ................................................................................................ 7 Capítol I Correu electrònic.....................................................................9 Pràctica 1 Creació d'un compte de correu electrònic..............................................10 Pràctica 2 Accedir al correu..................................................................................14 Pràctica 3 Consultar el correu rebut......................................................................16 Pràctica 4 Enviar un correu..................................................................................18 Pràctica 5 Afegir contactes a la llista....................................................................20 Pràctica 6 Editar la informació d'un contacte........................................................22 Pràctica 7 Eliminar un contacte............................................................................24 Pràctica 8 Crear un grup de contactes ..................................................................26 Pràctica 9 Enviar un correu a un grup de contactes...............................................28 Pràctica 10 Configuració de Gmail. Filtres...........................................................30 Pràctica 11 Configuració de Gmail. Desviació......................................................34 Capítol II Agregadors de canals d'informació........................................41 Pràctica 1 Activació del servei..............................................................................44 Pràctica 2 Accedir al servei i desconnectar-se.......................................................46 Pràctica 3 Afegir canals d'informació (1)..............................................................48 Pràctica 4 Afegir canals d'informació (2)..............................................................50 Pràctica 5 Afegir canals d'informació (3)..............................................................52 Pràctica 6 Eliminar subscripcions.........................................................................54 Capítol III Blocs....................................................................................57 Pràctica 1 Activar el servei i crear un bloc............................................................60 Pràctica 2 Eliminar un bloc..................................................................................62 Pràctica 3 Acceptar invitacions.............................................................................64 Pràctica 4 Crear una entrada.................................................................................66 Pràctica 5 Crear i eliminar comentaris..................................................................68 Pràctica 6 Editar una entrada................................................................................70 Pràctica 7 Formatar el text d'una entrada..............................................................72 Pràctica 8 Inserir enllaços en el text d'una entrada.................................................74 Pràctica 9 Inserir una imatge del disc dur..............................................................76 Pràctica 10 Inserir una imatge d'una web..............................................................78 Pràctica 11 Inserir codi HTML (vídeos de YouTube).............................................80 Pràctica 12 Crear un nou bloc...............................................................................84 Pràctica 13 Modificar la plantilla d'un bloc...........................................................86 Pràctica 14 Afegir autors a un bloc.......................................................................88 Capítol IV Creació de pàgines web........................................................91 Pràctica 1 Activar el servei i crear la primera pàgina.............................................94 Pràctica 2 Administrar un lloc............................................................................100 Pràctica 3 Crear un nou lloc web........................................................................102 Pràctica 4 Crear una subpàgina...........................................................................104 Pràctica 5 Enllaçar pàgines d'un mateix lloc........................................................106 Pràctica 6 Crear una subpàgina directament enllaçada ........................................108 Pràctica 7 Editar pàgines....................................................................................110 Pràctica 8 Inserir imatges publicades en la web...................................................112 Pràctica 9 Inserir imatges allotjades en el disc dur...............................................114

Pràctica 10 Enllaçar pàgines externes al lloc.......................................................116 Pràctica 11 Enllaçar arxius.................................................................................118 Pràctica 12 Inserir codi HTML...........................................................................120 Capítol V Gestió d'imatges................................................................... 123 Pràctica 1 Activar el servei.................................................................................124 Pràctica 2 Crear un àlbum i pujar les fotos..........................................................126 Pràctica 3 Afegir fotos a un àlbum......................................................................130 Pràctica 4 Veure un àlbum: opcions....................................................................132 Pràctica 5 Veure una fotografia: opcions.............................................................134 Pràctica 6 Compartir un àlbum o una fotografia..................................................136 Pràctica 7 Inserir un àlbum en el bloc o en la web...............................................138 Referències bibliogràfiques..................................................................141

PRÒLEG Les noves tecnologies de la informació i la comunicació estan avançant a una velocitat cada vegada més accelerada. Cada dia ixen a la xarxa molts serveis gratuïts disponibles per a tota la comunitat. Les immenses possibilitats d'utilització que oferix Internet de tots aquestos serveis fan que cada vegada siga més imprescindible l'ús d'aquestes tecnologies en el procés d'ensenyament i aprenentatge. 50 receptes web 2.0 és una guia que permet una primera aproximació al món d'Internet utilitzant els serveis que oferix la xarxa anomenats web 2.0. Serveis amb els quals no sols arriba la informació a través de la xarxa, sinó que també es pot interactuar i participar en les pàgines web que oferixen. Aquest llibre és un compendi de pràctiques escrites a mode de recepta, es a dir, pas a pas, les quals van ser la base de la realització d'un curs de formació per a professorat dut a terme en l'Institut d'Educació Secundària La Plana de Castelló durant el curs 2007/2008. Conté cinc capítols que corresponen a cadascuna de les parts en què es va estructurar el curs. Correu electrònic, Canals d'informació, Blocs, Pàgines web i Gestió d'imatges digitals. Tots aquests capítols fan referència a alguns dels serveis anomenats web 2.0 que actualment s'estan utilitzant de forma cada vegada més estesa per part de la societat i de la comunitat educativa. Tots els serveis que s'utilitzen el les pràctiques són, fins el moment en què s'han escrit aquestes línies, gratuïts i han estat desenvolupats per l'empresa Google. El motiu de triar només una empresa és perquè sols hi ha que registrar-se una vegada i tots els serveis tenen una qualitat més que acceptable dins el món dels serveis web 2.0 gratuïts. Al final de la introducció de cada capítol es mencionen serveis equivalents d'altres empreses. Aquest llibre pot ser d'utilitat a tota la comunitat educativa. D'una banda al professorat de qualsevol especialitat per a introduir-se en el món de la web 2.0 i els serveis que oferix. D'altra banda al pro fessorat de les especialitats de Tecnologia i Informàtica per a usar-lo com a llibre de referència en la seua tasca docent i aplicar les pràctiques contingudes amb els seus alumnes. I d'altra banda també pot ser d'utilitat a tots els alumnes de l'ESO que vulguen introduir-se i profunditzar en el món de les noves tecnologies de la informació i la comunicació i assolir així la competència digital de la qual parla el currículum. A més a més, també serà útil a totes aquelles persones que estiguen interessades en aprendre

un poc més sobre aquest camp i vulguen realitzar totes o algunes de les pràctiques aquí plantejades. Per últim vull agrair a totes les persones que m'han ajudat i han col·laborat en l'elaboració d'aquest llibre i, en particular, a a tot el claustre de l'IES La Plana i a l'equip directiu, per fer possible que el projecte de formació en el centre es poguera desenvolupar, pel suport rebut i per l'atenció prestada durant tot el projecte. El autor

Correu electrònic

Capítol I Correu electrònic El correu electrònic és un dels primers serveis al qual es pot accedir des que existix la Internet. És un mitjà de comunicació molt útil i té com a avantatges la facilitat d'ús, la immediatesa en l'arribada de la informació al receptor i la gran quantitat i diversitat d'informació que es pot enviar; des de simple text, fins els més complicats arxius de dibuix assistit per ordinador, passant per qualsevol format de vídeo o àudio digitals. Per obtenir una adreça electrònica de correu es necessita un servidor que proveïsca aquest servei. Una vegada s'haja triat el proveïdor, hi ha dues maneres d'utilitzar el correu electrònic. Una és mitjançant algun programa específic que servix per a gestionar el correu electrònic, com ara el Mozilla Thunderbird o el Outlook Express. L'altra és mitjançant un programa navegador d'Internet a través del qual es pot accedir a tot un seguit de serveis dels anomenats web 2.0, es a dir, pàgines web en els quals no només es pot veure la informació continguda sinó que, a més, s'oferix una interfície des de la qual es pot interactuar. Aquesta segona manera també se sol anomenar Webmail. Per utilitzar el correu electrònic de la primera forma cal que el proveïdor oferisca el servei de correu electrònic mitjançant els servidors d'entrada POP o IMAP i el servidor d'eixida SMTP. Aquest sistema té l'avantatge que es pot descarregar el correu electrònic en el disc dur de l'ordinador i després consultar-lo fora de línia. Per utilitzar el correu electrònic de la segona forma cal que el proveïdor oferisca el servei Webmail. Aquest sistema té l'avantatge que els missatges es queden emmagatzemats en el servidor del proveïdor i es pot consultar el correu des de qualsevol ordinador que tinga connexió a Internet. En la actualitat hi ha moltes empreses i organismes en Internet que oferixen servei de correu electrònic de manera gratuïta. Els més utilitzats avui dia són Yahoo, Hotmail i Gmail, els quals pertanyen a les tres grans empreses que abasten la majoria de serveis d'Internet en l'àmbit mundial. Les tres empreses oferixen servei Webmail (correu electrònic web 2.0). A continuació es presenten un seguit de pràctiques que ajudaran el lector a obtenir una adreça de correu electrònic de Gmail i a utilitzar-la. 9

Capítol I

Pràctica 1

Creació d'un compte de correu electrònic

A) Sense invitació: 1. Obriu el vostre navegador i entreu a la pàgina web http://www.gmail.com

2. Feu clic en l'enllaç Inscriviu-vos a Gmail 3. Trieu la llengua de la interfície 4. Ompliu els següents camps: Nom: Cognoms: Usuari: Serà el que va davant de la @ en la vostra adreça de correu electrònic. Si el que escriviu ja existix a la base de dades de Google, us avisarà després d'acceptar que l'heu de canviar. Podeu comprovar la disponibilitat del nom d'usuari fent clic al botó corresponent

Contrasenya: Heu d'escriure una contrasenya que siga prou potent per a que no us la puguen prendre (normalment haurà de ser una combinació de números i lletres). S'ha de posar dues vegades per evitar errades. És important que no s'oblide

Recorda'm en aquest ordinador: Si marqueu aquesta casella, la pròxima vegada que inicieu la sessió en Gmail no caldrà posar la contrasenya (no recomanat per a ordinadors compartits)

Correu electrònic

Historial web: És un servei que oferix Google per guardar a les seves bases de dades les nostres recerques i hàbits de navegació (més informació clicant a l'enllaç corresponent)

Pregunta Seguretat:

Si un dia oblideu la contrasenya, podreu recuperar-la fent clic en un enllaç especial que us farà aquesta pregunta de seguretat, aleshores haureu d e contestar la resposta que poseu aquí

E-mail secundari: Ubicació: Verificació: Escriviu la combinació de caràcters que es veu abans del camp. Açò és necessari per a evitar subscripcions fetes automàticament mitjançant programes automàtics anomenats robots

5. Accepteu els termes del contracte (es podrà llegir més endavant). Si està tot correcte ja podeu començar a utilitzar Gmail 6. Llegiu la pàgina d'introducció a Gmail i quan estigueu llests, cliqueu en Estic preparat, ensenya’m el meu compte. Us eixirà un avís sobre el servei de xat. Seleccioneu 11

Capítol I

l'opció que vulgueu i feu clic al botó Vés a la meva safata d'entrada >> 7. Finalment, podeu eixir del vostre correu clicant l'enllaç Surt que hi ha a la part superior dreta de la pantalla

B) Creació d'un compte amb invitació De vegades no és possible crear un compte Gmail sense haver rebut una invitació. Si és el vostre cas haureu de demanar a algú que vos convide a Gmail, per a això és necessari que tingueu un altre compte de correu electrònic on poder rebre la invitació. Una vegada l'hageu rebuda, seguiu els passos que s'indiquen a continuació: 1. Obriu el correu electrònic en el qual hageu rebut la invitació 2. Feu clic en l'enllaç que apareix en el correu electrònic 3. Seguiu les indicacions de l'apartat A d'aquesta pràctica des del pas número 3.

Correu electrĂ˛nic

Capítol I

Pràctica 2

Accedir al correu

Gmail és un servei de Google, per a accedir-hi existixen diverses maneres: A) Des de gmail.com: 1. Obriu un navegador i escriviu en la barra d'adreces http://www.gmail.com

2. Ompliu els camps Nom d'usuari i Contrasenya amb les vostres dades 3. Cliqueu en Registreu-vos. B) Des de google.com 4. Obriu un navegador i escriviu en la barra d'adreces http://www.google.com

5. Cliqueu en l'enllaç de la part superior dreta on diu Entra 6. Ompliu els camps Nom d'usuari i Contrasenya amb les vostres dades i cliqueu en Registreu-vos 7. Ara feu clic en “El meu compte”. Així s'accedix a la pàgina de serveis de 14

Correu electrònic

Google on podeu administrar la configuració dels serveis 8. Feu clic en Gmail

9. Ara, podeu llegir els correus electrònics nous (els que estan en negreta) simplement fent clic damunt d'ells.

Capítol I

Pràctica 3

Consultar el correu rebut

En aquest moment, ja haureu pogut comprovar que, només accedir al correu, us apareix una pantalla com la que teniu en la pàgina següent. El marc principal us mostra la safata d'entrada on hi ha una capçalera amb diferents opcions i després una llista amb els missatges rebuts. A la marge esquerra hi ha un seguit d'opcions que podreu utilitzar per fer diverses accions amb el correu i els contactes. Per a obrir un correu, només heu de fer clic sobre la línia corresponent del missatge que voleu llegir. Altres accions que es poden fer amb els missatges són: a.

Seleccionar-lo. Fent clic al quadre assenyalat podeu seleccionar el missatge i després podeu realitzar més accions amb ell

Destacar-lo. Consistix a posar-li una estrella als missatges i així després podreu accedir a tots els missatges destacats només fent clic en l'enllaç corresponent ( )

Arxivar-lo. Amb Gmail podeu mantenir els missatges tant temps com vulgueu sense haver de emmagatzemar-los en carpetes gràcies a aquesta opció. Quan arxiveu un missatge, aquest desapareix de la safata d'entrada, però sempre el tindreu disponible fent clic sobre Tots els missatges o fent una cerca a la casella corresponent

Marcar-lo com a correu brossa. Amb aquesta opció podeu ensenyar a Gmail a identificar els missatges d'SPAM

Suprimir-lo. Si cliqueu aquest botó, s'esborraran els missatges seleccionats. Els missatges suprimits van a la paperera, la qual podeu obrir clicant en l'enllaç Paperera de la marge esquerra. No es recomanable suprimir els missatges que pugueu necessitar en un futur. Millor utilitzeu l'opció d'arxivar-los

f. Més accions. Podeu realitzar més accions en el missatges seleccionats des d'aquest menú, com ara, aplicar-li una etiqueta (es marcaran els missatges que vulgueu amb determinades etiquetes que després us apareixeran en el menú de la marge esquerra, de manera que, quan feu clic sobre una d'elles us apareixeran tots els missatges que tinguen eixa etiqueta), marcar-lo com a llegit o com a no llegit (només obriu un missatge, aquest es marca com a llegit, els missatges no llegits es mostren a la safata d'entrada en tipografia negreta, mentre que els llegits es mostren en tipografia rodona)

g. Respondre. Clicant el lloc assenyalat podeu respondre al remitent del missatge.

Correu electrĂ˛nic

f b

f g

Capítol I

Pràctica 4

Enviar un correu

1. Entreu en Gmail i cliqueu sobre Redacta un missatge 2. En el camp Per a escriviu l'adreça de correu electrònic de la persona a qui voleu enviar el missatge. Si voleu que el missatge arribe a més d'un destinatari podeu afegir les seues adreces al mateix camp (separades per comes) o fer clic en Afegix un camp Cc i en aquest camp posar les adreces de correu. Si voleu enviar una còpia del missatge a algú sense que es veja la seua adreça, feu clic en Afegix un camp Cco i poseu l'adreça en aquest camp. 3. En el camp Assumpte escriviu l'assumpte del missatge

Correu electrònic

4. Escriviu el cos del missatge al quadre blanc que hi ha més avall 5. Si voleu adjuntar un arxiu al missatge (per exemple una foto, un vídeo, un fitxer de text, etcètera) feu clic a Adjunta un fitxer 6. després al botó Examinar 7. Seleccioneu del quadre de diàleg que eixirà a continuació l'arxiu que voleu afegir i feu clic en Obrir 8. Per acabar, cliqueu en el botó Envia-ho 9. Ara podeu practicar enviant un missatge al vostre professor explicant-li que acabeu de fer la pràctica 4, i dient-li si us ha paregut fàcil o difícil

Capítol I

Pràctica 5

Afegir contactes a la llista.

Per afegir contactes hi ha dues formes de fer-ho A. Mitjançant la fitxa Contactes: 1. Entreu a Gmail i feu clic en Contactes del menú de la marge esquerra 2. Cliqueu sobre Crea un contacte 3. Introduïu la informació del contacte que voleu afegir 4. Si teniu més informació d'eixe contacte feu clic en afegix més informació de contacte 5. Afegiu la informació addicional del contacte. 6. Feu clic en Desa-ho

Correu electrònic

B. Mitjançant un missatge rebut: 1. Entreu en Gmail i obriu un missatge el destinatari del qual vulgueu afegir als contactes 2. Aneu a la pestanya Respon i feu clic sobre el triangle que apunta cap a baix 3. Cliqueu en Afegix (nom) a la llista de contactes 4. Us apareixerà un avís de confirmació i ja podeu usar eixe contacte per tal d'enviar-li correus electrònics.

5. Ara poseu als contactes les adreces dels vostres companys (demaneu-les al professor enviant-li un correu electrònic).

Capítol I

Pràctica 6

Editar la informació d'un contacte.

1. Aneu a Contactes. Us apareixeran només els destinataris freqüents. 2. Per veure'ls tots, feu clic en Tots els contactes 3. Localitzeu el contacte que voleu modificar. Si no el trobeu, podeu buscar-lo en el camp de cerca que hi ha a l'esquerra 4. Quan el tingueu localitzat, feu clic sobre el nom i us apareixerà la seua fitxa 5. Feu clic en Edita la informació del contacte i es mostrarà la fitxa d'edició 6. Modifiqueu les dades dels camps que vulgueu 7. Cliqueu al botó Desa-ho.

Correu electrĂ˛nic

Capítol I

Pràctica 7

Eliminar un contacte.

8. Aneu a Contactes. Us apareixeran només els destinataris freqüents. 9. Per veure'ls tots, feu clic en Tots els contactes 10.Localitzeu el contacte que voleu modificar. Si no el trobeu, podeu buscar-lo en el camp de cerca que hi ha a l'esquerra 11.Quan el tingueu localitzat, seleccioneu-lo activant la casella que hi ha al costat del nom (es posarà un signe de verificació dins de la casella) 12.Feu clic en un dels dos botons Elimina-ho que hi ha dalt i baix de la llista de contactes.

Correu electrĂ˛nic

Capítol I

Pràctica 8

Crear un grup de contactes

1. Entreu en Gmail i feu clic en Contactes del menú de la marge esquerra 2. Cliqueu en Grups 3. Feu clic sobre Crea un grup

4. Introduïu el nom del grup en la casella corresponent 5. Escriviu les primeres lletres del nom o el cognom d'un contacte que tingueu a la llista, us apareixerà un menú desplegable amb els contactes coincidents 6. Feu clic sobre el contacte que voleu afegir al grup 7. Repetiu l'operació (des del pas 5) per a cada contacte que voleu afegir al grup 8. Quan tingueu tots els contactes, feu clic sobre Crea un grup

Correu electrĂ˛nic

Capítol I

Pràctica 9

Enviar un correu a un grup de contactes

1. Entreu en Gmail i cliqueu sobre Redacta un missatge 2. En el camp Per a comenceu a escriure el nom del grup. Us apareixerà un menú desplegable amb el nom del grup 3. Cliqueu sobre el nom del grup 4. En el camp Assumpte escriviu l'assumpte del missatge 5. Escriviu el cos del missatge al quadre blanc que hi ha més avall 6. Per acabar, cliqueu en el botó Envia-ho

Correu electrĂ˛nic

Capítol I

Pràctica 10

Configuració de Gmail. Filtres.

Un filtre és una tasca automatitzada que servix per a realitzar unes determinades accions quan ens arriba un missatge que complix unes determinades condicions. Per exemple, aplicar l'etiqueta família quant el remitent siga papa@gmail.com o mama@gmail.com, o bé, destacar un missatge que conté la frase “Conselleria d'educació”. 1. Entreu en Gmail i feu clic en configuració 2. Cliqueu sobre Filtres 3. Feu clic en Crea un filtre nou 4. Escolliu els vostres criteris de cerca. Els camps funcionen com a les cerques de Google, és a dir, podeu utilitzar els operadors “OR”, per a filtrar els missatges que continguen qualsevol de les paraules escrites; “AND”, per a filtrar els que continguen totes les paraules escrites; i “” (posar una frase entre cometes) per a filtrar els que continguen la frase exacta. En la pàgina següent teniu descrits cadascun dels camps.

Correu electrònic

De: Gmail aplicarà el filtre als missatges que continguen el nom o les adreces escrites. Per exemple, podeu posar la paraula @gva.es per a filtrar tots els missatges que us arriben de la Generalitat Valenciana. Per a: En aquest camp, Gmail buscarà, dins del camp on és el destinatari, les paraules que poseu. Podeu utilitzar-lo, per exemple per a filtrar missatges que us envien a través d'una llista de correu. Assumpte: s'aplicarà el filtre als missatges que continguen, en l'assumpte, el que escrigueu en aquest camp Conté les paraules: buscarà les paraules escrites en aquest camp per tot el contingut del missatge No conté: filtrarà els missatges que no continguen les paraules escrites Conté un fitxer adjunt: Gmail filtrarà aquells missatges que tinguen un arxiu adjunt

5. Feu servir Cerca de prova per veure quins missatges hauríeu filtrat mitjançant aquests criteris. 31

Capítol I

6. Cliqueu sobre Pas següent 7. Seleccioneu una acció. Ací podeu triar el que vulgueu que Gmail faça amb els missatges filtrats. Per exemple; per aplicar-li una etiqueta nova, activeu la casella corresponent, obriu el menú desplegable i cliqueu en Etiqueta nova 8. Escriviu el nom de l'etiqueta i polseu acceptar. 9. Feu clic en Crea un filtre. Us apareixerà la pantalla de configuració amb el filtre creat. 10. Podeu modificar-lo o suprimir-lo clicant en edita'l o elimina-ho respectivament.

Correu electrĂ˛nic

Capítol I

Pràctica 11

Configuració de Gmail. Desviació

Gmail ens permet desviar tots els missatges que rebem a un altre compte de correu electrònic. Açò ens pot ser útil quan tenim més d'un compte però volem consultar els missatges rebuts als diferents comptes tots d'una vegada. També podem fer l'operació inversa, es a dir, configurar un altre compte per a que ens arriben tots els missatges a Gmail. Aquesta última opció pot ser més recomanable ja que Gmail ens permet enviar missatges en nom nostre però a través de l'altre compte de correu, així, podrem utilitzar aquest servei per a gestionar tots els comptes que tinguem. A) Reenviament a un altre compte: 1. Entreu en Gmail i feu clic en configuració 2. Cliqueu en Reenviament i POP 3. Seleccioneu l'opció Reenvia una còpia dels missatges a

Correu electrònic

4. Teclegeu l'adreça de correu electrònic 5. Trieu la opció que vulgueu La primera opció conserva la còpia original al servidor de Google La segona opció també la conserva però marca el missatge com a arxivat. La tercera opció mourà (sense deixar còpia) el missatge al servidor de l'altre compte

6. Feu clic en Desa els canvis. Us eixirà un missatge de confirmació

Capítol I

B) Enviament de missatges amb altres comptes: 1. Feu clic en Configuració de Gmail

2. Cliqueu en Comptes

3. Indiqueu si, quan rebeu un missatge a l'adreça que aneu a afegir, voleu respondre des de la vostra adreça de Gmail o des de la que esteu configurant ara

4. Feu clic en Afegix una altra adreça electrònica

Correu electrònic

5. Poseu el nom que apareixerà als remitents quan els arribe un missatge des d'aquesta adreça 6. Afegiu l'altra adreça que tingueu (haureu de demostrar que us pertany)

7. Feu clic en el botó Pas següent

8. Feu clic sobre el botó Envia una verificació. Gmail enviarà un correu a eixa adreça amb un codi de confirmació 37

Capítol I

9. Per a confirmar que l'adreça és vostra heu d'entrar en el correu d'eixa adreça (per exemple, amb una altra finestra del navegador) i obrir el correu que haurà enviat Gmail, després podreu fer clic sobre l'enllaç de confirmació o copiar el codi i enganxar-lo a la casella indicada i després fer clic en Verifica

10. Configureu l'altra adreça per a que us arriben els missatges a Gmail.

Correu electrĂ˛nic

Agregadors de canals d'informació

Capítol II Agregadors de canals d'informació Segons el Termcat (Centre de Terminologia Catalana) un canal d'informació és un “Document en format de tipus XML que recull informació sobre pàgines web i els enllaços als llocs originals”. El contingut d'aquests canals, coneguts també amb els noms de fils de subscripció, syndication feeds o, simplement, feeds els podem rebre tots en un lloc semblant al correu electrònic de manera que tinguem “Una llista d’allò que us interessa, classificat en carpetes, amb avisos constants quan hi ha novetats o canvis” (Villoslada, 2005). Aquest lloc “semblant al correu” on podeu llegir eixos continguts s'anomena agregador. Hi ha diversos tipus d'agregadors: d'una banda tenim programes que s'instal·len i es configuren al disc dur d'un ordinador; de l'altra tenim pàgines web que ens oferixen el servei d'agregació el qual configurem mitjançant un navegador (com Firefox). Aquest segon tipus té l'avantatge que no cal que instal·lem res al nostre ordinador i podem consultar-lo des de qualsevol màquina amb connexió a Internet. Si una pàgina web o bloc que ens interessa conté algun fil de subscripció ho podem saber de dues maneres: La primera és observant si tal pàgina o bloc anuncia que existixen els canals, això s'avisa mitjançant la icona mostrada a la marge esquerra, la qual s'ha convertit en un estàndard de facto. Però també ens podem trobar alguna de les imatges que es mostren a la dreta. La segona és usant un navegador (com el Konqueror o el Firefox) que avise de la presència de fils. En el cas del Firefox, això es fa mostrant la icona estàndard al costat de l'adreça de la plana que conté els canals. D'entre tots els agregadors que existixen en línia, com ara, Bloglines, Google Reader, Netvibes, my Yahoo o iGoogle; utilitzarem per a fer les següents pràctiques el Google Reader. 41

Capítol II

La pàgina principal del Reader és com es mostra a continuació: 1

10 3

11 4 12

1. A la marge esquerra hi ha uns enllaços per a triar els elements que vulgueu veure: Pàgina principal Tots els elements Elements destacats Elements compartits Patrons 2. Aquest és un enllaç que mostra una pàgina especial amb estadístiques 3. Si voleu afegir un canal del qual coneixeu l'adreça, feu clic ací, l'escriviu i l'afegiu 4. En aquest quadre es mostren tots els feeds als quals esteu subscrits organitzats per carpetes 5. Si feu clic sobre l'estrella, destacareu el missatge, així podreu veure'l sempre fent clic en Elementos destacados 42

Agregadors de canals d'informació

6. Amb aquest enllaç podeu configurar els fils de subscripció 7. Afegint etiquetes podeu etiquetar els elements per temàtiques o com vulgueu 8. En aquesta secció es mostren tots els elements que encara no heu llegit i els que manteniu com no llegits 9. Amb aquest botó marqueu tots els elements com llegits i no es mostraran més 10. Si compartiu l'element, qualsevol persona podrà veure´l visitant una pàgina especial que apareix fent clic a Elementos compartidos 11. Podeu enviar l'element per correu electrònic a una altra persona 12. Aquesta casella es marca de manera automàtica quan llegiu l'element, si la desmarqueu, l'element quedarà com no llegit. 13. Es mostrarà el següent element no llegit. Equival a polsar la barra espaiadora 14. Si llegiu els elements ordenadament, podeu llegir l'anterior fent clic ací

Capítol II

Pràctica 1

Activació del servei

Per començar a utilitzar el servei Google Reader necessiteu tindre un compte Google, què possiblement ja tindreu pel fet de tindre el correu electrònic en Gmail (tindre un compte en Gmail implica tindre un compte Google). Però si no és el cas, us podeu obrir un a la següent adreça: https://www.google.com/accounts/ Quan tingueu el compte Google, seguiu els següents pasos per tal d'activar el servei Google Reader: 1. Obriu el navegador, escriviu www.google.com/reader a la barra d'adreces i polseu la tecla enter. Us eixirà una pantalla com la de la imatge de la dreta. 2. Escriviu la vostra adreça de correu electrònic (la de Gmail) i la contrasenya als camps corresponents i cliqueu Acceder.

Agregadors de canals d'informació

3. Una vegada es veja la pantalla principal, ja tenim activat el servei. El Reader és un servei que, en el 2007, encara no ha estat traduït al català, per això és possible que la primera vegada que accediu us isca en anglès. Si passa això, feu clic a settings i després, a l'apartat Language, trieu Spanish. 4. Si voleu podeu fer la visita guiada que se'ns oferix i tindreu una estona de lectura agradable, descobrint coses noves i aprenent per damunt damunt el que oferix aquest servei. Podreu accedir a la visita guiada més endavant anant a l'adreça d'internet http://www.google.com/intl/es/googlereader/tour.html.

5. Una vegada deixem d'utilitzar-lo, ens desconnectarem fent clic a Salir.

Capítol II

Pràctica 2

Accedir al servei i desconnectar-se

Hi ha dues maneres d'accedir al Google Reader. A través de la adreça www.google.com/reader/ o accedint primer al nostre compte Google i després als nostres serveis. A) A través de l'adreça www.google.com/reader/: Aquest mètode és exactament el mateix que el que hem fet a la pràctica 1 per a activar el servei. B) Des de la pàgina de Google 1. Obriu un navegador i escriviu en la barra d'adreces http://www.google.com

2. Cliqueu en l'enllaç de la part superior dreta on diu Entra 3. Ompliu els camps Nom d'usuari i Contrasenya amb les vostres dades i cliqueu en Registreu-vos. 4. Ara feu clic en “El meu compte”. Així s'accedix a la pàgina de serveis de Google on podeu administrar la configuració dels serveis. 5. Feu clic en Reader 6. Per a desconnectar-vos, feu clic en Salir

Agregadors de canals d'informaci贸

Capítol II

Pràctica 3

Afegir canals d'informació (1)

Aprendreu a afegir un canal d'informació de tres formes, la primera que provareu serà usant el detector de feeds del navegador Mozilla Firefox. Heu de fer dues coses: buscar una pàgina o bloc que continga el canal i subscriure-us a eixe canal amb Reader. Això es pot fer de diverses maneres. Provarem una per a començar amb alguna cosa fàcil: Afegirem el canal d'informació del bloc de l'IES La Plana (podeu fer-lo amb qualsevol blog de blogger) al nostre Reader. 1. Obriu el navegador Firefox i accediu al servei Google Reader tal com s'explica a la pràctica 2 2. A continuació, entreu a la web http://laplana13.blogspot.com (o a qualsevol altre bloc de Blogger) 3. Observeu com, a la dreta de l'adreça, es mostra la icona estàndard que indica que hi ha fils de subscripció. Feu clic en la icona 4. S'obrirà un menú desplegable amb una o més d'una opció. Feu clic a Añadir 'bloc' como marcador dinámico. Si no és el cas passeu al següent punt

Agregadors de canals d'informació

5. Us apareixerà una plana com la mostrada a la baix. Cliqueu en la fletxa de selecció de l'agregador i seleccioneu Google Reader 6. Feu clic en Suscribirse ahora. Us eixirà una plana en la que Google ens avisa que té dos maneres diferents d'agregació de canals: Google homepage i Google Reader

7. Com que l'agregador objecte d'aquesta pràctica és el Reader, feu clic en Add to Google Reader Ja teniu el primer canal d'informació subscrit. Ara us apareixeran les últimes informacions del bloc a la dreta com si foren missatges.

Capítol II

Pràctica 4

Afegir canals d'informació (2)

La segona forma d'afegir canals d'informació que utilitzareu serà coneixent l'adreça URL d'eixe canal. En alguns navegadors (com l'Internet Explorer 6) no hi ha la utilitat de detecció i configuració de feeds com en altres (com el Firefox). Però com la majoria de pàgines anuncien la presència d'aquests (mitjançant les icones que ja coneixeu), podeu esbrinar l'adreça del canal i utilitzar-la al Google Reader. Ara afegireu, d'aquesta manera, un canal amb notícies i informacions sobre educació que té la pàgina www.consumer.es. 1. Obriu un navegador i accediu al servei Google Reader tal com s'explica a la pràctica 2. Si ja ho heu fet a la pràctica d'abans, ometeu aquest pas 2. A continuació, entreu en la web http://www.consumer.es, busqueu, cap al final de la pàgina, la icona estàndard que anuncia que hi ha canals (en aquest cas posa Titulares RSS) i feu clic en l'enllaç. Apareixerà una plana que mostra tots els canals disponibles. Una plana com aquesta o pareguda la trobareu a molts diaris d'Internet i a alguns blocs. Si feu clic sobre els enllaços d'aquests canals i esteu navegant amb el Firefox, us eixirà una plana com la descrita al pas 5 de la pràctica anterior i podreu subscriure-us així. Però ara fareu una altra cosa 3. Feu clic amb el botó secundari del ratolí sobre l'enllaç Educación (o qualsevol altre) 4. Us eixirà un menú contextual en el qual heu de triar Copiar la ruta del enlace (cas del Firefox) o Copiar acceso directo (cas del Internet Explorer)

Agregadors de canals d'informació

5. Torneu al Reader (escriviu en la barra d'adreces www.google.com/reader i polseu Enter) 6. Feu clic en Añadir suscripción 7. Enganxeu l'adreça que hem copiat abans i 8. Feu clic en Añadir

Ja teniu un altre feed afegit en el vostre Reader. A partir d'aquest moment rebreu totes les informacions noves que es produïsquen en eixe canal.

Capítol II

Pràctica 5

Afegir canals d'informació (3)

L'última manera d'afegir canals és buscant-los en el buscador de feeds que té el Reader, gràcies a aquesta eina podem trobar multitud de fils de subscripcions interessants que ens proporcionaran hores de lectura ininterrompuda si estem uns quants dies sense consultar el nostre agregador. Buscar un canal es fa de la següent manera: 1. Des de la pàgina principal de Google Reader, feu clic a l'enllaç on diu Examinar (està al costat de Añadir suscripción) 2. Busqueu un canal mitjançant el camp de cerca i comproveu els resultats 3. També us podeu subscriure a algun dels grups o canals que s'oferixen: ?

Grups: afegireu tots els canals que hi haja en eixe grup

Canals: afegireu només el canal que trieu dins un grup

Ara ja podeu subscriure-us a qualsevol canal que trobeu per la xarxa, així que, busqueu els que més us interessen i... a llegir!!! Demaneu al professor algunes adreces que siguen d'interés o demaneu-li l'adreça dels seus feeds compartits.

Agregadors de canals d'informaci贸

Capítol II

Pràctica 6

Eliminar subscripcions

1. Obriu un navegador i accediu al servei Google Reader tal com s'explica a la pràctica 2. Si ja esteu visualitzant la pàgina principal del programa, ometeu aquest pas. 2. Cliqueu en Configuración

3. Feu clic en Subscripciones

4. Seleccioneu les subscripcions que vulgueu eliminar posant una marca de verificació en la casella corresponent 5. Cliqueu sobre Anular suscripción i confirmeu-lo acceptant en el següent diàleg

També es poden anul·lar subscripcions de una en una clicant a la icona semblant a una paperera que hi ha al costat de l'enllaç per canviar el nom de la subscripció. 54

Agregadors de canals d'informaci贸

Blocs

Capítol III Blocs Segons la Viquipèdia “un bloc (o blog o bitàcola) és un diari personal interactiu en Internet. Un bloc està dissenyat per que, com en un diari, cada article tinga data de publicació, de tal forma que la persona que escriu (blocaire) i les que lligen poden seguir un camí de tot el que s'ha publicat i editat”. Els blocs es publiquen a Internet mitjançant “plataformes molt fàcils d'utilitzar que no requerixen coneixements especials d'informàtica” (edublogki) la majoria d'aquestes plataformes incorporen un editor de text en línia que ens permet crear i editar textos i afegir contingut en altres suports com ara vídeo, àudio, infografies, projeccions de diapositives, etc. Les possibilitats dels blocs en el sistema educatiu són molt diverses. Des de simples canals d'informació unilateral, on el professorat només transmet els coneixements, fins a autèntiques pàgines interactives elaborades conjuntament per professorat i alumnat. Per tal d'investigar totes aquestes possibilitats, es recomana la lectura del monogràfic sobre blocs en l'educació (cinc articles en línia) de l'Observatori Tecnològic del CNICE (veure referències bibliogràfiques). Els títols dels articles són els següents: Aprofitament didàctic dels blogs Els blocs en àrees curriculars L'ús del bloc a classe de llengua Alfabetització digital amb blocs Publicar un bloc de forma lliure i responsable La nova web social: blocs, wikis, RSS i marcadors socials Instal·lació de WordPress multiusuari Blogger és un servei web de l'empresa Google que ens permet crear blocs i editar-los en línia. L'únic requisit per crear o participar en un bloc de Blogger és tindre un compte Google (cosa que ja s'ha explicat en pràctiques anteriors). Els blocs de Blogger solen tindre una adreça web 57

Capítol III

personalitzada del tipus http://nomdelbloc.blogspot.com. Hi ha tres formes de participar en un bloc: com a administrador del bloc, com a autor d'articles i com a autor de comentaris dels articles. Els articles del bloc s'anomenen escrits o missatges (entradas en castellà), encara que també s'utilitza el terme anglosaxó posts. Els administradors poden: Crear blocs (pràctiques núm. 1 i 12) Crear nous escrits en un bloc (pràctica núm. 4) Editar (pràctica núm. 6) i eliminar els seus escrits i els de tots els autors Invitar autors a participar en el bloc (pràctica núm. 14) Gestionar els comentaris dels escrits (pràctica núm. 5) Gestionar el format del bloc mitjançant accions com ara, triar una plantilla (Pràctica núm. 13), modificar els colors i les fonts, afegir i llevar mòduls amb diferents funcionalitats, etc. Gestionar la configuració dels elements del bloc com ara; títol del bloc, opcions de publicació, opcions de comentaris, permisos d'autors (pràctica núm.14), etc. Els autors d'entrades poden: Crear nous escrits en un bloc (pràctica núm. 4) Editar (pràctica núm. 6) i eliminar els seus escrits Crear comentaris a tots els escrits (pràctica núm. 5) Gestionar els comentaris dels seus escrits Els autors de comentaris poden: Crear comentaris a totes les entrades (pràctica núm. 5) Eliminar els seus comentaris A més de Blogger hi ha altres serveis per a crear blocs en línia com ara: Nireblog, La Coctelera, Blogia, o Wordpress.

Blocs

Capítol III

Pràctica 1

Activar el servei i crear un bloc

Per a començar a utilitzar el servei Blogger necessitem tindre un compte Google, que possiblement ja tindreu perquè s'ha hagut d'utilitzar en pràctites anteriorment descrites. Però si no és el cas, podeu obrir-ne un a la següent adreça: https://www.google.com/accounts/ Quan tingueu el compte Google, seguiu els següents passos per a activar el servei Blogger i crear el vostre primer bloc: 1. Obriu el navegador, escriviu www.blogger.com en la barra d'adreces i polseu la tecla enter. Us eixirà una pantalla com la de la imatge. 2. Trieu l'idioma que voleu per a Blogger. 3. Escriviu la vostra adreça de correu electrònic (la de Gmail) i la contrasenya en els camps corresponents. Cliqueu Inicieu la sessió. 4. Escriviu el nom que voleu que es mostre com a signatura dels vostres escrits. 5. Llegiu i accepteu els termes del servei. 6. Feu clic en continua.

Blocs

7. Trieu un títol per al vostre bloc. 8. Trieu una adreça URL per al bloc (anirà seguida de .blogspot.com) i continueu. 9. Escolliu una plantilla. 10. Cliqueu en continua.

Ara ja teniu creat el vostre bloc. Podeu fer clic a Comenceu a publicar (si voleu crear una entrada ja) o bé podeu fer clic al logotip de Blogger per accedir al panell i comprovar que el nostre bloc està creat.

Capítol III

Pràctica 2

Eliminar un bloc

Si heu fet la pràctica d'abans, a hores d'ara ja tindreu un bloc, però ara no toca encara embolicar-nos a fer un bloc personal, sinó a participar en un de col·lectiu. Així que el que fareu ara és eliminar el bloc que acabeu de crear. Podeu pensar que tirareu per terra la feina que hem fet abans, però així aprendreu com s'esborra un bloc (que sempre va bé aprendre) i, com ja heu vist com és de fàcil crear-ne un, el crearem més endavant.

1. Accediu a la pàgina www.blogger.com i, si no heu accedit al sistema Google, introduïu les vostres dades d'usuari i contrasenya, si ja havíeu accedit, continueu en el pas següent. La primera pantalla que us apareix després d'accedir és el panell, on se us mostren els vostres blocs. Aquest panell és una pantalla molt important, des de la qual accedirem a moltes funcions de Blogger. Per accedir al panell des de qualsevol pantalla heu de fer clic al logotip de Blogger. 2. Feu clic en Configuració.

Blocs

3. Us eixirà una pantalla amb tres pestanyes: Enviament de missatges, Configuració i Plantilla. En la pestanya Configuració hi ha diverses opcions; us quedareu en Bàsic.

4. Aneu a la part de baix del tot i feu clic en Elimina aquest bloc.

Capítol III

Pràctica 3

Acceptar invitacions

Si us han enviat una invitació per a participar en un bloc, podeu acceptarla de la següent manera: 1. Entreu a la safata d'entrada del vostre correu electrònic (Gmail). 2. Veureu un missatge de la persona que us ha convidat. Obriu-lo. 3. Feu clic en l'enllaç que apareix en el missatge.

4. Si teniu un compte Google (que serà el cas), escriviu la vostra contrasenya i cliqueu en Acceptar la invitació, si no, feu clic en Creeu el vostre compte ara i, quan el tingueu creat, torneu a començar pel pas número u.

Ja tornareu a ser al panell de Blogger amb ac64

Blocs

cés al nou bloc al qual us han convidat. Us atreviu a crear un article? Si no, ja ho fareu seguint pròximes pràctiques.

Capítol III

Pràctica 4

Crear una entrada

1. Entreu al panell de Blogger (www.blogger.com) i, si no heu accedit al sistema Google, introduïu les vostres dades d'usuari i contrasenya. 2. Busqueu entre els vostres blocs aquell on voleu publicar un escrit i feu clic en Nou escrit. 3. Aquest és l'editor d'entrades de Blogger. 4. Feu clic en el camp Títol i escriviu-ne un. 5. Cliqueu en la finestra principal i comenceu a escriure l'article. 6. Per veure el text tal com es mostrarà heu de fixar-vos que, de les dues pestanyes que hi ha, està seleccionada la pestanya Redacta i no la pestanya Modificar Html.

7. Feu clic en Publiqueu un missatge i després en Visualitza el Bloc. 66

Blocs

Capítol III

Pràctica 5

Crear i eliminar comentaris

En els blocs de Blogger es poden fer comentaris als articles si l'administrador del bloc ho ha permés. Els comentaris poden ser anònims o signats. 1. Feu clic en l'enllaç que apareix amb el nombre de comentaris en qualsevol entrada o bé, en l'enllaç que diu publica un comentari. 2. Escriviu el vostre comentari en el camp corresponent. Podeu utilitzar algunes etiquetes HTML per a donar format al text (<b> per a negreta, <i> per a cursiva). Per exemple, si escriviu el text “<b>paraules ressaltades</b>” després es mostrarà així: “paraules ressaltades” 3. Escriviu les lletres que es veuen en la imatge de verificació visual. Açò es demana per comprovar que qui escriu el comentari és una persona humana i no un robot (un robot o simplement bot és una aplicació automatitzada que realitza tasques rutinàries a la xarxa).

Blocs

4. Trieu si voleu fer un comentari anònim, posar un àlies o sig nar el comentari amb la vostra identitat de Google. En aquest últim cas, poseu el vostre nom d'usuari i contrasenya si no l'heu posada encara. Nota: alguns blocs no permeten comentaris anònims i d'altres no en permeten cap.

5. Publiqueu-lo clicant l'enllaç assenyalat.

Capítol III

Pràctica 6

Editar una entrada

1. Entreu al panell de Blogger (www.blogger.com o bé clicant en el logotip de Blogger) i si no heu accedit al sistema Google introduïu les vostres dades d'usuari i contrasenya. 2. Busqueu entre els vostres blocs aquell on voleu editar un dels vostres escrits i feu clic en Escrits (just al costat de Gestionar). Us eixirà una taula amb la següent informació explicada en al pròxima pàgina:

3. Feu clic en l'enllaç Edita de l'escrit que voleu editar. Es mostrarà l'escrit en una pantalla d'edició com que s'explica en la pràctica 7. 4. Modifiqueu qualsevol cosa de l'entrada i feu clic en Publicar un missatge.

Blocs

a. b. c. d. e. f. g. h. i.

Selecció de missatges. Podeu seleccionar (només) els vostres missatges per aplicar-los una etiqueta. Edició. Per modificar els escrits (només els vostres) Vista. Per visualitzar els escrits publicats. Títol de tots els escrits (els vostres i els dels altres). Etiquetes de missatges. Esborranys / Publicats. Si no diu res, el missatge està publicat; si, pel contrari, és un esborrany, ens ho mostra. Data / hora de publicació. Autor. Eliminació. Per a suprimir (els vostres) escrits.

e f

c g h i

Capítol III

Pràctica 7

Formatar el text d'una entrada

Formateu el text d'una de les vostres entrades per donar-li un aspecte visual adequat al contingut. Quan estigueu creant o editant un escrit podeu donar format al text des de l'editor en línia de Blogger. En aquest editor podeu utilitzar les següents opcions: a. Tipus de lletra. Podeu triar entre vuit fonts diferents que s'aplicaran al text seleccionat. b. Cos de la lletra. La mida de la lletra per defecte és Normal. Podeu triar dues mides per damunt i dues per baix de la normal per a modificar la grandària del text seleccionat. c. Negreta. Seleccioneu un text i polseu ací per aplicar-li la negreta. d. Cursiva. Seleccioneu un text i polseu ací per inclinar-lo. e. Color del text. Fins a setanta colors es poden aplicar al text seleccionat. f. Enllaçar (explicat en la següent pràctica). g. Alineació del text (esquerra, centre, dreta i justificació completa). h. Llista numerada. Funciona igual que les llistes numerades del processadors de text habituals. i. Llista amb pics. També funciona com la llista numerada però amb puntets. j. Afegir una imatge (explicat en la pràctica 9). k. Afegir un vídeo. Aquesta opció no funciona encara bé del tot. l. Suprimir el format de la selecció . Si us equivoqueu o voleu eliminar qualsevol format estrany que s'haja acoblat al text, seleccioneu-lo i feu clic en aquest botó. m. Si teniu coneixements sobre HTML podeu inserir codi fent clic en aquesta pestanya, si no sabeu què és això, és millor que seleccioneu sempre Redacta. n. Quan tingueu el format desitjat podeu veure com quedarà fent clic en Vista prèvia. Per a eixir de la vista prèvia feu clic en Amagar la vista prèvia. o. Quan ho tingueu tot enllestit, cliqueu en Publicar un missatge. 72

Blocs

o n m l k j i h g f e d c b

Capítol III

Pràctica 8

Inserir enllaços en el text d'una entrada

Els enllaços (o hipervincles) són de gran utilitat en totes les pàgines web. Ens servixen per a fer referència a altres pàgines de la xarxa i ens faciliten la navegació. Per això, quan en una entrada d'un bloc parlem d'alguna altra pàgina, seria desitjable per al lector que n'hi haja un enllaç. Els enllaços poden ser una lletra, una paraula, una frase, una imatge o tota una entrada. Per a crear un enllaç es necessiten dues coses: el text o la imatge que volem que siga l'enllaç i l'adreça web amb la qual volem enllaçar. En aquesta pràctica inserireu un enllaç amb la pàgina web del vostre centre d'estudis o treball. L'enllaç estarà situat en la signatura d'una entrada del bloc. Si teniu alguna pàgina interessant per a enllaçar amb alguna de les vostres entrades, també ho podeu fer.

1. Creeu o editeu una entrada al bloc i poseu baix la vostra signatura (nom, professió i centre de treball/estudis). 2. Seleccioneu el text on posa el centre de treball/estudis. 3. Obriu una nova finestra del navegador (Moxilla Firefox: amb la combinació de tecles CTRL+N. Internet Explorer: amb la combinació CTRL+U).

Blocs

4. Busqueu la pàgina amb la qual voleu enllaçar i copieu la seua adreça al porta-retalls. Ja sabeu! seleccioneu-la de la barra d'adreces (incloent això de http://) i polseu CTRL+C.

5. Tanqueu novament eixa finestra. 6. Una altra vegada en la pantalla d'edició d'entrades i amb el text que serà l'enllaç seleccionat feu clic en el botonet per a enllaçar. 7. Enganxeu (CTRL+V) l'adreça i accepteu. Fixeu-vos que al principi apareixen les lletres http:// però només una vegada.

Capítol III

Pràctica 9

Inserir una imatge del disc dur

Es poden acompanyar els escrits amb una o diverses imatges que il·lustren el contingut. Per tal de fer això, es necessita tindre la imatge en format digital, com ara, obtinguda d'una càmera digital, d'un escànner , o bé, que ja estiga publicada en alguna pàgina web. El procediment per inserir una imatge és diferent segons on estiga allotjada. Si la imatge està desada al disc dur (prové d'una càmera digital o us l'han passat per correu electrònic i l'heu desada a una carpeta) triareu el procediment descrit a aquesta pràctica, en canvi, si la imatge que voleu inserir ja està publicada a Internet, triareu el procediment explicat en la pràctica 10. 1. Accediu a Blogger i creeu o editeu una entrada per tal que s'obri l'editor d'entrades.

2. Cliqueu al botó “Inserir imatge”. Us apareixerà una finestra nova com la mostrada en la següent pàgina. 3. Feu clic en Examinar.

Blocs

4. Trieu una imatge del disc dur, seleccioneu-la i feu clic en Obrir.

5. Escolliu una presentació 6. Escolliu una mida de imatge

7. Si és la primera imatge que inseriu a Blogger heu d'acceptar les condicions del servei. 8. Cliqueu en Transferir imatge. 9. Un vegada es mostre la imatge a la pantalla feu clic en Fet. La imatge us apareixerà en l'editor d'entrades per ser utilitzada.

Capítol III

Pràctica 10

Inserir una imatge d'una web

1. Localitzeu la imatge que voleu incloure en la vostra entrada mitjançant el navegador i feu clic damunt d'ella amb el botó secundari del ratolí. Trieu Propietats. 2. Seleccioneu la adreça de la imatge (URL) cliqueu damunt de la selecció i trieu Copiar. Es copiarà la URL de la imatge al porta-retalls. 3. Accediu a Blogger i creeu o editeu una entrada per tal que s'obri l'editor d'entrades. 4.

Cliqueu al botó “Inserir imatge”. Us apareixerà una finestra nova com la mostrada en aquesta pàgina.

5. Enganxeu la URL copiada a la casella corresponent. 6. Continueu de la mateixa manera que a partir del pas 5 de la pràctica anterior.

Blocs

Capítol III

Pràctica 11

Inserir codi HTML (vídeos de YouTube)

Ja hem vist com podem utilitzar en una entrada text, imatges, enllaços, etc. El codi HTML pot contenir informació addicional a més dels tipus ja comentats. Ens pot servir, per exemple, per utilitzar Gadgets a les nostres entrades, per inserir animacions en flash de les quals coneixem el codi, etcètera. Imagineu que heu vist un vídeo al YouTube que voleu utilitzarlo per una de les vostres entrades. 1. Obriu un navegador i localitzeu un dels milers de vídeos que hi han allotjats a la pàgina http://www.youtube.es.

2. Seleccioneu el codi HTML del vídeo que es mostra a part dreta i copieu-lo al porta-retalls (clicant amb el botó secundari sobre el text seleccionat o amb la combinació de tecles CTRL+C). 5. Entreu al panell de Blogger (www.blogger.com) i, si no heu accedit al sistema Google, introduïu les vostres dades d'usuari i contrasenya. 6. Feu clic en Nou escrit en qualsevol dels vostres blocs. 80

Blocs

7. Poseu títol a l'escrit i escriviu de què va el vídeo en unes poques paraules, així com la seua durada. Quan tingueu això, i per tal de localitzar el lloc on voleu que aparega el vídeo, escriviu una paraula o frase qualsevol que després reconegueu de seguida, per exemple: “videoaquíiiiii”.

8. Cliqueu sobre la pestanya Modificar HTML. 9. Seleccioneu el text on ha d'anar el vídeo (la frase anterior).

Capítol III

10. Substituïu-lo pel codi HTML del porta-retalls (enganxant-lo amb el botó secundari del ratolí o amb la combinació CTRL+V)

11. Cliqueu sobre la pestanya Redactar, en principi, no es mostrarà res però el codi HTML que acabeu de introduir farà que es visualitze el vídeo si feu clic en Vista prèvia o si publiqueu l'escrit.

Blocs

Podeu veure com queda l'entrada amb el vĂdeo inserit grĂ cies al codi HTML.

Capítol III

Pràctica 12

Crear un nou bloc

1. Entreu al panell de Blogger (www.blogger.com) i, si no heu accedit al sistema Google, introduïu les vostres dades d'usuari i contrasenya

2. Feu clic en Crear un bloc 3. Trieu un títol per al vostre bloc. 4. Trieu una adreça URL per al bloc (anirà seguida de .blogspot.com).

11. Escriviu les paraules de comprovació i continueu. 84

Blocs

12. Escolliu una plantilla.

13. Cliqueu en continua. Ara ja teniu creat el vostre bloc. Podeu fer clic a Comenceu a publicar (si voleu crear una entrada ja) o b茅 podeu fer clic al logotip de Blogger per accedir al panell i canviar la configuraci贸 del vostre bloc.

Capítol III

Pràctica 13

Modificar la plantilla d'un bloc

1. Entreu al panell de Blogger (www.blogger.com) i, si no heu accedit al sistema Google, introduïu les vostres dades d'usuari i contrasenya

2. Feu clic en Format. 3. Cliqueu en Triar un model nou.

4. Trieu la plantilla predeterminada que més us agrade.

Blocs

5. Feu clic en Desar la plantilla.

Una vegada estiga fet aixĂ˛ podeu veure, clicant en Mostrar bloc, com queda visualment el bloc amb la nova plantilla aplicada.

Capítol III

Pràctica 14

Afegir autors a un bloc

1. Entreu al panell de Blogger (www.blogger.com) i, si no heu accedit al sistema Google, introduïu les vostres dades d'usuari i contrasenya

2. Feu clic en Configuració. 3. Cliqueu en Permisos.

4. Ara feu clic en Afegir autors.

Blocs

5. Introdu茂u les adreces de correu electr貌nic de les persones que voleu que escriguen al bloc (separades per comes).

6. Envieu-los una invitaci贸 per a participar en el bloc fent clic en Convida. 7. Podeu convidar-los tantes vegades com vulgueu fins que accepten la invitaci贸 clicant en tornat a convidar.

Creació de pàgines web

Capítol IV Creació de pàgines web Una pàgina web és segons Viquipèdia un document de la World Wide Web, normalment en format HTML/XHTML i amb extensions de fitxer .html o .htm. El seu contingut és hipertext amb hipervincles per facilitar la navegació d'una pàgina o secció a una altra. Les pàgines web poden ser obtingudes o bé d'un ordinador local o bé d'un servidor remot. El servidor web pot restringir l'accés a una xarxa privada, p. ex. l'intranet d'una empresa. O pot estar disponible a tota la World Wide Web. Les pàgines web es demanen i s'envien mitjançant el Hypertext Transfer Protocol (HTTP). Les pàgines web sovint fan servir fitxers d'imatge per mostrar il·lustracions, i aquestes també poden ser hipervincles. Un usuari pot veure una pàgina web amb un navegador web [...]

Crear una pàgina web era una tasca complicada fins fa poc per diversos motius. El primer és que es necessiten coneixements sobre el llenguatge HTML, que és el codi amb el qual estan escrites la major part de les pàgines web i el que entenen els programes navegadors. Els programes que hi havien fins ara d'edició de pàgines web (Front Page, NVU) eren una solució a aquest problema ja que tenen una interfície gràfica que permet anar veient com ens està quedant la pàgina. Un altre problema però, és que una vegada tenim la pàgina web feta, aquesta roman al nostre ordinador. Si volem publicar-la a la web i que tothom veja la nostra pàgina, necessitem un servidor connectat a la xarxa les vint-iquatre hores i el programari necessari adequadament configurat. Això podem aconseguir-ho tenint els recursos necessaris al nostre abast o bé, acudint a proveïdors externs d'aquests serveis (allotjament, servidors de noms de domini, etcètera). Amb l'aparició dels serveis web 2.0 es poden crear, editar i publicar pàgines web amb només un navegador d'Internet connectat a la xarxa. De manera que, amb un poc de creativitat i una interfície gràfica prou senzilla podem obtindre uns resultats més que acceptables. Un d'aquests serveis és l'anomenat Google Page Creator. La coneguda empresa Google oferix gratuïtament als seus usuaris servei d'allotjament de llocs web (fins 100 Mb per cada lloc web), subdominis del tipus “http://elmeulloc.googlepages.com” i un editor en línia de pàgines web amb 91

Capítol IV

unes quantes plantilles disponibles. Tot això amb només un compte Google i un navegador connectat a Internet. L'inconvenient en aquest moment és que només s'oferix en anglés, però la interfície és molt intuïtiva i no presenta problemes greus d'utilització. En Google Page Creator cal distingir entre una pàgina web (page) i un lloc web (site). Un lloc web és un conjunt de pàgines relacionades entre si que tenen com a denominador comú el mateix domini o subdomini. També cal tindre en compte que un lloc web (site) està format per una pàgina principal o d'inici (home) i, opcionalment, unes quantes subpàgines més.

Normalment, en la pàgina d'inici (home) se sol posar un menú amb enllaços cap a les subpàgines següents. Així també, cadascuna de les pàgines (pages) del lloc sol tindre un enllaç a la pàgina d'inici (home). A continuació es detallen les receptes per tal de crear un lloc web i dotarlo de contingut amb senzills passos. Altres llocs que oferixen servei web 2.0 de creació de pàgines web són Blink web, www.roxer.com, www.viviti.com, www.paginawebgratis.es, www.wix.com, www.jimdo.com, www.sitekreator.com o www.webly.com.

Creació de pàgines web

Capítol IV

Pràctica 1

Activar el servei i crear la primera pàgina

1. Escriviu en la barra d'adreçes del navegador la següent adreça: “http://pages.google.com” 2. Si no havíeu accedit al sistema, introduïu la vostra adreça de correu elèctònic i la contrasenya. Us apareixerà una pàgina de benvinguda que si fa no fa diu el següent: a. Crea la teua pàgina web ràpidament i fàcil. Google Page Creator és una eina en línia gratuïta que fa fàcil per tothom crear i publicar pràctiques i atractives pàgines web en pocs minuts. b. Publica en segons. Amb un clic, les pàgines que has creat estan llestes per als teus amics, família i el món sencer en http://latevaadreça.googlepages.com. c. No et preocupes per guardar. Google Page Creator guarda automàticament els canvis tal com vas escrivint. No més atacs nerviosos per perdre tot el treball. d. El que veus és el que tens. Tal com vas modificant la pàgina, estàs veient exactament l'aparença que tindrà quan la gent la mire. No hi ha que aprendre complexes ferramentes. Després el que hi ha són els termes i condicions d'utilització del servei que cal acceptar.

Creació de pàgines web

a b

3. Activeu la casella “He llegit i estic d'acord amb aquests termes i condicions del servei” i cliqueu en el botó “Estic a punt per a 95

Capítol IV

crear les meves pàgines. Us apareixerà la primera pàgina web en blanc per poder començar a donar-li contingut. 4. Cliqueu Change Look per triar una plantilla que us agrade.

5. Feu clic en la plantilla que més us interesse (es pot canviar en qualsevol moment). Si abans cliqueu en Preview es mostrarà una previsualització de la pàgina amb eixa plantilla. 6. Cliqueu Change Layout per triar una configuració de pàgina. 96

Creació de pàgines web

7. Feu clic en l'esquema (layout) que més us interesse (es pot canviar en qualsevol moment). 8. Escriviu un títol o capçalera i un peu de capçalera (opcional) per a la pàgina.

9. Escriviu unes paraules que faran de menú de navegació pel lloc, ja que aquesta serà la pàgina d'inidi (home). 10. Escriviu unes paraules de benvinguda o presentació de la vostra web.

Capítol IV

11. Podeu veure com està quedant fent clic en Preview (s'obrirà una finestra nova). 12. Publiqueu la pàgina clicant en Publish.

Quan en el botó que diu Publish diga Published, vol dir que ja teniu la vostra primera pàgina web publicada. Podeu veure-la clicant en View Live o en l'enllaç que hi ha en la part inferior esquerra (s'obrirà una finestra o pestanya nova del navegador).

Creació de pàgines web

Capítol IV

Pràctica 2

Administrar un lloc

L'element principal del Google Page Creator és l'administrador de llocs (Site Manager). Accedir-hi es pot fer de diverses maneres: des de l'editor clicant Back to Site Manager, des de qualsevol lloc clicant el logo de Google Page Creator o des de la barra d'adreces escrivint http://pages.google.com/. Amb l'administrador de llocs podeu fer les següents accions a. Visitar el lloc. S'obrirà una nova finestra o pestanya del navegador b. Triar un altre lloc d'entre tots els que tingueu creats o bé crear-ne un de nou c. Seleccionar les pàgines triades activant aquestes caselles (per a poder fer alguna acció amb elles) d. Publicar les pàgines seleccionades e. Realitzar més accions amb les pàgines seleccionades, com per exemple: esborrar-les, duplicar-les, etcètera f. Seleccionar totes les pàgines (all) o cap (none) g. Canviar la manera en què es veuen les pàgines: com una graella (grid) o com una llista (list) h. Ordenar la llista de pàgines: per ordre alfabètic (by page name) o per ordre de la data de modificació (by most recent edits) i.

Crear una nova pàgina en el lloc

Editar la pàgina triada clicant sobre el títol

k. Veure en línia la pàgina triada (clicant sobre View on the web). Si no apareix aquest enllaç, vol dir que la pàgina encara no està publicada) l.

Anar a la configuració del lloc

m. Publicar tots els canvis des de l'última publicació n. Administrar els arxius pujats 100

Creació de pàgines web

n m l

g f b

e k j i

h d c

101

Capítol IV

Pràctica 3

Crear un nou lloc web

Per a crear un nou lloc (conjunt de pàgines que compartixen un subdomini) heu de seguir els següents passos: 1. Aneu a l'administrador de llocs d'alguna de les maneres que s'ha descrit en la pràctica 2

2. Cliqueu en Create new site. Si ja teniu més d'un lloc web us eixirà una casella desplegable que diu Choose another site. Per a crear un nou lloc heu de desplegar-lo clicant en la fletxa i triar Create new site 3. Trieu una adreça que serà el vostre subdomini. Ha de tenir entre 6 i 30 caràcters. És molt important triar-la bé perquè després no es podrà canviar. Les pàgines d'aquest lloc compartiran el mateix subdomini

102

Creació de pàgines web

4. Comproveu la disponibilitat de l'adreça. Si us diu que l'adreça que heu triat “is not avaiable” canvieu el nom i comproveu-la un altra vegada fins que diga “is avaiable” 5. Trieu un esquema (layout) inicial 6. Trieu una aparença (look) inicial 7. Cliqueu en Create Site. Ja esteu en l'administrador de llocs amb el nou lloc creat.

103

Capítol IV

Pràctica 4

Crear una subpàgina

Normalment, un lloc té una pàgina inicial (home), la qual es crea automàticament quan es crea el lloc i es pot reconéixer en l'administrador de llocs perquè la seva icona inclou un dibuix d'una caseta en l'interior. Però a més a més, solen haver més pàgines anomenades subpàgines i que solen contenir informació relacionada amb la pàgina inicial. Per a crear una nova subpàgina en un lloc heu de seguir els següents passos: 1. Aneu a l'administrador de llocs (Site Manager) 2. Trieu el lloc web en el qual voleu crear una pàgina nova

3. Cliqueu en Create a new page... 4. Poseu títol a la nova subpàgina 5. Feu clic en Create and Edit 6. Doneu contingut a la nova pàgina. És aconsellable que aquesta pàgina tinga la mateixa aparença (look) i el mateix esquema (layout) que la pàgina principal (home) i que totes les pàgines del lloc (site). Quan trieu un esquema (layout) se sol reservar un dels marcs per fer un menú de navegació pel lloc web. Aquest menú contindrà un índex amb totes les pàgines que hi ha i enllaços a aquestes 104

Creació de pàgines web

pàgines. Podeu fer el menú en un dels marcs de la pàgina inicial (home) i després copiar-lo i enganxar-lo en la resta de les pàgines

7. Cliqueu en Publish. Quan feu això, es veurà per un moment la paraula Publishing en el mateix botó fins que s'haja guardat i publicat la pàgina, moment en què es mostrarà la paraula Published.

105

Capítol IV

Pràctica 5

Enllaçar pàgines d'un mateix lloc

Com s'ha dit abans, és habitual que les pàgines d'un mateix lloc tinguen un menú de navegació amb enllaços a les altres pàgines del lloc. En aquesta pràctica, primer enllaçareu una subpàgina amb la pàgina principal (home) i després anireu a la pàgina principal i creareu un enllaç amb la subpàgina anteriror. 1. Aneu a l'administrador de llocs (http://pages.google.com/) i trieu el lloc amb el què voleu treballar 2. Cliqueu en el títol de la pàgina d'inici per tal que s'òbriga l'editor

3. Seleccioneu el text que voleu que siga l'enllaç i cliqueu en link

106

Creació de pàgines web

4. En l'apartat Link to: trieu Your pages 5. Trieu la pàgina d'entre les vostres amb la qual voleu enllaçar

6. Comproveu el text que farà d'enllaç en la casella Text to display 7. Feu clic en OK. Una vegada fet això, us eixirà una barreta de ferramentes amb la que podeu provar l'enllaç (link), canviar-lo (change), editar la pàgina amb la qual heu enllaçat (edit page) o esborrar-lo (remove). Per ocultar la barra cliqueu fora de l'enllaç o la x de dalt a la dreta

8. Ara editeu la pàgina que acabeu d'enllaçar i feu un enllaç amb la pàgina d'inici seguint les mateixes instruccions. Podeu anar-hi a través de l'administrador de llocs (Back to Site Manager) o bé seleccionant l'enllaç que acabeu de crear i clicant en les paraules edit page de la barreta que eixirà. 107

Capítol IV

Pràctica 6

Crear una subpàgina directament enllaçada

Aquesta pràctica consistix a crear una nova pàgina web però, no des de l'administrador de llocs sinó directament des de la pàgina amb la qual volem que estiga enllaçada. Per exemple, una subpàgina enllaçada a la pàgina d'inici. 1. Aneu a l'administrador de llocs (http://pages.google.com/) i trieu el lloc amb el què voleu treballar 2. Cliqueu en el títol de la pàgina d'inici per tal que s'òbriga l'editor

3. Seleccioneu el text que voleu que siga l'enllaç i cliqueu en link

108

Creació de pàgines web

4. En l'apartat Link to: trieu Your pages 5. En l'apartat Create a new page: poseu títol a la nova pàgina

6. Comproveu el text que farà d'enllaç en la casella Text to display 7. Cliqueu en Add Page 8. Feu clic en OK. Podeu repetir la operació per a crear-ne més i tenir una sèrie de pàgines noves enllaçades amb la principal. Per tal d'editar les noves pàgines torneu a l'administrador de llocs (Back to Site Manager) i cliqueu al títol o bé seleccioneu l'enllaç que acabeu de crear i feu clic en les paraules edit page de la barreta que eixirà. recordeu-vos-en de crear un enllaç amb la pàgina d'inici.

109

Capítol IV

Pràctica 7

Editar pàgines

Quan, des de l'administrador de llocs, es fa clic en el títol de qualsevol pàgina, s'obre l'editor en línia de pàgines web. Les funcions bàsiques que inclou aquest editor són: a.

Canvia l'esquema . S'obri una finestra amb 4 tipus de disposicions

Canvia l'aparença . S'obri una finestra amb 41 plantilles

Veure en línia. Mostra una previsualització de la pàgina

Publica. Fa la pàgina visible al públic

Torna a l'administrador de llocs. Tanca la pàgina i va directament al Site Manager

Desfer. Si cometeu una errada i voleu desfer l'última acció aquest botó serà el vostre aliat

Refer. Torna a fer l'última acció desfeta

Imatge. Inserix una imatge a la pàgina. Podeu veure com en la següent pràctica

Enllaç. Inserix enllaços a pàgines, arxius i adreces de correu electrònic

Capçalera. Crea texts amb diversos formats de capçaleres

Negreta. Fa més gruixut el text seleccionat

Cursiva . Inclina el text seleccionat

m. Color de text . Pinta els caràcters seleccionats amb el color triat n.

Color de fons. Pinta el fons del text seleccionat amb el color triat

Tipus de lletra. Canvia el tipus de lletra d'entre uns pocs a triar

Mida del text. Canvia la grandària del text seleccionat.

Numeració. Crea una llista numerada

Pics. Crea una llista amb pics

Reduix el sagnat

Augmenta el sagnat

Alineació. Alinea els paràgrafs segons l'opció triada

Edita HTML. Mostra el codi HTML de la pàgina per tal de modificar-lo. No us emboliqueu amb això si no sabeu ben bé què és.

w. Afegix un artefacte. Inserix una petita aplicació creada per Google

x. No publiques. Fa la pàgina invisible al públic

110

Creació de pàgines web

v w

u t s r q p o

x n m l c

k j i h g f

111

Capítol IV

Pràctica 8

Inserir imatges publicades en la web

Com s'ha dit en la introducció, les pàgines web solen contenir fitxers d'imatge que il·lustren el contingut de la informació. Quan es vol inserir una d'aquestes imatges amb el Google Page Creator s'ha de triar entre un fitxer que ja està publicat en algun altre lloc web (com per exemple, un àlbum web de Picasa) i se'n coneix l'adreça, o bé un fitxer que està allotjat al disc dur del nostre ordinador (com per exemple, una foto feta amb una càmera digital) i aleshores s'ha de pujar al servidor del nostre lloc. Es descriu a continuació el procediment per inserir una imatge que ja hi és publicada a la web. En la següent pràctica es descriurà com inserir una imatge del disc dur. 1. Obriu un navegador i aneu a la pàgina on està allotjada la imatge que voleu inserir en la vostra pàgina web 2. Copieu l'adreça o URL de la imatge en el porta-retalls tal com està descrit en els passos u i dos de la pràctica 10 del tercer capítol 3. Aneu a l'administrador de llocs (http://pages.google.com/) i trieu el lloc amb el què voleu treballar 4. Cliqueu en el títol de la pàgina en la qual voleu afegir al imatge per tal que s'òbriga l'editor de pàgines en línia 5. Feu clic en el botó imatge de l'editor. S'obrirà una finestra on teniu que triar entre imatges pujades (Uploaded images) o imatges publicades en la web (Web address URL) 6. Cliqueu en l'apartat Web address (URL)

112

Creació de pàgines web

7. Enganxeu l'adreça del porta-retalls en el camp corresponent (amb la combinació de tecles CTRL+V o fent clic amb el botó secundari i triar l'opció per enganxar). Si l'adreça és correcta, apareixerà la imatge baix quan cliqueu fora del camp

8. Feu clic en el botó Add Image. Us eixirà la imatge en la vostra pàgina web amb una barreta amb la que podeu canviar la mida de la imatge i fer-la petita (Small), mitjana (Medium) o gran (Large), posar-la amb la seua mida original (Original size) o bé esborrar (Remove) la imatge

113

Capítol IV

Pràctica 9

Inserir imatges allotjades en el disc dur

1. Obriu un navegador i aneu a l'administrador de llocs (http://pages.google.com/). 2. Trieu el lloc amb el que voleu treballar 3. Cliqueu en el títol de la pàgina en la qual voleu afegir al imatge per tal que s'òbriga l'editor de pàgines en línia 4. Feu clic en el botó imatge de l'editor. S'obrirà una finestra on teniu que triar entre imatges pujades (Uploaded images) o imatges publicades en la web (Web address URL) 5. Cliqueu en l'apartat Uploaded images 6. Feu clic en examinar, trieu la carpeta del vostre ordinador on estiga allotjada la imatge, seleccioneu-la i cliqueu en “obrir”. Si voleu pujar més imatges per usar-les després, torneu a fer clic en examinar i repetiu la operació

114

Creació de pàgines web

7. Seleccioneu la imatge clicant en ella fins que es veja rodejada d'un marc groc clar 8. Cliqueu en el botó Add Image. Us eixirà la imatge en la vostra pàgina web amb una barreta amb la que podeu obrir un petit editor per modificar-la (Edit image), o bé esborrar-la (Remove). Aquesta barreta es tanca desseleccionant la imatge (clicant fora) o clicant en la x de la mateixa barra i s'obri seleccionant la imatge

115

Capítol IV

Pràctica 10

Enllaçar pàgines externes al lloc

També sol ser habitual que en les pàgines web hi hagen enllaços a altres pàgines, com ara, alguna enciclopèdia en línia com Viquipèdia (http://ca.wikipedia.org/) o bé algun cercador com per exemple Google (http://www.google.es) 1. Aneu a l'administrador de llocs i trieu el lloc amb el que voleu treballar 2. Obriu la pàgina (en mode edició) on voleu afegir l'enllaç

3. Seleccioneu el text que voleu que siga l'enllaç i feu clic en el botó Link

116

Creació de pàgines web

4. Feu clic en l'apartat Web address 5. Escriviu l'adreça en el camp corresponent, per exemple http://www.google.es. Si no coneixeu l'adreça de la pàgina amb què voleu enllaçar, podeu obrir una altra finestra del navegador, anar-hi i copiar l'adreça de la barra d'adreces 6. Comproveu que no s'ha modificat el text que farà d'enllaç en la casella Text to display

7. Podeu comprovar si l'enllaç funciona bé clicant en Test this link. S'obrirà una finestra o pestanya nova del navegador i mostrarà la pàgina enllaçada 8. Feu clic en OK. Us eixirà una barreta anomenada Go to link amb la qual podeu anar a l'enllaç (clicant en l'adreça), modificar-lo (clicant en Change) o esborrar-lo (fent clic en Remove). Aquesta barra es pot tancar clicant en la x de la esquerra i es pot tornar a obrir seleccionant l'enllaç.

117

Capítol IV

Pràctica 11

Enllaçar arxius

Una pàgina web pot contenir també enllaços a arxius per tal que els visitants puguen baixar-los, com per exemple, un fitxer en format PDF amb una colecció d'exercicis de matemàtiques o una grabació en format MP3 per fer un dictat de música o de llengua. El procediment per inserir un arxiu en una pàgina feta amb Google Page Creator és molt similar al d'inserir un enllaç, només que també s'ha de pujar l'arxiu que es vol enllaçar: 1. Aneu a l'administrador de llocs i trieu el lloc amb el que voleu treballar 2. Obriu la pàgina (en mode edició) on voleu afegir l'enllaç

3. Seleccioneu el text que voleu que siga l'enllaç a l'arxiu i feu clic en el botó Link

118

Creació de pàgines web

4. En l'apartat Your files cliqueu en Examinar

5. Localitzeu la carpeta on és l'arxiu que voleu incloure en la pàgina i obriu-lo 6. Podeu pujar més arxius per utilitzar-los després clicant una altra volta en Examinar 7. Seleccioneu l'arxiu. Fixeu-vos que el fons es fica de color groc

8. Comproveu el text que farà d'enllaç en Text to display 9. Feu clic en OK 10. Us eixirà una barra amb la que podeu baixar l'arxiu, modificar l'enllaç (Change) o llevar-lo (Remove) 119

Capítol IV

Pràctica 12

Inserir codi HTML

De vegades es necessari inserir en la pàgina web un tros de codi HTML que es proporciona en altres webs per incrustar un marc amb una funcionalitat afegida. Per exemple, un vídeo de YouTube, una presentació de SlideShare o la portada d'un àlbum web de fotografies de Picasa. En aquesta pràctica inserireu una miniatura d'una fotografia extreta d'un àlbum web de Picasa. 1. Obriu un navegador i aneu a l'administrador de llocs (http://pages.google.com/). 2. Trieu el lloc amb el que voleu treballar 3. Cliqueu en el títol de la pàgina en la qual voleu afegir al imatge per tal que s'òbriga l'editor de pàgines en línia 4. En el lloc que vulgueu que aparega la portada de l'àlbum escriviu unes lletres que siguen fàcilment recognoscibles. Si cal exagereu alguna síl·laba, per exemple “aquí va el cooooooooodi HTML”

5. Cliqueu en l'enllaç Edit HTML

120

Creació de pàgines web

6. Seleccioneu el text que havíeu escrit en el pas 4

7. Copieu el tros de codi HTML que mostrarà alló que volem inserir (teniu un exemple de com copiar el codi HTML d'una foto d'un àlbum web de Picasa en la pràctica 7 del capítol 5) 8. Substituïu la frase seleccionada pel codi HTML copiat enganxant-lo

9. Feu clic en Update i veureu el resultat en la vostra pàgina. Si no es veu bé, mireu una previsualització de la pàgina.

121

Gestió d'imatges

Capítol V Gestió d'imatges En la era de la imatge digital tothom té una càmera i milers de fotos per compartir. Abans el procés de creació de fotografies era relativament lent i tenia un cost elevat. A més estava el component sorpresa. Com hauran eixit les fotos? Amb les càmeres digitals i els ordinadors es té l'avantatge que és tot molt immediat, es poden fer i emmagatzemar un nombre quasi il·limitat de fotografies i amb alguns senzills programes es poden fins i tot retocar o perfeccionar les imatges amb relativa facilitat i sense profunds coneixements tècnics. La combinació de imatge digital i Internet (sobre tot amb l'aparició dels serveis web 2.0) ha fet que es publiquen a la xarxa grans quantitats de fotografies relacionades amb milers de temàtiques i fetes per una diversitat molt gran de persones. Des de professionals de la fotografia fins aficionats o no iniciats pengen les seues creacions, retrats, fotos de viatge, àlbums familiars, etcètera que després utilitzen en webs, blocs, wikis i altres llocs per a donar a conéixer el seu treball, compartir les fotos amb la família, il·lustrar els seus articles o qualsevol altra comesa. Moltes empreses oferixen servei d'allotjament de fotografies a la web. Algunes de manera gratuïta i altres no. Aquestes fotografies es poden compartir amb tots els internautes o deixar només disponibles per a qui l'usuari decidisca. D'entre els serveis més coneguts es troben Flikr (http://flikr.com), de l'empresa Yahoo i Picasa web albums de l'empresa Google. En aquest capítol es descriuen procediments bàsics per utilitzar els àlbum web de Picasa, servei amb els que es pot, entre altres funcions, publicar fotos i vídeos en la xarxa, compartir fotografies, veure i desar les fotografies compartides per altres o crear conjunts de fotografies i veure'ls com una presentació de diapositives.

123

Capítol V

Pràctica 1

Activar el servei

1. Obriu un navegador i escriviu http://picasaweb.google.com/

barra d'adreces

2. Inicieu sessió a Àlbums web de Picasa amb el vostre compte Google escrivint el vostre nom d'usuari de Gmail i la contrasenya i clicant en Accediu

3. Llegiu i accepteu les condicions generals del servei

124

Gestió d'imatges

Us eixirà una pantalla amb la pàgina Les meves fotografies. Com encara no teniu cap àlbum carregat, es mostra un missatge per utilitzar Picasa per carregar les vostres fotografies a la xarxa

4. Noteu que Picasa és un programari que s'instal·la al disc dur i servix per gestionar tots els arxius d'imatge que es tenen a l'ordinador. Aquest programa no és necessari per utilitzar Àlbums web de Picasa, el qual és un servei web 2.0 independent del programa. Encara que amb Picasa es poden utilitzar algunes funcions que té el servei Àlbums web de Picasa.

125

Capítol V

Pràctica 2

Crear un àlbum i pujar les fotos

1. Escriviu http://picasaweb.google.com/ en la barra d'adreces d'un navegador. Inicieu sessió si no l'havieu iniciada ja. 2. Feu clic en el botó Càrrega de la part dreta de la pantalla 3. Introduïu la següent informació de l'album: a. Títol. Identificarà l'àlbum per diferenciar-lo dels altres b. Data. Poseu la data en què s'han pres les fotografies c. Descripció . Escriviu unes paraules que descriguen l'àlbum. Aquest camp és opcional d. Lloc on s'ha fet. Podeu indicar la ubicació de les fotografies en un mapa de Google. Escriviu el nom de la localitat on s'han pres les fotografies i polseu Enter. Si Google Maps reconeix el lloc, es mostrarà en el mapa un globus que podeu moure per afinar la posició (també podeu enquadrar, ampliar o reduir el mapa amb els botonets de control que hi ha), si no, us suggerirà algunes ubicacions amb el nom paregut al que heu teclejat e. Privadesa. Seleccioneu Públic si voleu que l'àlbum siga visible per a tots els usuaris i s'incloga a la cerca de la comunitat d'Àlbums web de Picasa. Seleccioneu No enumerat si només voleu compartir l'àlbum amb els usuaris seleccionats f. Continua . Passa a la següent pantalla

126

Gesti贸 d'imatges

127

Capítol V

4. Cliqueu en Continua (f). Arribareu a la pàgina de càrrega de fotografies. Es poden carregar fins cinc fotografies alhora. Per indicar les fotografies que voleu carregar 5. Feu clic en el botó Examinar 6. Localitzeu la carpeta on són les fotos que voleu incloure en l'àlbum i feu doble clic en la primera d'elles

7. Repetiu l'operació amb el següent botó d'Examinar fins que hageu indicat les fotos que voleu que formen part de l'àlbum 8. Cliqueu en Inicia la càrrega. Espereu fins que les fotos estiguen carregades. Si voleu carregar més de cinc fotografies, seguiu el procediment de la següent pràctica.

128

Gesti贸 d'imatges

129

Capítol V

Pràctica 3

Afegir fotos a un àlbum

1. Aneu a la pantalla Les meves fotografies fent clic en el logotip de Picasa o escrivint http://picasaweb.google.com/ en la barra d'adreces del navegador 2. Feu clic en la portada de l'àlbum en el qual voleu afegir fotografies

3. Cliqueu en l'enllaç Carrega fotografies que hi ha al menú de la part esquerra de la pantalla 4. Carregueu les fotografies tal com està descrit en els passos 5, 6, 7 i 8 de la pràctica anterior.

130

Gesti贸 d'imatges

131

Capítol V

Pràctica 4

Veure un àlbum: opcions

Per arribar a la pantalla àlbum, s'ha de seguir els següents passos: 1. Aneu a la pantalla Les meves fotografies fent clic en el logotip de Picasa o escrivint http://picasaweb.google.com/ en la barra d'adreces del navegador i iniciant sessió si no l'havíeu iniciada ja 2. Feu clic en la portada de l'àlbum amb el que voleu treballar. Arribareu a una pantalla amb les miniatures de les fotos de l'àlbum (o de la primera pàgina si n'hi ha moltes) en la que hi ha, entre d'altres, les següents opcions: a. Presentació de diapositives. Mostra les fotografies en gran com si fóra una presentació de diapositives. Es pot canviar la duració de la presentació en pantalla de cada imatge b. Visualitza el mapa. Podeu veure el mapa del lloc on s'ha fet si ho havieu indicat en les propietats de l'àlbum c. Organitza. Ordena les fotos segons el criteri indicat: per nom, per data, etcétera d. Edita els títols . Afegix o modifica un títol a cada imatge e. Compartix l'àlbum. Envia per correu electrònic un enllaç amb l'àlbum actual f. Mida. Modifica la mesura de les miniatures g. Miniatures. Clicant en elles es veu la fotografia en gran h. Propietats de l'àlbum. Modifica la informació sobre l'àlbum indicada en el moment de la seua creació i.

Portada de l'àlbum. Tria una de les fotografies per fer de portada en la pantalla Les meves fotografies

Enllaços a aquest àlbum. Mostra la URL de l'àlbum per enllaçar-lo i el codi HTML per incrustar-lo en una web o bloc

k. Descarregar àlbum. Baixa les fotos al disc amb Picasa l. 132

Eliminar àlbum. Esborra l'àlbum actual.

Gesti贸 d'imatges

g f

j i

k l

133

Capítol V

Pràctica 5

Veure una fotografia: opcions

Per veure una fotografia, s'han de seguir els següents passos: 1. Aneu a la pantalla Les meves fotografies fent clic en el logotip de Picasa o escrivint http://picasaweb.google.com/ en la barra d'adreces del navegador i iniciant sessió si no l'havíeu iniciada ja 2. Feu clic en la portada de l'àlbum amb el que voleu treballar 3. Cliqueu en la miniatura de la foto que voleu veure. Arribareu a una pantalla amb la foto en la que hi ha, entre d'altres, les següents opcions: a.

Consulta l'àlbum . Torna a la pantalla amb les miniatures de l'àlbum actual

Anterior. Mostra la fotografia anterior

Següent. Mostra la següent fotografia

Gira cap a l'esquerra. Gira la fotografia 90º en el sentit contrari a les agulles del rellotge

Gira cap a la dreta. Gira la fotografia 90º en el sentit de les agulles del rellotge

Compartix la fotografia. Envia per correu electrònic un enllaç amb la imatge actual

Amplia. Amplia o reduïx la imatge

Informació. Mostra informacions de la fotografia i de l'àlbum

Descarrega la fotografia. Guarda la imatge en el disc dur

Etiquetes. Gestiona les etiquetes de la fotografia. Podeu etiquetar les imatges amb una o més paraules clicant l'enllaç inferior del quadre

Portada . Establix la fotografia actual com a portada de l'àlbum

Còpia i mou. Duplica o desplaça la fotografia i la deixa en un altre àlbum

m. Enllaços. Mostra la URL de la imatgeper enllaçar-la i el codi HTML per incrustar-la en una web o bloc

134

Elimina aquesta fotografia. Lleva la imatge de l'àlbum

Llegenda. Modifica el títol de la fotografia

Comentaris. Mostra i afegix comentaris a la imatge

Suggeriments. Google ofereix opcions que us poden ser d'utilitat

Gesti贸 d'imatges

i j k l m

o p q

135

Capítol V

Pràctica 6

Compartir un àlbum o una fotografia

Si esteu veient un àlbum o una fotografia, existix la possibilitat de compartir-los amb altres enviant-los un enllaç per mitjà de correu electrònic fent clic en el botó compartir àlbum o fotografia (marcat amb les lletres e i f en les pràctiques 4 i 5 respectivament). Una vegada fet açò, ompliu la següent informació d'aquesta manera: 1. Escriviu les adreces de correu electrònic d'aquells amb qui voleu compartir separades per comes

2. Escriviu el missatge de text que voleu transmetre 3. Feu clic en Envia la invitació 136

Gesti贸 d'imatges

137

Capítol V

Pràctica 7

Inserir un àlbum en el bloc o en la web

Es pot inserir un àlbum o una fotografia en un lloc web de dues maneres. La primera és coneixent l'adreça URL de l'àlbum o de la fotografia i posant un enllaç en el bloc o en la pàgina web tal com està explicat en les pràctiques 8 del capítol III o 10 del capítol IV respectivament. Per a conéixer la adreça indicada seguiu els següents passos: 1. Inicieu sessió en http://picasaweb.google.com/ i obriu un àlbum o una fotografia. 2. Cliqueu en Enllaços a aquest àlbum o en Enllaços a aquesta fotografia 3. Seleccioneu el text del camp que comença per http i copieu-lo al porta-retalls 4. Obriu una altra finestra o pestanya del navegador i aneu a http://blogger.com o a http://pages.google.com 5. Seguiu els passos per inserir un enllaç descrits en les pràctiques 8 o 10 dels capítols III o IV respectivament. La següent manera és incrustant la portada de l'àlbum o una miniatura de la foto en el bloc o en la pàgina web. El procediment per fer això és molt paregut al d'abans: 1. Inicieu sessió en http://picasaweb.google.com/ i obriu un àlbum o una fotografia. 2. Cliqueu en Enllaços a aquest àlbum o en Enllaços a aquesta fotografia

138

Gestió d'imatges

3. Seleccioneu el text del camp que comença per < i copieu-lo al porta-retalls 4. Obriu una altra finestra o pestanya del navegador i aneu a http://blogger.com o a http://pages.google.com 5. Seguiu els passos per inserir codi HTML descrits en les pràctiques 11 o 12 dels capítols III o IV respectivament.

139

Referències bibliogràfiques Mestre, S. I altres (2007): Uso combinado de herramientas TIC en la web de un departamento didáctico.I Congreso Internacional Escuela y TIC. IV Fòrum Novadors. Universitat d'Alacant. Villoslada, Benjamí (2005). Què són els fils de subscripció? [article en línia]. [Data de consulta: 25 de novembre de 2007]. <http://blog.bitassa.cat/arxiu/2005/06/18/193/> Diversos autors. Abc del blog [article en sistema wiki en línia]. [Data de consulta: 4 de febrer de 2008]. <http://edublogki.wikispaces.com/abc+del+blog> Diversos autors. Distribución y suscripción automática de contenidos.RSS ¿De qué estamos hablando? [article en sistema wiki en línia]. [Data de consulta: 23 de novembre de 2007]. <http://edublogki.wikispaces.com/Distribuci%C3%B3n+y +suscripci%C3%B3n+autom%C3%A1tica+de+contenidos> Diversos autors. Monográfico blogs en la educación. [en línia]. [Data de consulta: 4 de febrer de 2008]. <http://observatorio.cnice.mec.es/index.php? module=subjects&func=viewpage&pageid=70> Diversos autors (2008). Viquipèdia. Correu electrònic. [entrada en línia]. [Data de consulta: 14 de gener de 2008]. <http://ca.wikipedia.org/wiki/Correu_electr%C3%B2nic> Diversos autors (2008). Viquipèdia. Bloc. [entrada en línia]. [Data de consulta: 4 de febrer de 2008]. <http://ca.wikipedia.org/wiki/Bloc> Diversos autors (2007). Viquipèdia. RSS. [entrada en línia]. [Data de consulta: 25 de novembre de 2007]. <http://ca.wikipedia.org/wiki/RSS> Diversos autors (2008). Viquipèdia. Pàgina web. [entrada en línia]. [Data de consulta: 31 de juliol de 2008]. <http://ca.wikipedia.org/wiki/P%C3%A0gina_web> Cercaterm. Servei de consultes en línia. [Diverses dates de consulta]. <http://www.termcat.cat/> Llovera, S. I altres (2002): Vocabulari bàsic d'Internet. Institut Joan Lluís Vives. ISBN: 84-932915-0-1