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
7. Inserir un vídeo amb Youtube ....................................................................... pàgina 17
1. Pujar el nostre vídeo al Youtube .............................................................. pàgina 21
2
3. 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
4. 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
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.
5
6. 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
7. 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
8. 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
9. 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
10. 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
11. 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
12. 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
13. 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
14. 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
15. 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
16. 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
17. 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
18. 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
19. 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
20. 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
21. TUTORIAL BLOCS
Pujar el nostre vídeo al YouTub
1. 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
