tutorial blogger

21
Tutorial Blogger Maria Sempere Curs 2012 - 2013

Upload: maria-sempere

Post on 29-Jun-2015

3.595 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Tutorial blogger

Tutorial Blogger

Maria Sempere Curs 2012 - 2013

Page 2: Tutorial blogger

Una vegada 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

seguir blocs que ens

agraden.

En cas que vulguem seguir

algun bloc, caldrà prémer el

botó ‘Afegeix’

Comencem Primer ens hem de donar d’alta a Google.

Després anem a la pàgina de Blogger

i introduïm el login/password.

Maria Sempere Curs 2012 - 2013

Page 3: Tutorial blogger

Introduïm un títol que siga

significatiu per al projecte.

Evitem posar títols massa

llargs.

El mateix Blogger ens dirà si

el títol que hem posat està

disponible o no.

Hem de triar també una

adreça web (URL).

Seleccionem qualsevol

plantilla, després la podrem

modificar.

Títol, URL, plantilla

Maria Sempere Curs 2012 - 2013

Page 4: Tutorial blogger

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

Maria Sempere Curs 2012 - 2013

Els meus blocs La següent pantalla que veurem

és la imatge adjunta amb el bloc

que acabem de crear.

Page 5: Tutorial blogger

Des d’aquest menú

tindrem accés a totes

les variables i opcions

del nou bloc creat.

Maria Sempere Curs 2012 - 2013

Despleguem el menú que es mostra a la imatge.

Quan cliquem una

de les opcions

el menú es desplaça a

la banda

esquerra de la pantalla

tot desplegat.

… Els meus blocs

Page 6: Tutorial blogger

A la part dreta hi

trobarem les

actualitzacions que

hem anat fent en el

nostre bloc.

En la part inferior

trobarem un tutorial

de Blogger, i en la

part dreta inferior, les

notícies relacionades

amb la plataforma.

Maria Sempere Curs 2012 - 2013

Visió General Ens mostra les estadístiques del nostre bloc i enllaços d’interés.

Page 7: Tutorial blogger

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...).

Podem indicar la ubicació del menú de

les pàgines en la opció “Mostrar

pàgines com a...’.

Maria Sempere Curs 2012 - 2013

Ara anem de nou al menú principal de l’espai l’administració del bloc

i seleccionem la pestanya ‘Pàgines’.

Pàgines

Page 8: Tutorial blogger

Una vegada hem creat les pàgines

que ens interessen, 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 interesse i desplaçant-la cap a

un altre posició.

A pesar de l’ordre, sempre que

entrem al nostre bloc, la primera

pàgina que ens mostrarà serà la de

les entrades.

Maria Sempere Curs 2012 - 2013

… Pàgines

Page 9: Tutorial blogger

Creem la pàgina, tenint en compte

que es tractarà d’una pàgina estàtica.

Posem el títol, el contingut que ens

interesse i configurem les opcions de

la dreta.

Bàsicament ens interessa permetre

(o no) el comentaris de persones

alienes a aquesta pàgina.

Maria Sempere Curs 2012 - 2013

… Pàgines

Page 10: Tutorial blogger

El format del bloc i de l’entrada

La pàgina principal del bloc és un mural on es van publicant les entrades en ordre

cronològic invers. De manera que les entrades més noves quedaran a la part de dalt

del mur o pàgina i les entrades més velles aniran baixant poc a poc.

Podem decidir en nombre d’entrades que es veuen en un inici, i navegar fins a les més

velles prement “Entrades anteriors”.

Pel que fa a l’entrada. Té la data, un títol, un cos, etiquetes i comentaris.

Al cos de l’entrada hi pot haver text, enllaços, imatges, vídeos i bots de línia.

Cada entrada té una url pròpia de manera que està localitzada a eixa “adreça” per si la

volem enllaçar des d’algun altre lloc.

Maria Sempere Curs 2012 - 2013

Page 11: Tutorial blogger

Entrades

Si punxem sobre la icona del llapis

Anem directament a crear una entrada.

La segona opció del menú desplegable

ens porta a la llista d’entrades.

Les entrades creades es poden veure, editar, compartir (en la xarxa social Google+ si

tenim un perfil creat) i eliminar. Les opcions apareixen si posem el ratolí damunt del títol de

l’entrada.

Des d’aquest menú podem publicar, passar a borrador i seleccionar etiquetes per

a varies entrades seleccionant-les fent tic al quadret de la seua esquerra

Ací vegem l’autor, els comentaris i les visites a l’entrada

Les entrades les podem publicar o guardar-les com a borrador per publicar-les després.

