TUTORIAL BLOCS

Tutorial blocs

Neus Pascual

1

TUTORIAL BLOCS

ÍNDEX

• Què és un bloc? ....................................................................................................pàgina 31. Creació d'un bloc amb Blogger ............................................................................pàgina 42. Com accedir-hi .....................................................................................................pàgina 53. Configuració i disseny del bloc

1. Configuració ...................................................................................................pàgina 62. Format ........................................................................................................... pàgina 7

4. Creació d'entrades o d'activitats1. Noves entrades .............................................................................................. pàgina 102. Inserir una imatge fixa .................................................................................. pàgina 113. Inserir imatges des de l'àlbum Picassa ...........................................................pàgina 124. Inserir presentacions, PDF, ... amb SlideShare ............................................ pàgina 135. Inserir una activitat del Jclic ......................................................................... pàgina 156. Inserir un diaporama amb Slide .................................................................... pàgina 167. Inserir un vídeo amb Youtube ....................................................................... pàgina 17

1. Pujar el nostre vídeo al Youtube .............................................................. pàgina 21

2

TUTORIAL BLOCS

Què és un bloc?

Un weblog (també anomenat blog, bloc o bitàcola) és un espai personal d’escriptura a Internet. Es pot definir com un diari online, un site que una persona utilitza per a escriure periòdicament, en el qual tota l’escriptura i l’estil s’utilitza via web. Un weblog està dissenyat per a que, com a un diari, cada article (post) tingui data de publicació, de tal forma que la persona que escriu (weblogger) i les que llegeixen poden seguir un camí de tot el que s’ha publicat i editat.

◦ Font del text: Oscar Barber

Per a més informació: http://www.xtec.cat/~ldomenec/formacio/BLOGS/introduccio/definicio.htm

• Un article interessant referent al blogs de l'aula és el que podeu llegir a “La experiencia del blog del aula”.

• També és interessant el Mapa conceptual dels blocs d’aula de Felipe Zayas

1. Creació d'un bloc amb Blogger a) Entram a la següent pàgina: https://www.blogger.com/start

b) Ens demana un compte de Google per a accedir-hi. Podem utilitzar el que vàrem crear a

la sessió anterior (Gmail).

3

TUTORIAL BLOCS

c) Clicam a “Crea un bloc”

d) Ara ja podeu registrar-vos als serveis de Blogger. És molt semblant del que férem a

l'hora de crear el compte Gmail.

e) Continuam. Escrivim el nom que volem al nostre bloc i comprovam la disponibilitat.

Els noms que hem utilitzat en el 3r cicle són: “3cicle-cpsonferriol”, “5a-cpsonferriol”, ”5b-cpsonferriol” ...

f) Continuam. Ara triam la plantilla. Si més endavant la voleu canviar no hi ha problema.

4

TUTORIAL BLOCS

g) Ja tenim el bloc creat.

Si clicam a “Comença a utilitzar el bloc” tendrem una pantalla com aquesta on podem fer

el primer escrit. Però per ventura ens interessa primer configurar el nostre bloc.

2. Com accedir-hi.

5

TUTORIAL BLOCS

Quan tenim el nostre bloc hi podem accedir de dues maneres:

1. Anant a la pàgina principal de blogger: http://www.blogger.com/

Hi entram iniciant la sessió amb el nostre compte Gmail.

2. Escrivint l'adreça completa del nostre bloc: http://5a-cpsonferriol.blogspot.com/

3. Configuració i disseny del bloc.En entrar-hi anirem a “personalitza”

1. El primer que farem és anar a CONFIGURACIO.

Tenim, entre altres:

• “Bàsic” on podem posar una descripció del bloc. El demés ho podem deixar com està o fer

els canvis pertinents.

• “Formatació” haurem de canviar la zona horària i el demés si ho volem d'una altra forma.

(Hem de pensar a desar els canvis)

• “Comentaris”: segurament ho deixarem igual. Però es pot triar qui i com poden fer

comentaris als nostres escrits.

• “Arxivament”, podem canviar la freqüència en què es guardaran les entrades publicades.

• “Permisos”, aquí podrem afegir “autors” i “lectors” del bloc. En començar únicament és

6

TUTORIAL BLOCS

autor la persona que ha creat el bloc.

Però hi podem afegir tots els autors que creem oportú.

2. Després anirem a FORMAT

• Elements de pàgina

7

TUTORIAL BLOCS

a. Configuració del Navbar. Edita i triar el color de la barra superior

b. Si editam l'encapçalament hi podem posar un subtítol. Anirem a “Edita”,

escriurem el subtítol i ho desarem.

