Tutorial 1c. La publicació de continguts amb Blogger: edició d’articles, inserció de fotografies, vídeos i formularis.

Un cop acabada l'estructura del blog, la publicació de continguts s'ha de fer mitjançant la creació articles.

En aquest tutorial s'explicarà el següent:

  1. Creació d'un article
  2. Com inserir imatges dins de l'article
  3. Com inserir un enllaç web dins de la imatge
  4. Com inserir un enllaç de correu electrònic dins de la imatge
  5. Com inserir vídeos de Youtube en un article
  6. Com inserir formularis dins d'una pàgina

1. Creació d’un article

  • Des de l’entorn de Tauler premeu Entrada nova o la icona del llapis.


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


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.


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 tenim la imatge en el nostre ordinador. Només caldrà cercar-la a l’arxiu i seleccionar-la.
D’aquest blog: Si ja l’hem pujat anteriorment clicarem aquesta opció per seleccionar-la.
D’es de l'Arxiu d'àlbums de Google: Aquesta opció ens permet inserir una o més fotos dels àlbums de Google que tenim amb el mateix usuari que el blog.

  • Si seleccionem l’opció Des de l'Arxiu d'Àlbums de Google, les fotos quedaran inserides una darrere de l’altra, com l’exemple:


Si hem de publicar més de cinc fotos, es recomana, prèviament, allotjar-les en una aplicació d'imatges o passar-les a vídeo amb Youtube 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 URL externa 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.


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í:

  • Seleccioneu la imatge clicant-hi a sobre i veureu que s'hi enfosqueix. A continuació seleccionarem Enllaç i s’obrirà aquesta finestra.


  • Omplirem els camps que indica:
    • 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.
    • Enllaç web: Escriurem l’enllaç web de destinació. 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.
  • 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.


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


  • Caldrà prémer Actualitza o Publica per publicar l’article.


6. Inserció d’un formulari dins del blog

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.

6.1. Procés

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.

6.2. Procediment pràctic

  • Amb el compte de correu gmail de la biblioteca o el compte XTEC del centre aneu a Drive i cliqueu sobre Nou i seleccioneu Formularis de Google del menú que es desplegui.


  • Abans d'editar-lo caldrà desmarcar l’opció Restringeix als usuaris del domini XTEC - Xarxa Telemàtica Educativa de Catalunya en cas que estigui activada. Per això heu de prémer la rodeta de configuració i desmarcar l'opció quan s'obri el menú desplegable.


  • Creeu totes les preguntes i premeu Fet a cada pregunta.
  • Quan tingueu el formulari acabat, caldrà configurar el missatge que es mostrarà als usuaris un cop hagin enviat el formulari (pàgina de confirmació). Per exemple:
                         "Gràcies. El seu missatge s'ha enviat correctament" o 
                         "Les vostres dades s’han rebut correctament". 
  

Per fer-ho cal clicar a sobre la rodeta i seleccionar Presentació en el menú que s'obre. Podeu desar el missatge que surt per defecte, o escriure el que us interessi més.Caldrà desmarcar Mostra un enllaç per enviar una altra resposta.


  • Un cop acabat de dissenyar el formulari premeu Envia el formulari i en la següent finestra premeu <> per obtenir el codi embed. Copieu el codi HTML que apreix clicant amb el botó esquerre del ratolí a sobre de Copia. Podeu canviar primer la mira del formulari.


Aquesta és la mida que mostrarà per defecte el formulari, però nosaltres la podem canviar.

  • Copieu el codi embed del vostre formulari 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.


  • Ara caldrà configurar el formulari per tal de rebre les respostes directament al nostre correu:
  • 1. Des d'edició del formulari cal clicar a Respostes i clicar a la icona de color verd anomenat Mostra les respostes en fulls de càlcul. Hem de seleccionar En un formulari nou. No ens oblidem d'activar la funció S'accepten respostes.

=500

  • 2. En la pantalla següent cal clicar a Eines i seleccionar Regles de notificació

  • 3. Solament caldrà seleccionar com volem rebre les respostes i guardar els canvis