Embed Size (px)
Citation preview
1
Tutorial per a la creació d’un blog per a la
biblioteca escolar amb Blogger.
Document del curs de formació del professorat:
El Blog de la biblioteca escolar: estructura i continguts
http://ateneu.xtec.cat/wikiform/wikiexport/cmd/bib/bebl/index
Programa biblioteca escolar “puntedu”
Octubre de 2014
A càrrec de Maria Dolors Martos Gómez
2
ÍNDEX
1. CREACIÓ I CONFIGURACIÓ INICIAL DEL BLOG..................................... 3
1.1. Creació del blog....................................................................................................... 3 1.2. Selecció de la plantilla............................................................................................. 4 1.3. Permisos d’edició.................................................................................................... 6
2. ESTRUCTURA DE LA INFORMACIÓ: CREACIÓ DE PÀGINES DEL MENÚ HORITZONTAL.................................................................................................. 7
2.1. Entrada al blog........................................................................................................ 7 2.2. Proposta de pàgines del menú horitzontal.............................................................. 8
3. ESTRUCTURACIÓ DE LA INFORMACIÓ: CREACIÓ DELS GADGETS LATERALS 15
3.1. Com fer el gadget: Contacta amb la biblioteca.......................................................15 3.2. Com fer els gadgets: Enllaços del centre i enllaços d’interès................................ 16 3.3. Inserció de la resta de gadgets.............................................................................. 17 3.4. Com inserir una imatge en un gadget.................................................................... 18 3.5. Com inserir un text en un gadget. Exemple per fer el gadget de Creative Commons...................................................................................................................... 20 3.6. Com inserir la imatge del Departament d'Ensenyament........................................ 22
4. ESTRUCTURA DE LA INFORMACIÓ: CREACIÓ DELS GADGETS D’ETIQUETES.................................................................................................. .23 4.1. Com fer el gadget de Cerca per nivells educatius................................................. 23 4.2. Com fer el gadget de Cerca per temes.................................................................. 27
5. PUBLICACIÓ DE CONTINGUTS: EDICIÓ D’ARTICLES, INSERCIÓ DE FOTOGRAFIES, VÍDEOS I FORMULARIS. 30 5.1. Creació d’un article................................................................................................. 30 5.2. Inserció d’una imatge en l’article............................................................................ 32 5.3. Inserció d’un enllaç web dins la imatge.................................................................. 34 5.4. Inserció d’un enllaç de correu electrònic dins la imatge........................................ 35 5.5. Inserció d’una presentació de diapositives en l’article des de Picasa................... 35 5.6. Inserció d’un vídeo en l’article des de YouTube.................................................... 38 5.7. Inserció d’un formulari dins del blog...................................................................... 39
6. COM FER LA CÒPIA DE SEGURETAT....................................................... 42
3
1. Creació i configuració inicial del blog
(Mòdul 1 pràctica 4b)
1.1. Creació del blog
Accediu als serveis de Blogger (http://blogger.com) mitjançant el correu
electrònic i la contrasenya del compte de gmail de la Biblioteca.
Cliqueu sobre la icona de Quadradets i a continuació cliqueu Més fins
que aparegui el logotip de Blogger.
4
Premeu el botó Blog nou. La mateixa pantalla mostra la llista de blogs
que ja teniu creats.
Poseu el títol del blog, la part de l’adreça URL que tindrà i trieu la
plantilla de visualització que vulgueu. Més endavant la podreu canviar.
Premeu el botó Crea el blog.
L’adreça del blog formarà part de la URL, amb la qual cosa l’hem d’escriure sense espais ni majúscules. Exemples: bibliotecaescolaxxx, bibliotecainsxxxx
El títol del blog serà el que aparegui a la capçalera. Més endavant podrem canviar-lo si nos ens convenç.
1.2. Selecció de la plantilla
5
Entreu a Visió general del blog que acabem de crear clicant sobre el
seu nom en la llista e blogs.
Seleccioneu la plantilla. Podeu dedicar una estona a decidir quina us agrada més. L’aplicació fa una visualització prèvia de com quedarà. Ara és el moment de decidir quin aspecte volem per al nostre blog
Cada plantilla té unes funcionalitats diferents. S’ha de tenir en compte que un canvi posterior de plantilla pot fer desaparèixer tots els elements personalitzats afegits. S’aconsella qualsevol plantilla de les col·leccions que ofereix Blogger. Les plantilles dinàmiques ens serviran més endavant per crear la biblioteca de recursos digitals, tal i com especifiquem al mòdul 4.
Un cop seleccionada la plantilla, podrem personalitzar-la canviant els colors de les lletres i dels fons. Quan hàgim acabat de fer
6
totes les personalitzacions, cal desar els canvis prement Aplica-ho al blog. Si més endavant volem fer algun canvi en la personalització
de la plantilla ho podrem fer, però és millor no fer canvis posteriors.
Trobareu més indicacions sobre el disseny visual del blog, si consulteu el mòdul 3, pràctica 2. El punt 2.5 tracta de com fer un disseny visual atractiu i accessible.
1.3. Permisos d’edició
Si hem de donar permisos d’edició a algun col·laborador, haurem d’anar a Configuració | Bàsic| Permisos i convidar a les persones que volem que siguin col·laboradores del blog.
7
2. Estructura de la informació: creació de pàgines del
menú horitzontal
(Mòdul 2 pràctica 2b)
2.1. Entrada al blog
Poseu l’adreça del blog al navegador i premeu Entra-hi:
Us apareixerà aquesta segona pantalla. Introduïu el compte de Google
(correu gmail) de la biblioteca:
Si teniu obert un altre compte d’XTEC o de gmail, potser no us deixarà entrar. En
aquest cas tanqueu tots els comptes de correu oberts i torneu a provar. Si no, també
podeu provar d’obrir-lo amb un altre navegador.
8
Entreu al blog clicant sobre el seu nom i accediu al Tauler o Visió General.
2.2. Proposta de pàgines del menú horitzontal
Blogger permet fer tres tipus de pàgines: estàtiques, que són les que contindran la informació fixa, pàgines estàtiques ocultes, a les quals podem accedir des d’una altra pàgina del menú i pàgines amb enllaç que ens envien a un enllaç dins o fora del blog.
Les pàgines que es proposen crear són les següents:
Presentació (pàgina estàtica)
El projecte be (pàgina estàtica)
Equip humà (pàgina estàtica)
Guia de la biblioteca (pàgina estàtica)
Horaris (Pàgina estàtica)
Pla de lectura (pàgina estàtica amb accés a altres pàgines ocultes)
Accés al catàleg (pàgina estàtica o amb enllaç o podria anar al menú lateral)
Normativa de préstec (estàtica). Aquesta informació, de vegades, ja està
inclosa en la guia de la biblioteca i, per tant,si és el vostre cas, no caldrà pàgina.
Recursos digitals (pàgina amb enllaç cap a la biblioteca digital). Aprofundirem
una mica més en el mòdul 4.
Novetats bibliogràfiques (pàgina amb enllaç a una etiqueta)
Professorat (pàgina amb enllaç a una etiqueta)
Famílies (pàgina amb enllaç a una etiqueta)
Biblioteca pública (pàgina estàtica o amb enllaç a una atiqueta en funció de la
relació que hi hagi)
9
Cada centre pot adaptar aquesta distribució de pàgines a la informació que té previst difondre. Per exemple: La informació del projecte de la biblioteca i l’equip humà podrien ser a la mateixa pàgina, però, si a la nostra biblioteca hi ha una important col·laboració de les famílies o dels alumnes i volem destacar-lo, caldrà dedicar una pàgina a mostrar l’equip de treball i la tasca de suport que realitza.
Les pàgines amb enllaç les farem en un segon moment, quan hàgim aprés a fer els gadgets d'etiquetes.
2.2.1. Creació de pàgines estàtiques
Per crear les pagines estàtiques del menú principal, cliqueu
sobre Pàgines i a continuació Pàgina nova
Cal escriure el títol de la pàgina
10
Des d’Edició | configuració de la pàgina podem modificar l’opció de rebre
o no comentaris dels lectors. La resta de paràmetres cal deixar-los com
estan.
2.2.2. Creació de pàgines ocultes
Solament podem ocultar les pàgines estàtiques.
Crearem una pàgina estàtica tal i com ja ho hem fet abans.
Visualitzarem el blog i, prement la icona d’eines del menú principal,
entrarem en mode edició.
Quan se’ns obri el desplegable deseleccionarem les pàgines que no
volem que apareguin en el menú principal del blog, o sigui, que volem que
quedin ocultes.
11
Fixeu-vos en la imatge, les pàgines que no estan seleccionades no apareixen al menú principal. Aquestes pàgines les podem enllaçar des de qualsevol part del blog. Des d’aquest entorn també podrem ordenar les pàgines.
Exemple de pàgines ocultes:
Bibliomogent. Escola Mogent de Montornès del Vallès (Dins de la pagina
La biblioteca es troba un fil d’Ariadna que condueix a altres pàgines
ocultes des del menú principal).
2.2.3. Creació de pàgines amb enllaç
La finalitat de les pàgines amb enllaç és enviar a l’usuari cap a un altre lloc web. Aquesta funció també la podem aprofitar per fer pàgines que mostrin un conjunt d’articles etiquetats sobre un mateix tema. Així, si volem fer una pàgina que reculli tots els posts que anem fent per al professorat, caldrà crear una pàgina amb enllaç que enviï a la URL de l’etiqueta “professorat”. L’accés a la pàgina Professorat es localitzarà al menú principal.
Per crear un pàgina amb enllaç que mostri la informació etiquetada, primer hem de crear l'article, etiquetar-lo. A continuació caldrà obtenir l’enllaç de l’etiqueta, després crear la pàgina i inserir-lo.
12
2.2.3.1. Obtenció de la URL d’una etiqueta del blog, per exemple etiqueta
“professorat”
Visualitzeu el blog i, en l’article corresponent, situeu el cursor sobre de
l’etiqueta que ens interessa copiar la URL que té.
A continuació cliqueu amb el botó dret del ratolí i seleccioneu de
desplegable Copia l’adreça de l’enllaç.
2.2.3.2. Creació de la pàgina amb enllaç
Visualitzarem el blog i, prement la icona d’eines del menú principal,
entrarem en mode edició.
A la pantalla següent cliqueu a Afegeix un enllaç extern
13
Poseu el títol a la pàgina, per exemple Professorat, i enganxeu
la URL de l’etiqueta “professorat” que ja teniu copiada. Premeu Desa
l’enllaç.
14
Tornareu a la pantalla Configura la llista de pàgina i, baixant amb el
cursor, trobareu la relació de pagines fetes. Les podeu canviar d’ordre
arrossegant el cursor.
La pàgina nova apareixerà en el menú principal en la posició que hàgiu
triat.
Si des del menú principal cliquem la pàgina Professorat, apareixerà
aquest comentari i a continuació mostrarà tots els articles que hem creat i
hem etiquetat amb el descriptor “professorat” ordenats cronològicament.
Recordeu que aquestes pàgines solament es poden fer si ja hem fet articles i
els hem assignat etiquetes. Una altra solució és fer un article que el titularem
“article d’etiquetes” sense informació en el cos i escriurem les etiquetes de les
que volem fer pàgines amb enllaç. Per poder copiar la URL de l’etiqueta cal
publicar-lo. Després l’article el podem posar com a esborrany i tot funcionarà
igual. Al mòdul 3 pràctica 1b s'especifica el procés per crear etiquetes.
15
3. Estructuració de la informació: creació dels gadgets
laterals
Mòdul 2 pràctica 3b
3.1. Com fer el gadget: Contacta amb la biblioteca
Aneu al Tauler o Visió general, cliqueu a Format i trieu Afegir un
gadget.
S’obrirà una finestra com la següent. Trieu Més gadgets de Google i us
apareixerà el del Formulari de contacte. Seleccioneu-lo.
16
Ompliu amb el títol que vulgueu i deseu els canvis
3.2. Com fer els gadgets: Enllaços del centre i enllaços d’interès.
Recordeu que és aconsellable oferir els enllaços del centre agrupats en un
mateix gadget i, en un altre, posar-ne els enllaços d’interès que voleu destacar.
Torneu a Format i trieu Afegir un gadget (Com en l’anterior).
17
Seleccioneu el gadget Llista d’enllaços (cap al final de la llista).
Ompliu amb les dades del primer enllaç com indica l’exemple en la imatge següent i premeu Afegeix un enllaç. A continuació, aneu afegint els enllaços que vulgueu i, quan hàgiu acabat, premeu el botó Desa.
3.3. Inserció de la resta de gadgets
18
El procés és exactament el mateix. Els gadgets més usats són els
següents:
o Quadre de cerca
o Arxiu del blog
o Estadístiques del blog
o Traductor de Google
o Dades del perfil
Hi ha gadgets que solament els podem incloure un sol cop, però hi ha
d’altres, com els gadgets de text o d’imatge, que els podem inserir més
vegades.
3.4. Com inserir una imatge en un gadget
19
Trieu el gadget Imatge
Configureu-lo:
o Títol. En cas d’aquest exemple: Cerqueu al catàleg
o Llegenda: No és obligatori
o Enllaç: Si volem posar un vincle a la imatge. En aquest cas posarem
la URL de l’epèrgam de la nostra biblioteca.
o Imatge: És millor que la pugem des del nostre ordinador, per tant
seleccionarem la imatge des d’una carpeta que tinguem a l’ordinador o al
"llapis"
o Marcarem Redueix fins ajustar si la imatge és massa gran
o Desa
20
3.5. Com inserir un text en un gadget. Exemple per fer el gadget de Creative Commons.
Aneu a http://creativecommons.org/choose/?lang=ca i seleccioneu la
llicència Creative Commons que més us interessi i copieu el
codi embed que facilita l’aplicació.
Torneu al blog i cliqueu Format | Afegeix un gadget
Trieu un gadget de Text
Escriviu el títol i, prement sobre Modifica l’Html i, apareixerà una
pantalla igual però dirà Text enriquit
21
Enganxeu en Contingut el codi embed que heu copiat . Cura que hem de veure Text enriquit.
Si premeu un altre cop Text enriquit tornarem al mode edició i
veurem Modifica Html i podrem visualitzar el que hem escrit en codi:
22
. El mòdul 4 d’aquest curs ofereix més informació sobre les diferents
llicències Creative Commons.
3.6. Com inserir la imatge del Departament d'Ensenyament
Torneu a seleccionar un altre gadget de text.
No poseu cap títol i, premeu la icona Modifica l'HTML i, en el
contingut, afegiu directament aquest codi HTML.
<a href="http://www20.gencat.cat/portal/site/ensenyament"
target="_blank"><img
src="
http://www.xtec.cat/xtec_theme/imatgescapaleraxtecvermella/logo_gene.png"
a="Departament d’Ensenyament" /></a>
Torneu a clicar Text enriquit i deseu. Visualitzeu el blog per veure el
resultat.
. Normalment aquest gagdet es posa al final de blog.
23
4. Estructura de la informació: creació dels gadgets
d’etiquetes
4.1. Com fer el gadget de Cerca per nivells educatius
4.1.1. Procediment teòric
Crearem un article, el titularem i escriurem les etiquetes que hem decidit
referent als nivells. No posarem contingut i el publicarem.
Crearem un gadget d’etiquetes on solament seleccionarem les paraules
de nivell educatiu encara que hi hagi més etiquetes a la llista.
Les etiquetes del nivell educatiu han d'aparèixer a la dreta
del gadget que hem creat.
4.1.2. Procediment pràctic
1) Creació de l’article.
Des de l’entorn de Visió general cliqueu a Entrada Nova o la icona del
llapis.
24
Poseu un títol a l’article (que podria ser : Etiquetes dels nivells
educatius). A la part dreta escriurem les etiquetes de nivell educatiu
separades amb comes. Consulteu la proposta d’etiquetes de nivells
educatius de la pràctica 4 del mòdul anterior. Premeu Fet, Desa, Publica i
Tanca (en aquest ordre), tal com indica la imatge següent. No cal escriure
res en contingut. L’article s’ha de publicar per tal que les etiquetes quedin
guardades en l’aplicació.
2) Creació del gadget que permetrà cercar per etiquetes.
Torneu a Format i trieu Afegir un gadget.
25
Seleccioneu el gadget Etiquetes (cap al final de la llista)
Configureu el gadget:
1. Poseu un títol. Exemple : Cercar per nivells.
2. Marqueu Etiquetes seleccionades.
3. Premeu Edita i s’obrirà la llista d’etiquetes més avall
4. Seleccioneu les etiquetes dels nivells educatius que voleu que mostri
el gadget d’entre la llista de més avall.
5. Seleccioneu l’ordenació i la visualització
6. Premeu Fet (a baix del tot)
7. Premeu Desa
26
Comproveu que s’ha creat el gadget a la dreta i que es visualitzen les
etiquetes.
Ara ja podeu deixar l’article en esborrany. L’article desapareix del cos
central del blog, i el nom de les etiquetes també desapareix del gadget.
Mestrestant, l’aplicació les té guardades i quan publiqueu els articles,
solament haureu de seleccionar l’etiqueta corresponent i apareixerà
al gadget de Cerca per nivells educatius.
Aquest mateix procés es pot fer per mostrar articles adreçats al professorat i a
les famílies, tot i que es recomana usar pàgines amb enllaç.
27
4.2. Com fer el gadget de Cerca per temes
Es tracta de fer un gadget que mostri etiquetes dels temes més significatius de
l’activitat de la nostra biblioteca i que difondrem des del blog. L’efecte
d’aquest gadget és que, en clicar a sobre d’un tema (etiqueta), el blog ens
mostri tots els articles que hem etiquetat amb aquest concepte. Cal que tingueu
feta prèviament la llista personalitzada d’etiquetes.
4.2.1. Procediment teòric
Segueix el mateix procés de creació del gadget Cerca per nivells educatius. De fet, Blogger solament té un lloc comú on guardar les etiquetes al qual accedirem solament quan redactem els articles. (Blogger no té categories com XTEC Blocs). Les etiquetes noves que introduirem i les que ja havíem introduït abans, s’ordenaran per ordre alfabètic i quedaran emmagatzemades en l’aplicació. Després, a mida que publiquem articles amb contingut real, solament haurem d’assignar les etiquetes que més s’avinguin a l’article, evitant escriure-les per no equivocar-nos. Recordeu que si per exemple escrivim una mateixa paraula amb majúscules o minúscules el cercador intern del blog discrimina i no mostra el mateix.
Per tant, per entrar la llista d’etiquetes que hem seleccionat es proposa procedir d’aquesta manera:
Confecció d’ un document de text amb la llista d’etiquetes
personalitzada, d’entre 10 a 20 paraules. Posteriorment, podrem afegir-ne
més, si pensem que ens falten. (Consulteu la pràctica 4 del mòdul 2).
Ja en el blog, crearem un article que titularem Etiquetes temes 1 i
escriurem les paraules de la llista. És important saber que cada article
solament admet etiquetes fins a un màxim de 200 caràcters, amb la qual
cosa, si preveiem entrar-ne més, podem fer un segon article que
titularem Etiquetes temes 2 i acabar d’entrar totes les paraules. No
posarem contingut i els publicarem.
Crearem un gadget d’etiquetes i seleccionarem totes menys les del
nivell educatiu, perquè aquestes ja apareixen en l’altre gadget.
28
En el gadget que acabem de crear han de visualitzar-se totes les
etiquetes ordenades alfabèticament, menys les del nivell educatiu. Es
recomana que se seleccioni l’opció de mostrar com a núvol d’etiquetes
perquè ocupi menys espai.
4.2.2. Procediment pràctic:
4.2.2.1. Creació de l’article
Des de l’entorn de Visió general hem de prémer a Entrada nova o
prémer la icona del llapis. (igual que en l’anterior)
A continuació tituleu l'article (que podríeu posar: Etiquetes temes 1) i
a l’opció Etiquetes introduïu els termes de la llista que hem confeccionat,
(recordeu que a cada article només podem escriure 200 caràcters), i
premeu Fet, Desa i Publica i Tanca (en aquest ordre). No cal escriure res
en el contingut de l’article.
Si encara hem d’entrar més etiquetes caldrà crear un segon article que
titularem Etiquetes temes 2.
L’article o articles s’han de publicar per tal que les etiquetes quedin
guardades en l’aplicació.
Títol: Etiquetes temes 1
29
4.2.2.2. Creació del gadget que permetrà cercar per temes. Gadget d’etiquetes.
Torneu a Format i trieu Afegir un gadget (Com en l’anterior)
Seleccioneu el gadget Etiquetes (Cap al final de la llista)
Configureu el gadget:
1. Poseu un títol. Exemple : Cerca per temes
2. Marqueu etiquetes seleccionades
3. Premeu edita i s’obrirà la llista d’etiquetes més avall
4. Seleccioneu l’ordenació i la visualització
5. Seleccioneu les etiquetes dels temes que voleu que mostri el gagdet
d’entre la llista de més avall. Recordeu que no heu de seleccionar els
nivells educatius
6. Premeu Fet (baix de tot)
7. Premeu Desa
30
Un cop que el blog ja té les etiquetes incorporades, podeu deixar en
esborrany els articles que heu usat per crear-les. Les etiquetes no es
tornaran a visualitzar en els gadgets fins que no les seleccioneu en un
article publicat, però el que no les visualitzem no significa que no les
tinguem a dins.
Aquest sistema el podeu usar per destacar, per exemple un gadget amb les
activitats de lectura o altra activitat específica de la biblioteca.
5. Publicació de continguts: edició d’articles, inserció
de fotografies, vídeos i formularis.
Mòdul 3 pràctica 5b
5.1. Creació d’un article
Des de l’entorn de Visió general premeu Entrada nova o la icona del
llapis.
31
Escriviu el títol, el contingut i assigneu les etiquetes relacionades amb
l’article.
Si ja heu introduït, prèviament, les etiquetes a l’aplicació, només caldrà
seleccionar-les. D’aquesta manera ens estalviem errades en l’escriptura.
L’entorn d’edició de l’article mostra les eines d’edició, similar a
qualsevol tractament de text. També el de la inserció d’enllaços en el text o
en les imatges, com després veurem. També mostra la possibilitat d’entrar
en el codi HTML i modificar-ne alguna part, si en sabem.
Caldrà configurar els diferents paràmetres.
32
Planifica: Hi ha la possibilitat de programar en el temps la publicació de
l’article.
Enllaços: Dóna la possibilitat d’enllaçar el títol de l’article a una adreça web.
Opcions: Aquí deixarem com està tot per defecte, però tenim l’opció de
seleccionar si volem permetre o no comentaris dels lectors sobre l’article en
particular.
5.2. Inserció d’una imatge en l’article
Cliqueu sobre la icona de la imatge.
Seleccioneu el lloc on teniu la imatge que voleu inserir.
Penja: Seleccionarem Penja i Tria els fitxers si la imatge la tenim en el nostre
ordinador. Només caldrà cercar-la a l’arxiu i seleccionar-la.
D’aquest bloc: Si ja l’hem pujat anteriorment clicarem aquesta opció per
seleccionar-la.
33
D’Àlbums de Picasa: Aquesta opció ens permet inserir una o més fotos des
de Picasa, sempre i quan tingui el mateix usuari que el blog.
Si seleccionem l’opció d’Àlbums de Picasa, les fotos quedaran inserides
una darrere de l’altra, com l’exemple:
Accés a Picasa
Si hem de publicar més de cinc fotos, es recomana, prèviament, allotjar-les en
Picasa o en altra aplicació similar i, posteriorment, inserir-les en el blog en
forma presentació de diapositives, També hi ha l’opció de pujar fotos des
del telèfon mòbil o des de la càmera.
D’altra banda, hem de tenir cura amb les imatges que inserim en el blog des
d’una URLexterna perquè no tenim garanties que l’adreça es mantingui en el
temps, i podríem perdre-les.
Premeu Fet a l’opció que hàgiu modificat i en acabar premeu Publica. Si
solament premeu Desa, l’article es quedarà en esborrany i no es veurà en el
blog.
34
5.3. Inserció d’un enllaç web dins la imatge
Un cop ja tenim la imatge en l’article, si volem inserir-li un enllaç que, en clicar-la, enviï els usuaris a un altre lloc web, procedirem així:
Seleccionen la imatge clicant-hi a sobre i veurem que s’hi enfosqeix una
mica. A continuació seleccionarem Enllaç i s’obrirà aquesta finestra.
Omplirem els camps que indica:
o Títol que es visualitzarà: És opcional, però s’aconsella que
ompliu aquest camp perquè ajuda a l’accessibilitat de les persones amb
discapacitats visuals.
o Enllaç web: Escriurem l’enllaç web de estinació. En el cas de
l’epèrgam escriurem
http://aplitic.xtec.cat/epergam/web/biblioteca.jsp?codi=xxxxxxxx
Heu de canviar les xxxxxxxx pel codi del centre.
35
Seleccioneu la casella Obre aquest enllaç en una finestra nova i
premeu D’acord.
Publiqueu l’article i comproveu que efectivament la imatge té l’enllaç
inserit.
De vegades, quan seleccionem la imatge costa una mica i l’enllaç s’escriu a
fora de la imatge. Haurem de tornar a fer-ho.
5.4. Inserció d’un enllaç de correu electrònic dins la imatge
S’ha de procedir de forma similar a la inserció d’un enllaç web, però en el menú desplegable que s’obre omplirem l’adreça de correu electrònic.
5.5. Inserció d’una presentació de diapositives en l’article des de Picasa
Entreu a Picasa i creeu l’àlbum de fotos. Poseu un títol i seleccioneu
l’ordre en què les volem visualitzar.
Tingueu cura de seleccionar que l’àlbum tingui visibilitat Pública a la
xarxa , perquè si no, no es veurà.
A la part inferior dreta de l’àlbum hi ha l’opció d’enllaçar a aquest
àlbum. Si hi cliqueu, es desplega un menú. Caldrà seleccionar Incrustar
projecció de diapositives.
36
Seleccioneu el codi embed per inserir en mode de passi de diapositives.
Abans, però, podeu seleccionar la mida que voleu mostrar. Una mida de
400 px ja està bé. La següent mida, de 600px, és força gran. També cal
seleccionar Reproduir automàticament, i a continuació copieu el
codi embed que apareix en el requadre groc. Per copiar-lo més fàcilment,
podeu estirar de la cantonada inferior dreta i es farà més gran.
Torneu a l’article del blog i primer, si voleu, podeu redactar un text en
mode Redacta.
37
Cliqueu a la pestanya de mode Html i a continuació del que hi ha escrit
inseriu el codi copiat, però, per tal que les diapositives ens quedin
centrades, cal escriure aquest altre codi. Exemple:
<div style="text-align: center;">
codi que hem copiat de Picasa
</div>
Torneu a mode Redacta però des d’aquí no es veurà el que hem inserit.
Si publiqueu l’article i visualitzeu el blog, comprovareu que les diapositives
es veuen perfectament.
38
5.6. Inserció d’un vídeo en l’article des de YouTube
Cliqueu sobre la icona de vídeo.
Seleccioneu la ubicació del vídeo, en aquest cas, Des de YouTube.
També permet pujar vídeos des del telèfon i des de la càmera.
Només caldrà clicar sobre el vídeo i prémer el botó Selecciona i
quedarà inserit.
Potser les mides de visualització que ofereix per defecte YouTube són una mica petites. Caldrà doncs, entrar al codi HTML de l’article i modificar-les. Les mides que se solen usar en els blogs són: width: 420 px. x height: 315 px.
El codi que inserim serà similar a aquest, i les mides que haurem de canviar són les que s’indiquen en vermell:
39
Caldrà prémer Actualitza o Publica per publicar l’article.
5.7. Inserció d’un formulari dins del blog
5.7.1. Procediment teòric
Podem fer formularis per preguntar diferents qüestions al llarg del curs:
Per recollir les desiderates dels usuaris.
Per saber els seus gustos lectors.
Per rebre suggeriments, etc.
El procediment és obrir un formulari amb el Google Drive i després inserir-lo en una pàgina estàtica del blog i, fins i tot, el podem inserir en un gadget de text en un lateral, si li canviem la mida.
5.7.2. Procediment pràctic
Amb el compte de correu gmail de la biblioteca aneu a Drive i cliqueu
sobre Crea i seleccioneu Formulari del menú que es desplegui.
Seleccioneu la
40
plantilla que vulgueu i comenceu a editar-lo, però primer caldrà desmarcar
l’opció Sol·licita inici de sessió.
Creeu totes les preguntes i premeu Fet a cada pregunta.
Quan tingueu el formulari acabat, caldrà configurar el missatge que
mostrarà als usuaris un cop hagin enviat el formulari (pàgina de
confirmació). Per exemple:
“Les vostres dades s’han rebut correctament o Gràcies. El seu missatge s'ha enviat
correctament”.
Caldrà desmarcar la casella que s’indica a baix.
41
Un cop acabat de dissenyar el formulari premeu Envia el formulari i en
la següent finestra premeu insereix per obtenir el codi embed.
Aquesta és la mida que mostrarà per defecte el formulari, però nosaltres la
podem canviar.
Copieu el codi embed i inseriu-lo a la pàgina del blog que heu triat.
Si voleu inserir-lo en un giny o gadget lateral de Text, caldrà modificar-
ne l’amplada i l’alçada. En els gadgets laterals les mides solen ser:
width 300 i height 200, però dependrà del contingut del formulari.
42
Les respostes del formulari es rebran en una base de dades que es crea automàticament en el Drive, no en el correu electrònic.
6. Com fer la còpia de seguretat
Mòdul 4 pràctica 6b
Aneu a Configuració | altres i cliqueu Exporta el blog
43
Apareixerà aquest missatge
Premeu Baixa el blog, i generarà un arxiu en format XML. Guardeu–lo
amb el nom i la data. Exemple: copia_blog_biblioteca_20141001.xml
Aquest arxiu l’heu de conservar perquè és la còpia de seguretat del
vostre blog.
Es recomana que feu aquesta operació almenys un cop a l’any, preferentment, en acabar el curs
