2. TUTORIAL BLOCS
ÍNDEX
• Què és un bloc? ....................................................................................................pàgina 3
1. Creació d'un bloc amb Blogger ............................................................................pàgina 4
2. Com accedir-hi .....................................................................................................pàgina 5
3. Configuració i disseny del bloc
1. Configuració ...................................................................................................pàgina 6
2. Format ........................................................................................................... pàgina 7
4. Creació d'entrades o d'activitats
1. Noves entrades .............................................................................................. pàgina 10
2. Inserir una imatge fixa .................................................................................. pàgina 11
3. Inserir imatges des de l'àlbum Picassa ...........................................................pàgina 12
4. Inserir presentacions, PDF, ... amb SlideShare ............................................ pàgina 13
5. Inserir una activitat del Jclic ......................................................................... pàgina 15
6. Inserir un diaporama amb Slide .................................................................... pàgina 16
2
3. TUTORIAL BLOCS
Què és un blog?
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).
c) Clicam a “Crea un bloc”
3
4. TUTORIAL BLOCS
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
5. 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.
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/
5
6. TUTORIAL BLOCS
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
autor la persona que ha creat el bloc.
6
7. TUTORIAL BLOCS
Però hi podem afegir tots els autors que creem oportú.
2. Després anirem a FORMAT
• Elements de pàgina
a. Configuració del Navbar. Edita i triar el color de la barra superior
7
8. TUTORIAL BLOCS
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
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.
8
9. TUTORIAL BLOCS
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í
• Tipus de lletra i color. Podem configurar els distints colors del fons, les lletres, el tipus de
lletra...
9
10. TUTORIAL BLOCS
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ó.
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.
10
11. TUTORIAL BLOCS
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.
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.
11
12. TUTORIAL BLOCS
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
Clicarem a “Incrusta una presentació de diapositives” i ens sortirà una nova finestra:
12
13. TUTORIAL BLOCS
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:
◦ 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).
13
14. TUTORIAL BLOCS
◦ 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"
• Un cop copiat el codi html, hem de fer el mateix que s'explica a l'apartat anterior (àlbums
Picassa).
14
15. TUTORIAL BLOCS
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.
◦ 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.
15
16. TUTORIAL BLOCS
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.
• Convé que les imatges no pesin massa, si volem que la pujada sigui ràpida.
16
17. TUTORIAL BLOCS
• 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.
• Anirem al nostre bloc, crearem una nova entrada i aferrarem el codi html
17
18. TUTORIAL BLOCS
• El previsulitzarem i el publicarem.
Podeu veure el resultat a http://lestic-neus.blogspot.com/
18