dilluns, 18 de febrer de 2013

Canvi de disseny i format

Ara ens podem entretenir a canviar aspectes estètics i de format del bloc. Hi ha blocs que canvien de fons a cada estació de l'any. Canviar de tant en tant pot sorprendre però gaire sovint pot desconcertar.
Des del menú Plantilla, podem clicar Personalitza o des de la visualització del bloc podem clicar Dissenya.

  • Plantilles: En tenim 6 per triar. Cada una disposa de 3 a 7 variacions. Les noves visualitzacions dinàmiques (Flipcard, Snapshot...) poden agradar o no.  Busquem la que més ens agrada. Després la podrem personalitzar canviant molts més detalls. 
  • Fons: Canviem la imatge de fons. Hi ha moltíssimes fotografies disponibles. També en podem penjar  alguna que hàgim fet nosaltres. Canviem el tema del color principal. Triem la gamma de colors que més ens plagui. Compte! Alguns dissenys dificulten la lectura.
  • Ajusta les amplades del bloc: Per a pantalles amb una resolució estàndard de 1024 píxels d'amplada, el bloc pot tenir 960 px d'ample i la barra lateral fins a 300 (1/3 del total). Blocs massa amples faran que en pantalles de poca resolució hàgim de fer servir les barres de desplaçament.
  • Format: Triem el disseny del cos (quantes barres laterals posarem i on) i del peu de pàgina.
  • Avançat: Aquí ens hi podem entretenir molt per canviar colors de fons, els tipus, mida i color de lletra, els colors dels enllaços...a totes les zones del bloc (encapçalament, zona de continguts, barra lateral, peu de pàgina. La zona afectada queda ressaltada de color vermell a la part inferior. Compte amb triar lletres poc comunes. La majoria d'ordinadors no les tindran i la substituiran per d'altres amb resultats insospitats. 
Si no estem satisfets dels canvis fets, cliquem Torna a Blogger i no haurà canviat res, però si ens volem quedar amb els canvis, clicarem Aplica-ho al bloc. Que ens ho repensem i no ens agrada com queda? Cap problema. Tornem al Dissenyador de plantilles i continuem remenant...

Segona entrada (amb un enllaç i una imatge)

A la segona entrada fem un pas més. Ara volem inserir un enllaç.





Obrim una pestanya nova del navegador tenim la pàgina que volem enllaçar. Seleccionem i copiem l'adreça amb ajuda del botó dret del ratolí.

A l'entrada del bloc escrivim el nom de pàgina i la seleccionem, cliquem Enllaç i al quadre de diàleg que se'ns obre enganxem l'adreça web que abans havíem copiat. Activem l'opció Obre aquest enllaç en una finestra nova si es tracta d'un enllaç extern.
L'enllaç queda subratllat i de color diferent. Si cliquem damunt ens ensenya l'adreça enllaçada i ens ofereix la possibilitat de canviar-la o eliminar-la.

Inserim una imatge. Cliquem la icona del menú. Al quadre de diàleg que se'ns obre tenim diferents opcions:

  • Tria els fitxers (de l'ordinador): Localitzem el fitxer (poden ser més d'un), cliquem Obre. Veiem la miniatura del fitxer, la cliquem i Afegim la selecció.
  • D'aquest bloc: Podem escollir una imatge de les que ja tenim pujades al bloc.
  • D'àlbums web Picasa: Veiem tots els àlbums que tenim (també els àlbums del nostres blocs), triem el que volem i escollim la foto desitjada.
  • Del telèfon i de la càmera web podrem recuperar fotos si tenim aquests aparells connectats a l'ordinador.
  • D'un url: En una altra pestanya cliquem amb el botó dret del ratolí sobre la imatge que volem enllaçar. En el desplegable cliquem "Copia l'url de la imatge" (Chrome), "Copia l'ubicació de la imatge" (Firefox), "Copia la drecera" (IE). En el quadre de diàleg (Imatge/D'un url) enganxem la drecera al calaix superior, veiem la imatge al cap de pocs segons, la cliquem i Afegim la selecció.
Quan ja veiem la imatge a l'entrada podem clicar-la i canviar la mida (per defecte posa una mida mitjana), canviar l'alineació, afegir una llegenda/peu de foto, un text alternatiu per si no apareix la foto i eliminar la foto.
També la podem arrossegar cap a un costat o fins el punt del text que desitgem. Si no ens en sortim tenim l'opció de seleccionar la imatge, retallar-la (CTRL+R) i enganxar-la (CTRL+V) quan tinguem el cursor al lloc adequat.
Per defecte la foto està enllaçada a la seva ubicació (Ens ensenyaria la foto a mida original en una pàgina nova). La podem treure (clicant el botó activat d'enllaç) o canviar-la (tornant a clicar el botó desactivat d'enllaç i afegint l'adreça d'un àlbum de fotos, d'una pàgina web...).
  • Per millorar la velocitat de càrrega del bloc és convenient reduir la mida de la imatge abans de pujar-la i adaptar-la a l'amplada del bloc (no més de 500 px per a un bloc optimitzat a 1024 px d'amplada).

dijous, 14 de febrer de 2013

Primera entrada (només text)

Volem escriure una entrada molt senzilla, amb només text:
1) Ens assegurem que la pestanya activa sigui Redacta. (S'obre on l'havíem deixat en el darrer accés)
2) Escrivim el text. (El tipus i mida de lletra de la plantilla manté l'estil del blog a totes les entrades)
3) El desem (automàticament ho fa cada pocs segons) i previsualitzem l'entrada en una finestra nova.
4a) Tanquem. (L'entrada es queda en format d'esborrany) La podrem acabar un altre dia.
4b) Ja hem acabat l'entrada? Publiquem-la i cliquem Mostra o Visualitza el blog