Maria Sempere Curs 2012 - 2013

Page 12: Tutorial blogger

Editor d’entrades Títol de l’entrada

Tornar al menú d’inici / Veure com queda el

bloc Per a guardar els canvis cal prémer

actualitzar.

Per a

passar de

mode de

redacció

“normal”

a còdig

“informàtic”

Botons de

Desfer i Refer Eïnes de text

(Si posem el cursor

damunt ens

Que fa cadascuna)

Inserta un enllaç a una url

O a un correu electrònic. Inserta un video

(ordinador, Youtube…) Inserta una imatge

(ordinador, url, bloc,

picasa, etc.)

Inserta un bot de línia

per tallar l’entrada.

De manera que a la

portada aparega un extracte.

Maria Sempere Curs 2012 - 2013

Page 13: Tutorial blogger

Configuració de l’entrada

A la banda dreta de l’editor d’entrades tenim unes

Opcions de configuració per a cada una d’aquestes entrades.

Des d’ací és on gestionarem les etiquetes (paraules clau de l’entrada).

Les paraules clau van separades per coma i un espai.

També podrem canviar la seua data de publicació.

I veurem la seua URL per si la volem enllaçar des d’algun lloc.

Podrem indicar la ubicació de l’autor en el moment de la publicació.

I podrem marcar una sèrie d’opcions respecte als comentaris,

mode de redacció i bots de linia

Maria Sempere Curs 2012 - 2013

Page 14: Tutorial blogger

Cliquem sobre la

pestanya ‘Plantilla’ i

comencem a configurar

la imatge gràfica del

nostre bloc.

Premem sobre el botó

‘Personalitza’ per

modificar la imatge i el

disseny al nostre gust.

Si dominem el

llenguatge HTML,

podemprémer el botó

de ‘Modifica html’ i

directament fer

modificacions en el

codi de la plantilla del

bloc.

Plantilla

Maria Sempere Curs 2012 - 2013

Page 15: Tutorial blogger

Des d’aquesta pàgina

comencem a modificar el

disseny del nostre bloc.

Podeu seleccionar qualsevol

plantilla i després anar

modificant poc a poc

aspectes més concrets:

colors del fons, lletres, títols,

caixes, etc.

Maria Sempere Curs 2012 - 2013

… Plantilla

Page 16: Tutorial blogger

Podem ajustar les amplades i la

configuració dels textos.

És convenient que els textos estiguen

ben contrastats amb el fons i siguen

prou grans perquè tothom puga

veure’ls.

Normalment el que cansa menys la

vista són els fons clars amb lletres

fosques.

Maria Sempere Curs 2012 - 2013

… Plantilla

Page 17: Tutorial blogger

Hem d’escollir per un costat el

nombre de columnes que volem que

tinga el bloc i com distribuïm l’espai

del peu de pàgina.

Aquestes decisions sempre som a

temps de modificar-ho tantes

vegades com faça falta fins trobar el

format òptim per al nostre bloc

Maria Sempere Curs 2012 - 2013

En la part de fomat, decidirem quina plantilla volem utilitzar

per donar format a les nostres pàgines del bloc.

… Plantilla

Page 18: Tutorial blogger

Ara podem distribuir els espais

internament a dins de la

plantilla.

Els canvis que fem ací

afectaran a totes les pàgines

del bloc.

Podem introduir un favicon, un

logotip a l’encapçalament,

decidir com serà el cos del

nostre bloc i afegir gadgets.

Maria Sempere Curs 2012 - 2013

Distribuir els espais

Page 19: Tutorial blogger

Cliquem sobre

qualsevol dels botons

‘Afegeix un gadget’ allà

on volem posar una

aplicació i se’ns obrirà

una finestra amb un

gran catàleg de

Gadgets.

Seleccionem el que

més ens interessa.

Cada gadget introdueix

una nova funcionalitat al

bloc.

Maria Sempere Curs 2012 - 2013

Gadgets

Page 20: Tutorial blogger

El gadget s’ubicara allà

on prèviament havíem

premut el botó ‘Afegeix

un gadget’.

A continuació, però, el

podem moure del lloc

inicial arrossegant-lo

sobre qualsevol zona

disponible.

També el podem eliminar

o modificar des del botó

‘Editar” del mateix

Gadget.

Maria Sempere Curs 2012 - 2013

… Gadgets

Page 21: Tutorial blogger

Despleguem la pestanya

‘Configuració’ i anem emplenant tots

els camps segons els 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 accepte la nostra

invitació i que siga (o es faça) usuari

de Google.

Maria Sempere Curs 2012 - 2013

Configuració