Es possible que quan inseriu una imatge no us agradi molt com ha quedat situada. Podeu tenir una mica més de control sobre la col·locació de les imatges si utilitzeu les taules.

Per inserir una taula heu de fer clic a la icona:  . Us sortirà una finestra on demanarà les dimensions de la taula. Si escolliu 2 files o dos columnes podreu col·locar fàcilment quatre fotos d’aquesta forma:

Naturalment es poden fer moltes coses, con posar una vora. Canviar el color de fons. Alternar text i imatges. Per exemple:

	1a Mostra Musical d’alumnes de l’IES Bellvitge
Premi a l’equip millor entrenat a la First Lego League

Editant un dels articles que teniu ja fets amb imatges, proveu d’inserir una taula amb una fila i dos columnes i escriviu el text a l’esquerra i inseriu la imatge a la dreta.

Per inserir una imatge a un article teniu dues opcions.

1. Inserir una imatge que teniu al vostre ordinador
2. Inserir una imatge que heu vist en una altra web

Inserir una imatge que teniu al vostre ordinador

En el primer cas el primer que cal fer es pujar la imatge al servidor. Per fer això heu d’anar a l’opció Escriu del tauler d’administració del bloc.

Aquí trobareu l’opció Desa al servidor, que us permetrà pujar fitxers al servidor. Per fer-ho, heu de seleccionar el fitxer que voleu pujar al servidor des del botó Navega…, escriure un títol i una descripció per al fitxer i fer clic al botó Desa al servidor.

Atenció: La mida màxima dels fitxers que es poden pujar al servidor és de 1000 Kb. Si el fitxer que heu pujar és una imatge us mostrarà vàries opcions.

Si escolliu Miniatura us mostrarà una versió reduïda de la imatge que després podeu enllaçar a la imatge en mida normal si teniu seleccionat Enllaç a Fitxer.

Si escolliu Mida real us mostrara la imatge en la mida original (a vegades la imatge és massa gran i no queda bé en el bloc. Us recomano que les imatges no siguin més grans de 500 pixels d’amplada si voleu que es vegi a mida completa a l’article) Ja parlarem a la tercera sessió diferents formes de modificar les dimensions de les imatges.

Si escolliu l’opció Enllaç a pàgina, quan feu clic sobre la imatge (tant en miniatura com en mida real) anirà a una pàgina que heu d’especificar. Potser una altra pàgina del vostre bloc o una pàgina externa.

La relació de fitxers pujats al servidor la podeu trobar des de l’opció Navega per tots. Si seleccioneu algun d’aquests fitxers els podreu també els podreu inserir al vostre article.

Inserir una imatge que heu vist en una altra web

En aquest cas el primer que heu de descobrir és l’URL de la imatge. Això ho podeu fer fent el següent:

1.- Obreu la pàgina a on està la imatge que us interessa amb un navegador.

2.- Feu clic amb el botó esquerra del ratolí sobre la imatge i escolliu l’opció Propietats. Us surt una petita finestra amb les propietats de la imatge, seleccioneu el que hi ha al camp Adreça i ja tindreu el que us cal.

Per inserir ara la imatge només heu de fer clic a la icona del arbre que hi ha al menú superior de la finestra d’edició d’un article. Inseriu l’adreça de la imatge que heu seleccionat amb anterioritat i feu clic a Insereix.

Als articles o a les pàgines dels blocs, hi podeu inserir vídeos en format Real Media que estiguin pujats a un servidor d’Internet. Per poder-ho fer, només us cal conèixer l’URL del vídeo.

Ara inserireu un vídeo de l’EDU3 (tots tenen el format de Real Media) que heu escollit amb anterioritat. Aquest vídeo l’inserireu al vostre bloc o a Taller de Blocs.

Primer cal conèixer l’URL exacte del vídeo, que no és el mateix que apareix a la finestra de navegació. Per conèixer l’URL del vídeo, seguiu el procediment següent:

1. Selecció del vídeo que es vol inserir al bloc

Entreu a l’EDU3 i seleccioneu el vídeo que voleu inserir en el vostre bloc.

2. Cerca i còpia de l’URL del vídeo

