08.- Insertar un video de Youtube

COM INSERTAR UN VÍDEO DE YOUTUBE?

A internet podem trobar molts vídeos interessants que ens serveixin per il.lustrar alguna de les coses que treballem a classe. Agafar un d'aquests vídeos i insertar-lo dins d'una notícia al nostre bloc és MOLT FÀCIL. Anem pas a pas:

 1.- Anem al Youtube (http://www.youtube.com) i en el calaix que hi ha dalt de la plana escrivim les paraules de cerca que ens sembli que permetran trobar el video que busquem.

 2.- La web ràpidament em donarà un seguit de vídeos relacionats amb les paraules de cerca que jo li he posat i es tracta de seleccionar el que sembli que em pot ser més interessant.

 3.- Quan l'hem seleccionat se'ns obre una nova pàgina en la qual comença a reproduir-se el vídeo. Anem al requadre "Comparteix" per trobar el codi HTML que haurem d'insertar al nostre bloc.

 4.- Se'ns obre un nou requadre i busquem el botó "Insereix"

 5.- Ens surt el codi HTML, però per assegurar-nos que ens quedarà ben enquadrat en el nostre bloc podem personalitzar les mides. Anem al requadre "Personalitzat" i li posarem que volem 400 px d'amplada (l'alçada ja es posarà bé per defecte).

 6.- Ara ja tinc el codi HTML amb les mides adequades.

7.- Només he de posar-me sobre el codi HTML que quedarà seleccionat i copiar-lo.

8.- Finalment haurem d'enganxar aquest codi en la pestanya HTML que veiem quan estem redactant la nostra notícia (igual que vam fer per insertar l'àlbum de Picasa) i ja tindrem el video de Youtube insertat a la nostra notícia.

Mireu, jo anar fent, anar fent i se m'ha enganxat el vídeo de "Hey Jude" al final d'aquesta notícia.

EXERCICI

Feu una notícia en la qual hi haureu d'insertar un vídeo musical d'una cançó que us agradi. Per il.lustrar la notícia busqueu una foto d'aquell grup musical o cantant. Dins de la notícia feu un enllaç a la plana web d'aquell grup musical o cantant i no us deixeu res del que sempre hem de posar (títol, etiquetes...).

Després els comentaris i anar marxant.

07.- Crear un àlbum de Picasa

COM ES CREA UN ÀLBUM DE PICASA?

Vam aprendre com insertar un àlbum de Picasa al nostre bloc, però... com es crea un àlbum?

 1.- En primer lloc he d'entrar a la plana de Picasa amb les contrasenyes i clicar al botó "Càrrega".

 2.- Em sortirà una pantalla on he de posar el nom que vulgui posar-li a aquest àlbum...

 3.- ...i clico a la part central on diu "Selecciona fotos de l'equip".

 4.- Llavors navego per les diferents carpetes del meu ordinador o de la càmara de fotos o del meu llapis de memòria o d'un CD... Vaig clicant i seleccionant les fotos que vull posar al meu àlbum de Picasa. Després clico "Obrir" i se'm carreguen a l'àlbum.

 5.- Quan ja tinc les fotos carregades, clico on diu "Les meves fotografies". Així sortiré d'aquest àlbum que acabo de crear i veuré tots els àlbums que tinc.

 6.- Llavors veuré l'àlbum que acabo de crear. Una de les seves fotos és la que ha quedat com a portada d'aquest àlbum, em surt el seu nom, la data de creació, el número de fotos que el composen i el dibuixet d'un candau (indica que l'àlbum només es pot veure amb contrasenya). ÉS MOLT IMPORTANT AQUEST PAS PERQUÈ SI NO ELS ALUMNES NO PODRAN VEURE AQUEST ÀLBUM. Ara entrarem dins de l'àlbum i n'editarem les propietats. Cliquem a la foto que m'indica que és l'últim àlbum que acabo de fer.

 7.- Ara anem a la part dreta de la pantalla i cliquem on diu "Edita".

 8.- En primer lloc obrim el quadre de "Visibilitat" i seleccionem "Públic al web" (que vol dir que el podrà veure tothom sense necessitar cap contrasenya i canviaràm el dibuixet del candau per un de la bola del món). En segon lloc podem tornar a canviar el títol de l'àlbum.
Finalment cliquem a "Desa els canvis".

9.- Ara ja tenim el nostre àlbum creat. Hi ha un lloc on diu "Accions" on podem fer vàries coses (si voleu les podeu investigar i/o provar):

