Tutorial nou blogger

20
Tutorial Nou Blogger Curs ‘Xarxes socials educatives. El rol del gestor de xarxes en les comunitats educatives’ Pau Nadal Toñi Quiñones

Transcript of Tutorial nou blogger

Page 1: Tutorial nou blogger

Tutorial Nou Blogger

Curs ‘Xarxes socials educatives. El rol del gestor de xarxes en les comunitats educatives’

Pau Nadal

Toñi Quiñones

Page 2: Tutorial nou blogger

Un cop ens hem donat d’alta a google (recordem que blogger pertany a google) ens en anem a la pàgina de blogger i introduïm el login/password.

Un cop dins ens trobarem la pàgina que veieu a la imatge. En la part superior, caldrà prémer el botó on posa ‘bloc nou’ per tal de crear un nou bloc.

La part inferior, serveix per afegir altres blocs que ens agraden per seguir-los. No en feu cas. No té cap utilitat per al nostre propòsit. En cas que vulgueu seguir algun altre bloc, caldrà prémer el botó ‘afegeix’

Page 3: Tutorial nou blogger

Introduïu un títol que sigui significatiu per al projecte. Eviteu posar títols massa genèrics, massa críptics ni massa llargs.

El mateix blogger us dirà si el títol que heu posat està disponible o no. Un cop l’accepti automàticament us donarà una adreca web (URL).

Seleccioneu qualsevol plantilla, més endavant ja serem a temps de modificar-la

Page 4: Tutorial nou blogger

La següent pantalla que veureu és la imatge adjunta amb el blog que acabeu de crear, ja incorporat.

En cas que tingueu més d’un bloc, els tindreu tots llistats en aquesta pàgina.

Page 5: Tutorial nou blogger

Desplegueu el menú que es mostra a la imatge.

Des d’aquest menú tindrem accés a totes les variables que podem controlar del nou bloc creat.

Més endavant podrem veure aquest mateix menú en una pàgina única totalment desplegat.

Page 6: Tutorial nou blogger

La ‘Visió general’ tan sols ens permet veure les estadístiques del nostre portal i poca cosa més.

A la part dreta hi trobarem les actualitzacions que hem anat fent en el nostre bloc (de moment buit)

En la part inferior trobarem un tutorial de blogger en la part dreta inferior i les notícies relacionades amb blogger

Page 7: Tutorial nou blogger

Cliquem sobre la pestanya ‘Plantilla’ i comencem a configurar la imatge gràfica del nostre bloc.

Premem sobre el botó personalitza per personalitzar la imatge i el disseny del nostre bloc.

Per els avançats que domineu el llenguatge HTML, podeu prémer el botó de ‘modifica html’ i directament fer les nostres modificacions en el codi de la plantilla del bloc.

Page 8: Tutorial nou blogger

Des d’aquesta pàgina comencem a modificar el disseny del nostre bloc.

La meva recomanació es que seleccioneu qualsevol plantilla i aneu al menú de l’esquerra. Des d’allà modificarem l’aspecte visual del bloc, des dels colors del fons, de les lletres, títols, caixes, etc.

Comencem seleccionant el color del fons. Intentem que aquest s’adigui amb el logo o la icona que ens representa (ex.: la icona de la escola) que posarem posteriorment.

Page 9: Tutorial nou blogger

De la pestanya ‘fons’ passem a la pestanya ‘format’. En aquest espai decidirem quina plantilla volem utilitzar per donar format a les nostres pàgines del bloc.

Hem d’escollir per un costat el nombre de columnes que volem que tingui el bloc i com distribuïm l’espai del peu de pàgina.

Aquestes decisions les prendrem en funció dels continguts que prèviament hem planificat publicar al nostre bloc. Però com que sempre hi ha imprevistos, no patiu, sempre som a temps de modificar-ho tantes vegades com faci falta fins trobar el format òptim per al nostre bloc

Page 10: Tutorial nou blogger

Em salto l’ajustament de les amplades i anem directament a la configuració dels textos.

Els textos, siguin els dels títols, els de les caixes laterals o dels continguts centrals, cal que estiguin ben contrastats amb el fons i siguin prou grans perquè tothom pugui veure’ls.

Normalment el que cansa menys la vista són els fons clars amb lletres fosques. El blanc i negre, és el contrast òptim, però en cas que no us decidiu per aquests colors, els experts en disseny i ergonomia ens aconsellen que no ens allunyem gaire d’aquests colors (es a dir un color clar de fons i textos foscos) en les parts on cal llegir. La resta barra lliure.

