Tutorialblog

597 views

Published on

Aquí tenéis el tutorial para personalizar vuestro blog

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
597
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Tutorialblog

  1. 1. TUTORIAL BLOCSTutorial blocs Neus Pascual 1
  2. 2. TUTORIAL BLOCS ÍNDEX• Què és un bloc? ....................................................................................................pàgina 31. Creació dun bloc amb Blogger ............................................................................pàgina 42. Com accedir-hi .....................................................................................................pàgina 53. Configuració i disseny del bloc 1. Configuració ...................................................................................................pàgina 6 2. Format ........................................................................................................... pàgina 74. Creació dentrades o dactivitats 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. 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, enel qual tota l’escriptura i l’estil s’utilitza via web. Un weblog està dissenyat per a que, com a undiari, 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 BarberPer a més informació: http://www.xtec.cat/~ldomenec/formacio/BLOGS/introduccio/definicio.htm • Un article interessant referent al blogs de laula é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ó dun 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. 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 lhora 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. 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 ferel primer escrit. Però per ventura ens interessa primer configurar el nostre bloc. 2. Com accedir-hi. 5
  6. 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 ladreç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 duna 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. 7. TUTORIAL BLOCSautor 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. 8. TUTORIAL BLOCS a. Configuració del Navbar. Edita i triar el color de la barra superior b. Si editam lencapç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 dun rellotge, els seguidors, un quadre de cerca, un enllaç ambaltres 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 cursosi la web del centre), altres blocs nostres com “Jo també hellegit”, “Laventura descriure”... Si clicam a “afegeix un gadget tendrem tot unllistat. 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. 9. TUTORIAL BLOCS Gallery i triau el que vos agradi. Clicau sobre “View HTML tag”, sortirà un escrit que haureu dacceptar. Canviau la zona horàriai després copiau el codi que hi ha abaix.Tornam a “Format” del bloc i anama “Afegeix un gadget”. Sobre una finestra i triam “Text”. Anirem a “Modifica lHtml” i a la finestrade 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 dinterès, agenda... Tornam a “afegir un gagdet” i triam lopció “text”. Aquí podem escriure el títol que volem que surti i els distints enllaços. En el bloc ens quedarà així 9
  10. 10. TUTORIAL BLOCS• Tipus de lletra i color. Podem configurar els distints colors del fons, les lletres, el tipus de lletra...5. Creació dentrades o dactivitats. La primera entrada sol ser la de presentació del bloc, on es pot explicar quin és lobjectiu pel qual sha creat. Aquí teniu dexemple 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 dedició. 10
  11. 11. TUTORIAL BLOCS A la part inferior hi podem posar etiquetes (tgs) que identifiquin el tema del qual parlam. Ésuna 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 lescrit 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 don podrem cerca la imatge que ens interessa, i podrem triar la seva ubicació i la mida. 11
  12. 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 dautor. Daqueste en podem trobar entre daltres 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 aDesprés de clicar a “enllac a aquest àlbum” veurem 12
  13. 13. TUTORIAL BLOCS Clicarem a “Incrusta una presentació de diapositives” i ens sortirà una nova finestra:Daquí copiarem el codi que sens mostra en color groc i obrirem una nova entrada al nostre bloc.Clicarem sobre “Modifica lHTML” per tal daferrar el codi copiat. Pel demés farem com en elsaltres escrits, posarem un títol i, si volem, alguna indicació. Després publicarem el missatge.Podeu veure lexemple ahttp://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. 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 lidioma, fer-ho públic.. I ja el podrem publicar.◦ A continuació tendrem aquesta altra finestra, don copiarem el codi html: "Embed" 14
  15. 15. TUTORIAL BLOCS• Un cop copiat el codi html, hem de fer el mateix que sexplica a lapartat anterior (àlbums Picassa). 5. Inserir una activitat Jclic• Anam a la biblioteca dactivitats del Jclic i cercam lactivitat que ens interessa.• En tenir-la clicam a “veurel” ◦ A continuació copiarem el codi html que surt a la part superior de la finestra de lactivitat. 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 lactivitat i cream lenllaç amb el codi copiat. 15
  16. 16. TUTORIAL BLOCS ◦ Desam els canvis i ens quedarà així Ho podeu veure el resultat ahttp://5a-cpsonferriol.blogspot.com/ També es pot incrustar dins lespai central del bloc; però a mesura que anem publicant nousescrits 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. 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 lestil, 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. 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. 19. TUTORIAL BLOCS7. Inserir un vídeo del YouTube• Anirem a la pàgina del YouTube http://www.youtube.com/index?gl=ES&hl=es des don podrem cercar el vídeo que ens interessa o pujar-hi el que hem fet (això sexplica 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 lHTML” per tal daferrar 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 lHtml", cercam la paraula "vídeo", la seleccionam i amb Ctrol+V aferram el codi. 19
  20. 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 danar a “novaentrada” 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. 21. TUTORIAL BLOCS Pujar el nostre vídeo al YouTub1. Obrim la pàgina del YouTub i hi accedim amb el nom dusuari 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

×