viernes, 29 de enero de 2016

Pràctica 1: Blogger


Classe pràctica 31-01-16

Hui el professor ens ha ensenyat les eines bàsiques de Blogger. Hem començat per cercar a Google "Blogger" i ens hem ficat. A continuació, utilitzant el nostre compte de google, ens hem ficat. Les persones que no tenien blog han tingut que donar el seu nom de telèfon i fer-se un compte. Una vegada dins hem fet click en "Nou Blog", l'hem donat un títol al nostre blog i una adreça (copiant el nom del blog seguit de ".blogspot.es") i a continuació li donem a "crear el blog".



Jo he posat al meu blog BloggerTicAules. A continuació, en la pantalla de visió general, cliquem en entrada nova . 


Hem aprés com funciona la barra de ferramentes. En primer lloc hem vist com funcionen les ferramentes d'edició de les lletres (com la font, negreta, cursiva, subratllat, taxat o canvi del color de les lletres), després hem vist cóm podem adjuntar enllaços, videos o imatges.

Sobre com adjuntar un enllaç, hem de posar un text per a mostrar i baix la direcció web a la que volem que ens remeta. Seria interessant que marquem la casella d'obrir aquest enllaç en una ventana nova per a que siga més còmode per als nostres lectors. Un exemple pot ser el següent:



Sobre com adjuntar una imatge, podem observar que podem fer-ho pujant-la des de aquest blog, des de albums web de Picassa, des del telèfon mòbil, d'una càmera web o d'una URL. Un exemple pot ser aquest:


També hem vist com editar la imatge fent-la més petita, mitjana, gran, extra gran o amb la mesura original. A més hem aprés a alinear la foto a la dreta, a l'esquerra o centrada. Per últim, hem parlat sobre cóm afegir una llegenda a la foto. És important posar en la llegenda l'origen de la fotografia per a evitar problemes amb drets d'autor.

D'altra banda, per a pujar un video, podem fer-ho des de YouTube, des dels meus videos de YouTube o des del nostre telèfon. Ací tenim un exemple: 

Per últim, hem vist l'alineació del text, llistes numerades o amb vinyetes. 

El professor ens va comentar que a l'hora d'adjuntar qualsevol enllaç, video o imatge seria recomanable emprar la aplicació del retallador d'URL o Bitly que ens serveixen per a fer més curtes les direccions de d'origen.



A continuació, una vegada aprés les ferramentes que podem emprar, posem atenció al menú que tenim a la dreta, on posa Configuració de l'entrada. A l'apartat d'etiquetes hem d'afegir el nom del que estem fent, per exemple Pràctica 1, Teoria tema 1, Ampliació pràctica 1 o Ampliació teoria tema 1.



No hem d'oblidar tampoc de posar un títol a la nostra entrada, que s'ha de posar a la barra que hi ha d'alt. Per exemple, jo a aquesta entrada l'he cridat "Pràctica 1: Blogger".


_________________________________________________________________________________

En segon lloc, ens hem detingut ens les diferents apartats d'edició del blog, com la visió general, entrades, pàgines, comentaris, google +, estadístiques, campanyes, format, plantilla, i configuració. 

On més ens hem fixat ha sigut en les entrades (on podem editar, mostrar o eliminar cadascuna), el format, la configuració i la plantilla.

Pel que respecta a la configuració, hem vist que és ací on haurem d'anar en cas de voler canviar el nom del nostre blog o la nostra adreça.

Per a terminar hem vist el format, prestant especial atenció als gadgets. Els gatges que he d'afegir al nostre blog són els següents:

  • HTML/ Javascript
  • Arxiu del blog
  • Etiquetes
  • Entrades populars
  • Quadre de cerca
  • Llista de enllaços
  • Estadístiques
  • Enquesta
  • Barra de vídeo
  • Entrada destacada
A continuació explicarem cóm hem de fer-ho. 

Li donem a "afegir gadget" i ens apareix una llista. Ací busquem la que diu HTML/ Javascript i en cliquem. Ens demana un títol i un contingut. Al títol posarem "presentació" i per al contingut obrirem una nova pestanya al navegador i cercarem la pàgina d'SlideShare. Una vegada dins triarem una presentació que ens agrade (per exemple jo triaré la de How to be a PowerPoint Animation Ninja). A continuació donarem click a la fletxeta de compartir i copiarem el que posa davall d'embed mitjançant el botó dret del nostre ratolí i seleccionant la opció de copiar del menú
desplegable que apareixerà. Tornem a la nostra pantalla del gadget del HTML i on posa contingut enganxem el que havíem copiat mitjançant el botó dret del nostre ratolí i seleccionant la opció de enganxar del menú desplegable que apareixerà. I li donem a "Desa". Sobre aquest últim punt seria necessari tindre en compte on posa width (amplitud) i height (altura) dins del quadre de contingut i els valor que van a continuació, ja que els canviarem per a redimensionar la image que sortirà de l'enllaç que hem copiat.