c. Missatges del bloc. Editam i triam les opcions que volem.

d. Barra lateral: Afegeix un gadget.

Aquí hi podem posar des d'un rellotge, els seguidors, un quadre de cerca, un enllaç amb

altres blocs... En teniu un exemple en el bloc del 3r cicle: http://3cicle-cpsonferriol.blogspot.com/

on hi ha el rellotge, les categories (enllaços amb els cursos

i la web del centre), altres blocs nostres com “Jo també he

llegit”, “L'aventura d'escriure”...

Si clicam a “afegeix un gadget tendrem tot un

llistat.

Anem a veure com afegir els distints gadgets:

1. Rellotge.

Si clicau damunt el rellotge que hi ha al bloc del 3r

cicle tendreu uns de molts

dels llocs que hi ha per a

inserir rellotges. Anau a

8

TUTORIAL BLOCS

Gallery i triau el que vos agradi.

Clicau sobre “View HTML tag”, sortirà un escrit que haureu d'acceptar. Canviau la zona horària

i després copiau el codi que hi ha a

baix.

Tornam a “Format” del bloc i anam

a “Afegeix un gadget”. S'obre una finestra i triam “Text”. Anirem a “Modifica l'Html” i a la finestra

de contingut hi aferrarem el codi del rellotge que havíem copiat.

Desarem els canvis i anirem a “Visualització prèvia. Si ens agrada, guardarem els canvis: “Desa”

2. Enllaços d'interès, agenda... Tornam a “afegir un gagdet” i triam l'opció “text”.

Aquí podem escriure el títol que volem que surti i els distints enllaços.

En el bloc ens quedarà així

9

TUTORIAL BLOCS

• Tipus de lletra i color . Podem configurar els distints colors del fons, les lletres, el tipus de

lletra...

5. Creació d'entrades o d'activitats.La primera entrada sol ser la de presentació del bloc, on es pot explicar quin és l'objectiu pel

qual s'ha creat.

Aquí teniu d'exemple el

del “tutorial tic” de 5è A

1. Noves entrades. Anirem a “Nova entrada” i

tendrem la finestra següent on podem triar:

el tipus de lletra i la mida, si la volem en

negreta o en cursiva, el color del tex, un hipervincle, la justificació del text, numeració,

pics, una cita, la verificació ortogràfica, afegir una imatge, afegir un vídeo o suprimir el

format d'edició.

10

TUTORIAL BLOCS

A la part inferior hi podem posar etiquetes (tgs) que identifiquin el tema del qual parlam. És

una manera de facilitar les cerques dins el mateix bloc.

Després podem anar a “visualització prèvia” i si està conforme el podem publicar.

Ens sortirà el missatge següent i podrem anar a veure l'escrit en el bloc.

Si hi volem fer algun canvi podem clicar a la imatge del llapis.

2. Inserir una imatge fixa. Utilitzarem la icona “imatge” de la barra

que tenim a dalt. Sortirà una finestra des d'on podrem cerca la imatge

que ens interessa, i podrem triar la seva ubicació i la mida.

11

TUTORIAL BLOCS

Després clicarem a “Transfereix la imatge” i un cop pujada la imatge ens sortirà aquesta

altra finestra. Clicarem a “Fet” i després si volem hi podem afegir més text.

ATENCIÓ: Si publicam una imatge que no sigui nostra hem de tenir en compte:

1. Hem de citar la seva procedència.

2. Hem de procurar que siguin imatges que no estan subjectes a drets d'autor. D'aqueste

en podem trobar entre d'altres a:

http://www.flickr.com/ http://bancoimagenes.isftic.mepsyd.es/

http://www.openphoto.net/ http://www.freedigitalphotos.net/

3. Inserir imatges des de l'àlbum Picassa. Les podem inserir en forma de presentació.

Una vegada hem pujat les imatges al nostre àlbum anam a

Després de clicar a “enllac a aquest àlbum” veurem

12

TUTORIAL BLOCS

Clicarem a “Incrusta una presentació de diapositives” i ens sortirà una nova finestra:

D'aquí copiarem el codi que se'ns mostra en color groc i obrirem una nova entrada al nostre bloc.

Clicarem sobre “Modifica l'HTML” per tal d'aferrar el codi copiat. Pel demés farem com en els

altres escrits, posarem un títol i, si volem, alguna indicació.

Després publicarem el missatge.

Podeu veure l'exemple a

http://5a-cpsonferriol.blogspot.com/

4. Inserir presentacions, impress o documents PDF amb SlideShare.

• Per inserir el nostre document hem de seguir les passes següents:

13

TUTORIAL BLOCS

◦ El primer que hem de fer és crear un compte a http://www.slideshare.net/ .Anar a

"Signup" i empenar el formulari.

◦ Confirmar el registre contestant el correu que ens envia SlideShare.

◦ Accedir a www.slideshare.net i identificar-nos (login).

◦ Després anam a "Upload".

◦ Ens sortirà una finestra i clicam per a cercar el nostre fitxer (PowerPoint, PDF,

OpenOfficeODP).

◦ El cercam i el pujam. Després sortirà una finestra on podrem escriure el títol, els

"tags"( per exemple: educació, cpsonferriol..), triar l'idioma, fer-ho públic.. I ja el

podrem publicar.

◦ A continuació tendrem aquesta altra finestra, d'on copiarem el codi html: "Embed"

14

TUTORIAL BLOCS

• Un cop copiat el codi html, hem de fer el mateix que s'explica a l'apartat anterior (àlbums

Picassa).

5. Inserir una activitat Jclic

• Anam a la biblioteca d'activitats del Jclic i cercam l'activitat que ens interessa.

• En tenir-la clicam a “veure'l”

◦ A continuació copiarem el codi html que surt a la part superior de la finestra de

l'activitat. ATENCIÓ: amb el Mozilla a mi no me surt !

◦ Entram en el bloc, anam a “Personalitza” i cream un gadget de text. Escrivim el nom de

l'activitat i cream l'enllaç amb el codi copiat.

15

TUTORIAL BLOCS

◦ Desam els canvis i ens quedarà així

Ho podeu veure el resultat a

http://5a-cpsonferriol.blogspot.com/

També es pot incrustar dins l'espai central del bloc; però a mesura que anem publicant nous

escrits el jclic anirà baixant fins a desaparèixer de la pàgina.

6. Inserir un diaporama amb Slide

Amb aquest programa gratuït podem fer divertits diaporames.

• Anirem a la pàgina del programa http://www.slide.com/main i clicarem a “Make a

Slideshow”

• Anam a “Agrega fotos de “

• Cercam les imatges i les seleccionam.

16

TUTORIAL BLOCS

• Convé que les imatges no pesin massa, si volem que la pujada sigui ràpida.

• Quan ja estan pujades poden personalitzar el diaporama crear: triar l'estil, triar la mida,

posar peu de foto...

• A continuació escriurem el títol i, si volem la ubicació i el guardarem.

• Per a compartir-lo copiarem el codi.

17

TUTORIAL BLOCS

• Anirem al nostre bloc, crearem una nova entrada i aferrarem el codi html

• El previsulitzarem i el publicarem.

Podeu veure el resultat a http://lestic-neus.blogspot.com/

18

TUTORIAL BLOCS

7. Inserir un vídeo del YouTube

• Anirem a la pàgina del YouTube http://www.youtube.com/index?gl=ES&hl=es des d'on

podrem cercar el vídeo que ens interessa o pujar-hi el que hem fet (això s'explica més

endavant).

• A la part dreta del vídeo veurem “Insertar”, que conté el codi que inserirem al bloc.

• El seleccionarem i copiarem (Ctrol+C)

• Anirem al bloc, “nova entrada”, clicarem sobre “Modifica l'HTML” per tal d'aferrar el codi

copiat. Pel demés farem com les altres vegades, posarem un títol i, si volem, alguna

indicació.

Si volem inserir el vídeo en mig del text, una manera fàcil és escriure la paraula "vídeo" on el volem inserir quan escrivim el text. Després anam a "Modifica l'Html", cercam la paraula "vídeo", la seleccionam i amb Ctrol+V aferram el codi.

19

TUTORIAL BLOCS

Si volem modificar les mesures del vídeo anirem a “width” i “height” i les variarem a uns 200 px aproximadament.

Ens quedarà així:

Si volem que el vídeo es visualitzi en el menú contextual del nostre bloc, en lloc d'anar a “nova entrada” el que farem és:

• Anar a “Format”...> Elements de pàgina...> Afegeix un gadget. • Seleccionarem “HTML/JavaScript• I enganxarem el codi que havíem copiat. És convenient modificar les mesures del vídeo.

20

TUTORIAL BLOCS

Pujar el nostre vídeo al YouTub1. Obrim la pàgina del YouTub i hi accedim amb el nom d'usuari del gmail.

2. Clicam a “Subir”

3. I després a “Subir video”.

4. Cercarem el vídeo a la carpeta corresponent i després esperarem que acabi de pujar.

5. A continuació ja el podrem inserir al nostre bloc.

21