• "Propietats de l'àlbum": és el lloc on acabem de dir-lil que sigui públic i li hem posat el nom.
• "Portada de l'àlbum": triem quina de les fotos de l'àlbum volem que sigui la de portada.
• "Llegendes": ens permet posar un peu de foto a cadascuna de les fotos.

 10.- També hi ha l'opció "Organitza" que hem permet reordenar les fotos arrossegant-les amb el ratolí.


11.- Quan ja tinc el meu àlbum creat, si vull insertar-lo al bloc he de fer-ho com vam aprendre a la lliçó anterior.

12.- Quan acabo de treballar amb el Picasa he de sortir-ne. Si no ho faig el següent que utilitzi aquell ordinador podria entrar dintre dels meus àlbums i esborrar-los o manipular-los.
Per tant he d'anar a dalt a la dreta on hi ha el meu nom d'usuari "cimioms@gmail.com" i clicar "Surt"

EXERCICI

Ja us ho podeu imaginar, oi? Creeu un petit àlbum Picasa (màxim 4 fotos).
Al setembre us passaré un programa que tenim a l'escola que permet reduir el volum de les fotos (és a dir, reduir-ne la resolució perquè no ocupin tant i es descarreguin més de pressa) però com que ara ho haureu de fer amb fotos sense reduir i això alenteix una mica el procés, per això us dic que no hi poseu més de 4 fotos.
Doncs bé, decidiu quines 3-4 fotos voleu compartir. Les pugeu a un àlbum Picasa (sobretot no oblideu editar-ne les propietats fent que l'àlbum sigui "Públic al web") i llavors feu una notícia que estigui relacionada amb aquelles fotos que, evidentment, al final tindrà l'àlbum Picasa insertat.
O sigui que la notícia que farem haurà de tenir totes les característiques que hem après (però que fa dies que no utilitzem... ens en recordarem de tot??): títol, text, foto, etiquetes (les 2 de sempre), un enllaç (que funcioni) i un àlbum de Picasa original (que haurem de crear prèviament) insertat.

Si sabeu fer això, ja estareu a un nivell en que molta gent pensarà que sou unes cracks i en sabeu moltíssim i podreu fer cursets i resoldre dubtes i anomenar als altres "novatillos" i "novatilles". ;-) (però heu de dir que ho vau aprendre en un curset que us va costar una pasta amb un profe particular i així jo podré repetir el curset però cobrant ;-) )
I quan acabeu els deures, allò dels comentaris de sempre, OK?
I per qualsevol dubte, m'envieu un correu.

06.- Insertar un àlbum de fotos

Avui aprendrem a insertar un àlbum de fotos al final d'una notícia tal i com podeu veure en aquesta notícia sobre l'última sortida que vam fer a Barcelona (cliqueu, cliqueu, que és un enllaç... ;-)).
Normalment fem àlbums de Picasa que és un programa de la mateixa empresa que Google i Blogger i, per tant, va amb les mateixes contrasenyes (per això veureu que si ja hem posat la contrasenya per entrar al nostre bloc no ens la tornarà a demanar per entrar a Picasa). L'adreça és:

http://picasaweb.google.com

Avui el que farem serà insertar un dels àlbums que ja tenim al nostre compte de Picasa (el proper dia ja aprendrem a crear el nostre propi àlbum). Seguim els següents passos:

1.- Primer anem a la plana de Picasa i si ens demana la contrasenya la posem (recordeu que són les mateixes dades que per entrar al bloc)

2.- Quan entrem al nostre compte veurem tots els àlbums de fotos que hi tenim. De cada àlbum tenim una foto de portada, la data de quan la vam penjar i el número de fotos que té. També hi ha un petita icona de la bola del món que indica que aquest àlbum és "Public al web" i això vol dir que pot veure'l tothom sense necessitar cap contrasenya. Per fer l'exercici d'avui haurem de clicar-ne un (el que vulguem) que serà el que insertarem a la nostra notícia.

 3.- Quan cliquem en un àlbum se'ns obre una altra plana. A la banda central tenim totes les fotos que conté aquest àlbum i a la dreta la informació que ens interessa per insertar-lo al nostre bloc.

En concret hem de clicar on diu "Enllaç a aquest àlbum"

4.- Se'ns desplega un altre submenú i hem de clicar on diu "Incrusta una presentació de diapositives"

5.- Se'ns obre una nova finestreta. En primer lloc hem d'obrir el desplegable de les mides i seleccionar "400 px". Després hem de clicar sobre el requadre groc i ens quedarà tot el codi HTML seleccionat. Llavors amb el ratolí dintre del requadre, cliquem el botó secundari i seleccionem l'opció "COPIAR". Després cliquem al botó "Fet".