Ara, altra vegada li donarem al botó d'"afegir gadget" i cercarem en la llista "Arxiu del blog".Una vegada dins personalitzarem el nostre arxiu com nosaltres vulguem.

Seguidament, altra vegada, cercarem altre gadget, el d'"etiquetes" i allí canviarem l'ordenació per "per freqüència", la visualització per "Cloud" i marcarem la casella de "Mostra el número d'entrades per etiqueta" i acceptem donant-li a "Desa".




Afegirem també el gadget d'"entrades populars" però canviarem el número d'entrades per 5.


D'altra banda afegirem el gadget de Quadre de cerca i acceptem deixant les característiques predeterminades.

Més gatges que necessitem afegir a continuació són per exemple la llista d'enllaços:
Al títol posarem per exemple teoria tema 1 ja que els enllaços els emprarem per als temes de teoria. Segons vol el professor, hem de posar al menys 5 enllaços en cada tema de teoria. A més hem d'ordenar-los alfabèticament així que canviarem aquesta opció i la del nom d'elements que es mostraran a la llista per 5


A continuació seguim amb les estadístiques. Aquest gadget el desarem sense canviar cap característica.

Seguint amb la llista, el següent gadget és el de la enquesta:

Pondrem una pregunta i unes opcions de resposta. Pondrem la data d'ací a un any i NO seleccionarem la casella de més una resposta.


Per últim utilitzarem els gadgets de la barra de vídeo i la entrada destacada però sense canviar cap característica:




Pasem ara a la part de la plantilla. Aquesta part és on podem canviar l'apariència i colors del fons del nostre blog. Podem observar que es mostra la versió d'ordenador i la del mòbil. Prendrem el botó de "personalitza" i comencem. 

Arriba a la esquerra podem veure les següents opcions a editar: plantilles, fons, ajusta les amplades, format i avançat. 

Dins de les plantilles observem que hi ha una varietat de diferents plantilles i dins de cada tipus hi ha una disposició de colors diferents. Jo triaré la plantilla Eteri amb el color rosa.



A continuació, al fons podem veure que podem penjar una imatge o triar una de les múltiples opcions que ens donen. Sols hem de fer click a la fletxeta que hi ha al costat del quadrat on posa imatge de fons. En el meu cas deixaré el de la plantilla. No obstant això, si decidim pujar una foto del nostre ordinador, seria recomanable fer cas a la indicació que diu "Pots penjar un fitxer JPG, GIF o PNG de fins a 300 KB. Si vols un fons complet, utilitza imatges de com a mínim 1.800 x 1.600". Una vegada seguida aquesta anotació podem fer us de les ferramentes d'alineació o de mosaic per a canviar l'apariència del nostre blog. 

La següent pestanya és la de ajusta les amplades. Ací utilitzarem la barra i les diferents mesures per a adaptar l'amplada de l'espai que utilitzem per a les entrades i l'amplada de l'espai de la barra lateral dreta. Jo deixaré els valors predeterminats.



Seguidament temin el format. Ací podem canviar la disposició de cadascun dels apartats del nostre blog. Aquest apartat també el deixaré amb els valors predeterminats.



Per a terminar, en avançat tenim la edició de la font i color de les lletres del blog, dels enllaços, dels títols etc. Jo sols canviaré el color de la vora del background per un color claret. En enllaços canviaré els colors de l'enllaç al roig; el del enllaç visitat per un blau i el de passar el ratolí per sobre el canviaré per un verd. En la pestanya del títol del blog i títol de l'entrada canviaré el tipus de lletra per la font "Chewy".




I ja hem terminat amb l'explicació de les funcions bàsiques del Blog.

_________________________________________________________________________


No obstant això, encara queda una cosa més per explicar i es prou important. La Licencia Creative Commons. Què és això? Bé, com el seu nom indica, és una llicència que ens permet protegir les nostres obres de que seguin plagiades o copiades per altres i que impedeix que altres puguen treure benefici dels nostres treballs. Per a fer aquesta llicència primer ens ficarem a la pàgina següent http://es.creativecommons.org/blog/licencias/ i clickem al enllaç que ens apareix.




A continuació marcarem la opció de NO en les preguntes: ¿Vol permetre que es compartisquen les adaptacions de la seua obra? i ¿Vol permetre usos comercials de la seua obra?
                            

Més avall escriurem el títol de la nostra obra, en aquest cas el nom del nostre Blog; en segon lloc el nostre nom (es a dir, a qui han de reconèixer l'autoria) i pegarem l'adreça del nostre blog on diu Reconega l'autoria mitjançant la URL. Els dos següents apartats els deixarem en blanc i els dos últims els deixarem amb les dades predeterminades. Una vegada fet tot això s'ens haurà generat un code URL a la dreta, el qual haurem de seleccionar i copiar (prenent el botó dret i copiar) en un nou gadget de HTML/Javascript (que ja vam explicar al principi de la entrada cóm es feia).


                            

*Totes les imatges d'aquesta entrada són d'origen propi.