Si ja l'hem publicat i la volem retocar, podem clicar l'icona del llapis que està just a sota de l'entrada i la tornarem a tenir a punt per editar.

Podem destacar ara una part del text amb una altra mida, amb negreta, color... Podem modificar els paràgrafs introduint vinyetes, sagnia... Un text molt llarg pot necessitar afegir un salt. En publicar-se veurem només el primer fragment i l'enllaç Més informació que podem clicar si volem veure la segona part.
Si hem enganxat el text d'un altre lloc, portarà el format anterior i serà convenient clicar Esborra el format. Una revisió ortogràfica abans d'acabar sempre va bé.

Configuració de les entrades. Les etiquetes

A Configuració d'entrades, a la dreta de la finestra d'edició, trobem 5 apartats:

  • Etiquetes: Ens permetran endreçar les entrades, classificar-les segons la temàtica o el curs que l'ha fet (si és un blog de cicle). Despleguem l'apartat Etiquetes i escrivim el tema, el curs... Si ja l'hem utilitzat abans només caldrà clicar el nom de la llista. Podem posar més d'una etiqueta, separades per comes, a cada entrada. Confirmem l'elecció clicant Fet. Al final de cada entrada podem veure les seves etiquetes, i clicar-les si volem.
1) A la configuració del blog, des del menú Format/Afegeix un Gadget/ podem afegir a la barra lateral el gadget Etiquetes. Quedarà com a la imatge de sota, a la dreta. Si quan naveguem cliquem una etiqueta es filtren les entrades i es mostren només les que contenen aquella etiqueta.

2) Si ens agrada més veure les etiquetes a la barra horitzontal, on veiem habitualment les pàgines, hem de seguir aquests passos: Hi posem l'etiqueta amb l'adreça url de la mateixa. (La url la podem copiar de la barra de direccions després d'haver-la clicat. Tindrà l'estructura url blog /search/label/ nom de l'etiqueta.)
Si no veiem la barra de menús horitzontal cal fer-la aparèixer des del menú Format Afegeix un gàdget (a sota del títol) / Pàgines. Aquí podem decidir quines pàgines es veuran a la barra horitzontal i canviar-ne l'ordre. Els gàdgets Pàgines i Etiquetes es poden arrossegar de la barra lateral a la horitzontal (aquí només n'hi pot haver una).

Els altres apartats del menú de Configuració d'entrades són:
  • Planifica, podem posar l'hora a partir de la qual es podrà veure l'entrada que hem fet. Passarà d'Esborrany a Publicat a l'hora que fixem. Una altra utilitat pot ser la d'endarrerir manualment una entrada, si anem tard en la publicació o per decidir l'ordre de les entrades (posem la data més antiga d'una entrada que volem "amagar" que la d'una que volem "destacar").
  • L'enllaç permanent ens dóna la url de l'entrada abans de publicar-la i ens permet personalitzar-la.
  • Podem personalitzar la Ubicació per a cada entrada, si fem un bloc itinerant.
  • Opcions podem decidir si aquella entrada permetrà comentaris, els amagarà... al marge del que digui la Configuració del blog.

Prezi, la presentació dinàmica

Les presentacions amb Prezi ja fa temps que ens tenen el cor robat. Unes transicions espectaculars afegides a la possibilitat d'inserir text, imatges, enllaços i arxius de so l'han convertit en una eina en línia imprescindible si es vol quedar bé. No és convenient abusar dels moviments en les transicions ja que ens poden apartar l'atenció necessària cap al contingut.
Com molts d'altres objectes es poden compartir (Share) i embedir (copiem el codi d'amplada 550 px de la pestanya Embed) dins el nostre blog a través de les pestanyes HTML. Compte! Triga a carregar-se. Alentirà el blog!
 Aquí podem veure un tutorial de Prezi traduït al castellà per Dolors Reig. Es pot veure a pantalla completa.

Els comptadors de visites

El mateix Blogger, des del menú de configuració, ja et subministra estadístiques prou completes. Compta les visualitzacions del blog i les entrades més visitades i en fa gràfics, també analitza la url i el país de procedència, el navegador i el sistema operatiu utilitzat...

A més pots disposar d'un gadget per a la barra lateral per mostrar públicament les visites que té el blog.
Té poques opcions, però això no és un obstacle. En trobarem més per la xarxa...

Histats.com n'hem trobat un que ens ha agradat. Ens ha calgut registrar-nos, afegir web, triar comptador i copiar el seu embed a la pestanya HTML. El resultat és aquest:

I l'últim l'hem trobat al web RevolverMaps.com. Ens indica gràficament amb puntets vermells o banderes i noms l'origen de les visites sobre el globus terraqüi o el planisferi.

Popplet: més que un mapa conceptual

Popplet és una relativament nova eina en línia per a organitzar les idees. Dins els requadres, que pots moure, engrandir, relacionar..., hi pots posar text, imatges, vídeos... Tant pots fer un mapa conceptual com una presentació dinàmica (estil Prezi).
Pots registrar-te, crear el teu "popplet" i compartir-lo al blog. Només cal que cliquis Share i ja veuràs l'embed que hauràs de copiar a la pestanya HTML.

Aquest gràfic sobre la Competència digital del professorat l'hem trobat al web del CRP del Gironès. Permet visualitzar-se a pantalla completa.

D'altres webs on podem fer mapes conceptuals són: Mindomo i Bubbl.us.