Valideu-vos en el portal de l’EDU3 i aneu al final de la pàgina. Trobareu una finestra on està escrita l’URL del vídeo. Que serà quelcom semblant a:

Seleccioneu aquest text i copieu-lo a la memòria de l’ordinador. (Feu Ctrl+C)

Fins aquí heu fet el més complicat. Ara ve la part més fàcil.Entreu a l’administració del bloc i comenceu a escriure-hi un article o pàgina nova.

Feu clic al botó de l’editor de la imatge.

Se us obrirà una finestra on heu d’escriure l’URL del vídeo que voleu inserir al vostre article o a la vostra pàgina.

Una vegada hagueu inserit un vídeo a l’editor, veureu un text de l’estil següent:

– kml_rm movie=”url” width=”352″ height=”288″ wmode=”transparent” / –

Afegiu la informació que considereu adient a l’article, com preguntes, enllaços, etc..

Publiqueu l’article o la pàgina nova i el vídeo haurà quedat inserit al bloc.

Podeu veure un exemple a d’inserció d’un vídeo d’Edu3.cat a:

• http://blocs.xtec.cat/iesbellvitgemt/2008/06/20/digits-numeros-dinfidels/

En aquesta pràctica inserireu una animació Flash en un article. Les animacions flash són pel·lícules creades amb el programa Adobe Flash que tenen extensió swf. El primer que cal fer és entrar en el vostre bloc, o en el bloc Taller de blocs, però amb el perfil d’editor o administrador. L’adreça del taller de blocs és:

http://blocs.xtec.cat/tallerdeblocs20/wp-admin/

Cal que l’animació es trobi prèviament pujada a un servidor d’Internet i cal, també, conèixer l’URL exacte. Si no teniu escollida cap animació inserirem la que es troba a l’adreça http://www.whitehouseanimationinc.com/kunstbar.swf Per fer això farem clic al botó següent Se us obrirà una finestra on heu d’escriure l’URL de l’animació Flash que voleu inserir en el vostre article o pàgina.

Una vegada hagueu inserit una adreça a la finestra i feu clic a D’acord, hi veureu un text semblant a aquest:

kml_flashembed movie=”http://servidor/animacio.swf” width=”34″ height=”23″En l’exemple que teniu a continuació, s’ha inserit un fitxer Flash que està situat a l’URL http://www.whitehouseanimationinc.com/kunstbar.swf. Aquesta adreça és la que cal escriure a la primera finestra que es mostra en prémer la icona d’inserció de fitxer Flash. Després de prémer D’acord, us apareixeran dos finestres més on es demanarà que definiu l’amplada (en aquest cas és 400 pixels) i l’alçada (en aquest cas, 300 píxels) de la finestra on es reproduirà el fitxer Flash. D’aquesta manera, es genera el codi que heu vist a dalt. Tot seguit, es pot observar un exemple d’allò que aconseguireu:

[kml_flashembed movie="http://www.whitehouseanimationinc.com/kunstbar.swf" width="400" height="300"/]

El codi que us sortirà serà:

kml_flashembed
movie=”http://www.whitehouseanimationinc.com/kunstbar.swf”
width=”400″ height=”300″

Directament des de l’editor, podeu inserir vídeos externs procedents de YouTube, Google Video, iFilm, Revver, Metacafe, MySpace o GoEar en els vostres articles o pàgines dels blocs.

Per poder inserir vídeos des de les fonts comentades, cal conèixer els seus URL i fer clic al botó de l’editor de la imatge.

Anem a fer un exemple:

Primer de tot heu de començar a escriure un article en el vostre bloc o al Taller de blocs. Recordeu l’adreça del taller de blocs és: http://blocs.xtec.cat/tallerdeblocs20/wp-admin/

Per inserir un vídeo del YouTube, podeu seguir el procediment que es descriu tot seguit.

Aneu a la web de YouTube i cerqueu el vídeo que voleu inserir en el vostre article o pàgina. Si no en trobeu cap podeu inserir un dels videos del centre, per exemple el que es troba a: http://es.youtube.com/watch?v=LCQJgmUozeo
Feu clic al botó
Se us obrirà una finestra on heu d’escriure l’URL del vídeo que voleu inserir en el vostre article o pàgina.