Apliquem els canvis a dalt a la dreta i tornem al menú anterior

Page 11: Tutorial nou blogger

Un cop tenim el disseny de l’estructura de la plantilla (colors, textos, etc), cal distribuir els espais internament a dins de la plantilla. Igualment com passa amb el disseny de la plantilla que hem fet abans, també en aquest cas els canvis que fem afectaran a l’estructura de totes les noves pàgines que creem dintre del bloc (cal no confondre el que són pàgines i el que són entrades).

En les 3 diapositives següents veurem els passos per afegir un nou espai específic en els canvis interns de plantilla.

Page 12: Tutorial nou blogger

Cliquem sobre qualsevol dels botons ‘afegeix un gadget’ allà on volem posar un gadget i se’ns obrirà la finestra que veiem en la imatge.

Seleccionem del quadre que veiem el gadget que més ens interessi (els anirem veient al llarg del curs)

Page 13: Tutorial nou blogger

En aquest cas hem escollit el gadget ‘HTML/Javascript’ que ens permet inserir codi aliè en el disseny intern de la plantilla que estem configurant.

Inserim el codi, que hem extret prèviament d’algun altre pàgina web amb all`que ens interessa. En aquest cas un widget de twitter que ens permetrà veure els tuits d’un hashtag. Ho desem.

Page 14: Tutorial nou blogger

El gadget s’ubicara allà on prèviament havíem premut el botó ‘afegeix un gadget’.

A continuació visualitzarem el bloc i en cas que no ens agradi com es veu, bé perquè les mides no s’ajusten bé, els colors no són els adequats o la posició no ens agrada. Podrem tornar a crear el codi adequat al disseny que desitgem i xafar el que havíem desat o bé arrossegar el gadget a l’espai de la plantilla que ens agradi

Ho desem de nou.

Page 15: Tutorial nou blogger

Ara anem de nou al menú principal de l’espai l’administració del bloc i seleccionem la pestanya ‘Pàgines’.

Hem de tenir clar la diferència que hi ha en un bloc entre la pàgina d’inici dinàmica, on s’aniran publicant tots els posts o entrades que anem creant i les pàgines estàtiques, que normalment serveixen per posar-hi informació més estàtica (contacte, qui som, mapa, calendari...).

En la pestanya ‘pàgines’ configurarem les pàgines a banda de la inicial que volem per al nostre bloc. Prèviament obrirem el menú ‘mostra les pàgines com a’ per tal de determinar on volem que es vegin les pestanyes que ens han de portar a les pàgines creades

Page 16: Tutorial nou blogger

Creem la pàgina, tenint en compte que es tractarà d’una pàgina estàtica, es a dir en aquest espai tan sols hi haurà un contingut i en cas que el vulguem canviar ho haurem de fer directament substituint-lo per un altre (sense opció a que quedi en un arxiu visible anterior en el temps, tal com passa en la pàgina d’inici).

Posem el títol, el contingut que ens interessi i configurem les opcions de la dreta. Bàsicament ens interessa permetre (o no) el comentaris de persones alienes a aquesta pàgina.

La resta ho deixem per defecte. No afecta els visitants del nostre bloc.

Page 17: Tutorial nou blogger

Un cop hem creat les pàgines que ens interessa crear, veurem les pàgines posades en l’ordre cronològic amb que les hem creat.

Podem modificar l’ordre, simplement posant el ratolí sobre la pàgina que ens interessi i desplaçant-la cap a un altre posició.

Fins i tot ho podem fer amb la pàgina d’inici, tot i que la pàgina d’arribada del bloc sempre serà la pàgina d’inici, estigui situada on estigui situada en el menú.

Page 18: Tutorial nou blogger

Arribem al final de la configuració bàsica del nostre bloc.

Despleguem la pestanya ‘Configuració’ i anem emplenant tots els camps d’acord als nostres interessos.

Es important destacar la possibilitat de crear més d’un administrador amb diversos perfils de privilegis:

Caldrà que la persona a qui volem fer administrador accepti la nostra invitació i que sigui (o es faci) usuari de google.

Fins aquí.

Espero que us hagi estat útil.

Bona comunicació!

Page 19: Tutorial nou blogger
Page 20: Tutorial nou blogger