6.- Si no ho havíeu entès, la cosa hauria de ser més o menys així. 

7.- I ara TORNEM A LA PÀGINA DEL BLOC NOVATILLES i ens hem de fixar en una cosa que mai no havíem explicat: els botonets "Redacta" i "HTML". Fixeu-vos en aquesta imatge: hi veiem la notícia en mode "Redacta".

8.- Però si cliquem el mode "HTML" la mateixa notícia es veu així... embrutada o enriquida (digues-li com vulguis) amb tots els atributs del codi HTML.

9.- Doncs nosaltres ens hem de posar a la pestanya "HTML" i fer "PEGAR" per tal que s'hi enganxi el codi de l'àlbum Picasa que havíem copiat i està escrit en codi HTML.

 

Després podem tornar al mode "Redacta" i encara que no veiem el nostre àlbum de fotos hem de fer un ACTE DE FE  i creure que hi és. Cliquem a DESAR i/o PUBLICAR i llavors si que podrem veure que hi és.

EXERCICI

Fer una notícia amb tot el que hem après fins ara (títol amb el nostre nom, text, les 2 etiquetes, foto, enllaç) i... insertar-hi un àlbum Picasa dels que ja estan fets al compte Picasa de Cicle Mitjà.

Per tal que no quedi un bunyol, primer decidim quin àlbum voldrem utilitzar i si és de la fageda (per exemple) doncs busquem una foto de la fageda i un enllaç a una pàgina que parli de la fageda i així tota la notícia quedarà ben lligadeta.

Després fem el tema dels comentaris com sempre: un comentari anunciant que ja està feta la feina i després comentaris de retroalimentació i ànim cada cop que algú publica una notícia.

Vinga, va... no us atabaleu que no és tan difícil. 

Mira... aquí sota mateix n'hi he incrustat jo un i... ni me n'havia adonat...;-)

05.- Posar un enllaç (link) a una notícia

COM POSAR UN ENLLAÇ A UNA ALTRA PLANA?

 Un enllaç a una altra pàgina és allò que fa que quan cliquem sobre una paraula o frase, ens obri una altra pàgina. Per aconseguir-ho necessitem dues coses:

• Tenir l'adreça de la pàgina que voldrem que s'obri.
• Decidir quina frase o paraula de la nostra notícia serà la que activarem perquè quan hi cliquem a sobre, ens obri l'altra pàgina.

1.- En aquest exemple farem que s'obri la plana-web del bloc de Cicle Mitjà i per tant primer de tot necessitem saber l'adreça d'aquesta plana que és:

http://cm-oms.blogspot.com/

2.- A continuació redactem la notícia i decidim quina serà la paraula o frase que, quan hi cliquem a sobre, obrirà el bloc de Cicle Mitjà. En aquest cas serà el fragment de frase "a la paraula que vulguis" (pot ser una sola paraula o un paràgraf tan gran com vulgueu). Després cliquem sobre el botó "Enllaç".

3.- Se'ns obrirà el quadre "Edita l'enllaç" amb la primera casella ja plena (amb el tros de frase que teníem seleccionat).
Llavors falta posar-li l'adreça de la pàgina-web que volem que s'obri quan cliquem allà.

4.- A continuació amb les tecles de "copiar-pegar" col.loquem l'adreça de la plana-web que s'ha d'obrir (en aquest cas la del bloc de Cicle Mitjà) al lloc "Adreça web" i activem la casella "Obre aquest enllaç en una finestra nova".
Cliquem "D'acord".
Acabem de redactar la notícia i la publiquem, com ja sabem.

EXEMPLE:
Per anar a la plana-web pots clicar a la paraula que vulguis

EXERCICI

Fem una petita notícia que tingui títol (amb el nom de l'autora inclòs), text, etiquetes ("curset" + la del nom de cadaascú), foto i un enllaç que ens envïi a alguna pàgina relacionada amb la foto i la notícia.
Després, com cada dia, publiquem, fem comentari a AQUESTA NOTÍCIA per saber que ja l'heu feta i, després, ens anem fent comentaris els uns als altres, per dir-nos que bons que som i que bé que ho fem.
OK?

04.- Posar una imatge a una notícia

COM PODEM POSAR UNA IMATGE A UNA NOTÍCIA? 

1.- D'entrada seguim els passos que vam aprendre a l'última lliçó i, per insertar una imatge, cliquem aquesta icona.

2.- Se'ns obre aquest quadre i hem de clicar on diu "Tria els fitxers". Llavors busquem dintre de les nostres carpetes (al llapis de memòria, a un CD, al disc dur de l'ordinador...) i seleccionem la imatge que vulguem posar.