Vosaltres he d’escriure l’adreça escollida (per exemple http://es.youtube.com/watch?v=LCQJgmUozeo ). Una vegada hagueu inserit un vídeo a l’editor, veureu un text de l’estil:

kml_flashembed movie="url" width="425" height="350" wmode="transparent" /

Així, aconseguireu que l’article tingui un vídeo incrustat i es pugui reproduir, com en aquest exemple:[kml_flashembed movie="http://es.youtube.com/v/LCQJgmUozeo" width="425" height="350" wmode="transparent" /]

Uns exemple interessants d’aplicació de la inserció d’un vídeo en un bloc els podeu trobar a:

• http://www.eslpod.com/eslpod_blog/2008/10/28/desperado-by-the-eagles/
• http://blocs.xtec.cat/iesbellvitgemt/2008/04/01/el-nombre-auri/ 

En aquesta pràctica que heu de fer des del vostre ordinador de casa, afegireu a delicious els marcadors (favorits) que teniu al vostre navegador.

1. Heu de anar a http://delicious.com/ i registrar-vos amb el vostre nom d’usuari i contrasenya.
2. Feu clic a l’enllaç Settings que es troba a la part superior dreta de la finestra. Observareu que s’obre una pàgina i que a l’apartat Bookmark hi ha un enllaç que diu Import / Upload Bookmarks. Feu clic en aquest enllaç.
3. Us sortirà una nova pantalla amb un botó de color ver que diu Import Now. Feu clic en aquest botó i començarà la importació.

Com a deures també teniu la feina de començar a pensar en el bloc que fareu durant el curs.

A ser possible el bloc hauria de ser: un bloc de departament, un bloc d’àula (tutoria), un bloc d’una matèria del vostre departament, un bloc destinat a la gestió del centre, etc…

El bloc hauria de tenir:

• Imatges
• Elements multimèdia (àudio, vídeo i flash)
• Alguna aplicació didàctica relacionada amb el bloc

Heu de pensar:

• Quina interfície (presentació) tindrà
• A qui estarà ddirigit
• Quin ús li voleu donar
• Quins usuaris tindran accés i de quin tipus.

Afegiu una article al bloc http://blocs.xtec.cat/tallerdeblocs20/ indicant en forma resumida el que fareu.

A classe ja heu vist que Google té el servei iGoogle que ens permet tenir una pàgina d’inici personalitzada. Es pot configurar aquesta pàgina afegint-hi pestanyes, escollint el fons, i afegint-hi widgets (o gadgets).

Un widget és un petit programa de distribució gratuïta a Internet. Entre els seus objectius estan els de donar fàcil accés a funcions freqüentment usades i proveir d’informació visual. No obstant això els widgets poden fer tot el que la imaginació desitgi i interactuar amb serveis i informació distribuïda en Internet; poden ser vistosos rellotges en pantalla, notes, calculadores, calendaris, agendes, jocs, finestres amb informació del temps en la seva ciutat, etcètera.

Amb l’objectiu d’acostumar-vos al widgests (que també s’utilitzaran en la presentació dels blocs) us heu de configurar la vostra pàgina d’inici amb iGoogle. Per accedir-hi, heu d’entrar amb el nom d’usuari i contrasenya queheu escollit quan us heu registrat al Gmail.

Aquí teniu uns exemples de blocs, tots estan allotjats al servei XTECBlocs. Veureu que la presentació i el contingut és molt variat. Escriviu un comentari (en aquest mateix article) indicant quin bloc us ha agradat més. Si no us ha agradat ningú indiqueu l’adreça d’un bloc que considereu interessant per compartir amb la resta de participants del curs. Si no teniu prou temps per fer això durant la sessió, proveu de fer-ho a casa.

1. Enllaços educatius del CEIP Mas Clarà
2. Premsa i educació
3. L’armari tic
4. Our English Blog
5. Aprendre i ensenyar amb les TIC
6. Racó Tic
7. L’espai verd de l’IES Bellvitge
8. L’IES Bellvitge a la First Lego League
9. IES Bellvitge a la televisió
10. Departament de Matemàtiques de l’IES Bellvitge