3.- La imatge s'anirà carregant i quan estigui a punt ens sortirà al requadre central.
Llavors hem de clicar "Afegeix la selecció".

4.- Finalment ens apareixerà la imatge dins del requadre on podem escriure el contingut de la notícia amb un submenú a sota amb diferents opcions. Normalment (si seguim l'estil de les notícies del bloc de Cicle Mitjà) li direm que volem la imatge en tamany "Petit" i "Alinea a l'esquerra", encara que podeu provar les altres opcions.
Després fem clic fora de la imatge, desapareix el submenú i podem escriure la notícia.
Podem arrossegar la imatge al lloc que vulguem de la notícia.
Podem tornar a fer aparèixer el submenú si tornem a fer un clic sobre la imatge.

EXERCICI:

Creeu una nova notícia.
Assegureu-vos que tingui títol (en el títol hi ha de sortir el vostre nom, per exemple "Notícia amb foto de la Rosa").
Afegiu-hi una imatge en mida petita i alineada a l'esquerra.
Redacteu un petit text de notícia relacionat amb la foto.
Poseu-hi les dues etiquetes ("curset" i la del vostre nom).
Publiqueu-la.
Per comunicar-nos que l'heu publicada, feu un comentari a aquesta notícia que jo he penjat.
Quan rebem les notificacions que una "novatilla" ha penjat una notícia amb foto, totes li fem un comentari de suport.
Som-hi!!

03.- Editar una notícia

COM PUC EDITAR UNA NOTÍCIA? 

Si resulta que he publicat una notícia i després m'adono que hi ha errors que hauria d'arreglar o vull afegir-hi alguna cosa o modificar res.
Com puc fer-ho??
Molt fàcil!!
1.- En primer lloc entro al bloc amb les contrasenyes i quan sóc dins de "Novatilles" busco en el quadre de l'esquerra l'opció "Escrits".

2.- Em sortirà la llista de totes les notícies que tinc al bloc. Si em poso sobre de la que m'interessa, a sota hi ha l'opció "Edita" (també "Visualització" i "Elimina").

3.- Quan he clicat "Edita" em sortirà la meva notícia i a sobre una llarga barra de botons que jo he separat en dos trossos (perquè si no quedaria una barra molt llarga i la mida hauria de ser molt petita i la Carme no ho llegiria... ;-)).
Aquests botons són semblants als d'un Word i em permeten canviar la mida i el color de la lletra, subratllar, posar en negreta o en cursiva, centrar o a liniar a la dreta o a l'esquerra, etc.

4.- Per exemple aquest és el quadre que us surt si cliqueu el botonet del "Color del text". Primer heu de tenir seleccionat el fragment de text que voleu canviar de color i després busqueu aquí quin color li voleu donar.

5.- I aquest és el quadre que surt si cliqueu el botonet del "Cos de lletra". Primer heu de tenir seleccionat el fragment de text que voleu canviar de mida i després busqueu aquí quina és la mida que voleu donar-li.





6.- I el mateix per subratllar, posar en negreta, etc.

EXERCICI 

(llegiu bé tots els passos i a veure si no us en deixeu cap).

• Entreu dins d'aquesta notícia que esteu llegint ("Editar una notícia") i en el fragment de text que trobareu assignat al final d'aquest exercici feu-hi unes quantes modificacions de color de text, mida del text, subratllat, negreta, cursiva, etc. (les que us doni la gana, no cal que feu les mateixes que he fet jo en el meu fragment perquè tinguéssiu un exemple)
• Afegiu-hi l'etiqueta del vostre nom a les etiquetes de la notícia.
• Guardeu tots els canvis i publiqueu la notícia amb les modificacions.
• Feu un comentari a aquesta mateixa notícia indicant que ja heu fet els deures.
• Quan rebeu el correu indicant que una "novatilla" ha fet els deures, feu-hi un altre comentari per fomentar el feedback i el bon rotllo entre les "novatilles".

TEXTOS ASSIGNATS:

ELADI: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

CARME: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

ROSA: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

ANNA: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

YUNI: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

PIETAT: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

TERESA: Tradicionalment s'anomenava aprenent aquella persona que es formava en algun art o ofici. Durant les edats medieval i moderna prèviament calia haver estat aprenent per tal que després es pogués tenir un taller propi i per exercir de mestre artesà. Avui dia l'aprenentatge en el cicles de formació professional per a oficis diversos es fa amb la figura del becari per fer pràctiques d'estudis d'un nivell superior. El terme també s'utilitza de vegades per referir-se a un novell, un principiant.

02.- Crear una notícia

QUÈ HEM DE FER PER CREAR UNA NOTÍCIA?
Aquest tutorial us ho ensenya pas a pas amb imatges, per tant si voleu anar-lo tenint de referència necessiteu tenir dues pestanyes obertes del navegador.
Una en que s'hi quedi sempre visible aquesta notícia .
Una altra en la que anireu fent els passos que aquí s'ensenyen. Per obrir una segona pestanya podeu anar al menú "Fitxer - Obrir pestanya", "Archivo - Nueva pestaña" o alguna cosa així.

1.- Anem al bloc "novatilles.blogspot.com". A dalt de tot a la dreta, cliquem a l'opció "Entra-hi"

2.- Ens enviarà a una altra pàgina on ens demanarà posar un correu electrònic i una contrasenya per acreditar que estem autoritzats a remenar dintre del bloc.
CORREU ELECTRÒNIC: ............
CONTRASENYA: .........
(són els mateixos que utilitzarem pel bloc de Cicle Mitjà)
Després cliquem a "Inici de sessió"

 3.- Quan hem entrat dins de l'administració del bloc, veiem que hi ha 2 blocs: "novatilles" i "Cicle Mitjà". Ara cliquem a "novatilles"

4.- Per començar una notícia nova hem de clicar al botó que aquí teniu destacat, la icona del llapis.

 5.- Ens canvia la pantalla i hem de fer els següents passos.

1. Escriure quin serà el títol de la notícia
2. Escriure el contingut de la notícia

Ens faltarà posar-li "etiquetes", però en qualsevol moment podem clicar els botons:
     3. "Desa", ens permet guardar el que hem fet fins el moment, però no ho publica a internet
         "Publica", publica a internet el que hem escrit
         "Previsualitza", podem veure com quedarà publicat sense que quedi publicat. S'obre en una nova pestanya del navegador que després podem tancar.

6.- Quan ja tenim la notícia redactada i amb un títol, toca posar-li les ETIQUETES. Això és important per després poder-les buscar. en el bloc de cicle mitjà tenim vàries etiquetes com "Excursions", "Projecte", "Expressió escrita", "Plàstica", "Festes"...

En el nostre curset també posarem etiquetes.

7.- A l'espai "1" podem afegir nous noms d'etiquetes que mai no s'hagin utilitzat.
A l'espai "2" tenim les etiquetes que ja s'han utilitzat altres vegades i llavors només cal clicar-les per utilitzar-les.
Sempre utilitzarem l'etiqueta "curset" i cadascú afegirà l'etiqueta del seu nom (Carme, Rosa, Yuni, Anna, Pietat)

8.- Quan la notícia ja té títol, contingut i etiquetes, cliquem al botó "Publica" i anirem a parar a una pantalla com aquesta on podrem veure totes les notícies que tenim redactades.
Si volem veure com han quedat cliquem a "Visualitza el bloc".
Si volem sortir, hem de clicar la fletxeta que hi ha a dalt a la dreta on diu "Cicle Mitjà Oms i de Prat"

9.-Per sortir hem de clicar a l'opció "Surt".
Si ens oblidem de fer aquest pas, qualsevol persona que vingui després de nosaltres al mateix ordinador podria entrar-hi i porquejar tot el que volgués del nostre bloc perquè trobaria "la porta oberta", ja que no hauríem "tancat" la contrasenya.

EXERCICI: 

Creeu una notícia. Pot ser ben petita, però no oblideu que tingui títol i etiquetes.
Al títol hi ha de sortir el vostre nom, per exemple "Notícia de la Carme".
Li heu de posar dues etiquetes: "curset" i la del vostre nom (que primer haureu de crear).
Aquesta feina és més difícil i per tant deixarem més dies de coll per fer-la. La manera de saber que l'heu feta és posar un comentari a aquesta notícia, anunciant-nos que ja heu creat la vostra notícia. Un cop sapiguem que una "novatilla" ha creat la seva primera notícia, tots hem d'anar corrent a mirar-la i posar-li un comentari per animar-la i felicitar-la.

Si no enteneu alguna cosa podeu demanar hora de tutoria al meu correu: 

emarti12@xtec.cat

Sort!!