jueves, 16 de diciembre de 2010

BON NADAL I BONES FESTES





Fes clic ací i trobaràs molts gifs per a crear-te en el teu blog una entrada nadalenca.

domingo, 28 de noviembre de 2010

Creació d'un banner

Anem a crear un banner per al nostre blog, però abans hem de saber què és. Podem definir-ho com una imatge gràfica usada en les pàgines web per a anunciar qualsevol tipus de producte o servei o el que se t'ocórrega.

El recurs web que anem a utilitzar ho trobéssiu fent clic en la següent imatge.


L'activitat consistirà a crear un banner que anuncie les cinc coses que t'agradaria fer aquestes vacances de nadal. Constarà d'almenys sis diapositives, una per a la portada i, almenys, una per a cada cosa que vas fer.
Posa a prova la teua imaginació.

Control a la vista



En l'última classe de la setmana passada vam estar fent un repàs de tot el que entrava en l'examen. Per als més despistats, ací teniu diversos enllaços per a poder repassar:
                maquinari: bloc de Claudia
                perifèrics: blocs de Lourdes i Enea
                memòria RAM i ROM: blocs de Dario i Oscar, i Neus i Esperanza
                disc dur: bloc de Sandra
                programari: bloc de Alejandro


martes, 19 de octubre de 2010

Engrandir imatge en passar el cursor

Per a fer l'efecte, pegarem el següent códi en el lloc que vulguem que es mostre la nostra imatge en una entrada (en la pestanya  Edicion HTML, i no en Redactar)
 
<img onmouseout="this.width=200;this.height=150;" onmouseover="this.width=400;this.height=300;" src="URL de la imagen"/>

Recorda: width és l'ample i height és l'alt.
 
Canvis a realitzar:
  • En URL de la imatge, posar la ruta de la imatge(en la seua grandària normal).
  • Els width i height que estan en color verd són l'ample i alt de la imatge en grandària xicoteta.
  • I els width i height que estan en color roig són les mesures a les quals es va engrandir la imatge en passar el cursor.

martes, 12 de octubre de 2010

Fletxes anar a dalt i a baix

Els botons de Pujar i Baixar faciliten l'accés al contingut de la pàgina, sobretot quan en la pàgina principal hi ha moltes entrades o quan una entrada té massa comentaris.
La forma simple d'afegir-les és la següent:

Entra en Disseny > Edició d'HTML i abans de </body> pega el següent:

 
<a href='#'><img border='0' style='position:fixed; top:0; right:0;' src='URL de la imatge' title="Anar a dalt" /></a>
<a href='#GoDown'><img border='0' style='position:fixed; bottom:0; right:0;' src='URL de la imatge' title="Anar a baix" /></a><a name='GoDown'/>

Canvia la URL de la imatge on s'indica(text que apareix en roig); el primer codi correspon al botó d'Anar A dalt, el segon al d'Anar A baix.


Recorda, aquestes sentències van just damunt de </body>, i també que amb la combinació de tecles CTRL+F pots cercar el codi molt més ràpid.

 
Trobaràs fletxes en:

martes, 14 de septiembre de 2010

Què és un bloc?

Un bloc, també anomenat weblog o bitàcola, és un lloc web que recopila cronològicament articles o textos d'un o més autors, apareguent primer el més recent.

Un bloc està dissenyat per a que, com a un diari, cada article tingui data de publicació, de tal forma que la persona que escriu (blocaire o bloguista) i les que llegeixen poden seguir un camí de tot el que s'ha publicat i editat.
En cada missatge o article d'un bloc els lectors poden escriure comentaris (si l'autor ho permet) i aquest, al seu torn, donar-los resposta. Cada bloc té el seu propi tema i n'hi ha de tipus personal, econòmic, periodístic, tecnològic, educatiu, polític, etc.
El concepte de bloc existeix des dels principis d'Internet. Tim Berners Lee, l'inventor de la web, tenia una pàgina on incloïa els nous llocs web que s'anaven creant i feia un comentari sobre cadascun; però el primer weblog com a tal Scripting News va néixer el 7 d'octubre de 1994, de la mà de Dave Winer.

Font: Viquipèdia

Crear un bloc amb Blogger


1er pas. Crear un compte a Google.
Blogger ens permet crear un bloc en només 3 passos molt setzills.
El primer pas només és necessari si no tenim un compte a Google (tot i que no és necessari tindre'n un compte a Gmail per poder crear un bloc, si que és recomanable per tal de accedir a totes les seues ferramentes del Web.

Ens demana:
  1. Un compte de correu electrònic existent,
  2. Una contrasenya,
  3. El nom que apareixerà com autor del bloc i dels articles, pot ser un nickname.
  4. Una verificació, que consisteix en escriure unes lletres que apareixen en una imatge menuda (s'utilitza per evitar la creació automàtica de comptes).
  5. i per últim, activar la casella d'acceptació de les condicions (convé sempre llegir-les!).
2on pas. Assignar-li un nom al bloc

Introduirem el nom del bloc que volem crear, què més endavant podrem canviar i li assignarem una adreça web que ja serà fixa i no podrem canviar. L'adreça web ha de ser curta i fàcil, i no ha de contindre accents ni apòstrofs.

Quedaria algo així: http://nomdelbloc.blogspot.com

On nom del bloc és el nom que heu triat vosaltres i que no es pot canviar una volta creat.

Ara comprovaríem la disponibilitat del nom, per si cap altre usuari ja l'haguera triat prèviament. Si no fos així, ja ho tindríem llest.

3er pas. Escollir la plantilla

En aquest pas, escollirem el disseny general del nostre bloc, és a dir, l'aspecte que volem que tinga, tot i que, més endavant també podrem canviar l'aspecte general i personalitzar-lo al nostre gust.

I despres d'aquest pas, ja tindriem creat el nostre bloc i podrem començar a escriure noves entrades o missatges.

Accedir al nou bloc

  • La forma més setzilla d'accedir al teu nou bloc, és anar a la pàgina principal de Blogger i ahí ens demana el nom d'usuari i la contrassenya, al clicar en inicia la sessió ens porta directament al panell de control del bloc.

  • L'altra manera d'accedir al nostre bloc, és escrivint la URL del bloc, és a dir, l'adreça web sencera del bloc (http://nomdelbloc.blogspot.com) i a la part superior de la pàgina ens apareix també una casella per al nom d'usuari i contrasenya d'accés al nostre bloc.

Panell de control

CONFIGURACIÓ DEL BLOC


Una volta ja tenim el bloc creat i accedim a ell per primera volta, la primera pantalla que ens ix és aquesta, que ens dona accés a la part privada o d'administració del bloc on només amb usuari i contrassenya es pot modificar.
A la imatge podeu vore que un mateix usuari pot tindre un o més blocs amb el mateix compte a blogger, i des d'aquesta pantalla els podem gestionar tots i també crear-ne de nous.

Al panell de control també apareixen les següents opcions:
  • Nova entrada: per a escriure un nou article o entrada al bloc.
  • Editar els missatges: per fer modificacions sobre aquelles entrades que ja hem escrit anteriorment.
  • Configuració: per tal de personalitzar el bloc al nostre gust.
  • Format: Per modificar el format o disseny del bloc, o escollir altre que ens agrade més.
  • Mostra el bloc: Per visulalitzar el que tenim publicat fins el moment.
I a més a més, també podem modificar el nostre perfil, la nostra foto, i altres dades que podem escollir o no, mostrar-les.

Configuració de les opcions

Si la opció escollida és Configuració del panell de control, el que ens trobarem és el següent:



On podem vore que hi ha diverses opcions per tal de personalitzar el nostre bloc, començant amb la primera opció:

Bàsic:
  • Titol: per canviar el títol del bloc.
  • NegretaDescripció: per fer una xicoteta descripció del bloc, que apareixerà en la capçalera del bloc.
  • Vols afegir el bloc a les llistes? recomanable.
  • .... i varies qüestions més!

Editorial: Per canviar a un domini personalitzat.

Formatació: Ací podem canviar el format de la data, l'hora i la zona horaria, l'idioma, i volem que es mostre al bloc.

Comentaris: en aquesta secció es configuren els comentaris que la gent pot fer al nostre bloc, si volem que en puguen fer i si volem que es mostren o no.

Arxivament: Establirem ací la freqüencia en la que volem que les entrades publicades es mostren al lateral del bloc.

Canal del lloc web: Per difondre el contingut dels missatges, o només una part.

Correu electrònic i mòbil: per fer l'enviament de missatges-e o al mòbil quan es publique una entrada.

Permissos: Per afegir nous autors al bloc, per convertir-lo en un bloc col.lectiu, i també per definir lectors del bloc.

Començar a escriure al teu bloc

Una volta ja has accedit amb el teu usuari i contrasenya, apareix el teu escriptori a Blogger on pots gestionar els teus blocs (si tens més d'un).

Per començar a escriure entrades o missatges (com diu Blogger) al teu bloc has de fer clic al botó NOVA ENTRADA i apareix la següent pantalla:



Hauràs d'escriure un titol al teu missatge que eixirà com a capçalera del missatge, i donar-li un format al text (si cal) i per publicar el missatge, fer clic a PUBLICA UN MISSATGE.
Després, per comprovar com ha quedat el nostre missatge, anirem al nostre bloc i el visualitzarem, fent clic a Mostra el bloc.

Inserir video de youtube a Blogger

Per tal d'inserir un video de youtube al vostre bloc de Blogger heu de fer el següent:

  • Crea una nova entrada o nou missatge al teu bloc.
  • Vés al mode Enviament de missatges, pestanya superior esquerra.
  • Tria Crear i després escriu com a Títol: Vídeos de (el tema que vulgues).
  • Cerca al YouTube, en una nova pestanya de Firefox un vídeo del tema que has escollit.
Quan t’aparega, el visualitzes i només cal que segueixis els següents passos:
  1. A la part de la dreta del vídeo observa que t’apareixen dues etiquetes: URL i Insertar. Copia el codi de l’etiqueta "Insertar", amb el botó dret del ratolí (selecciona el codi + clic al botó de la dreta + copiar).
  2. Torna al teu bloc, a l'escrit que estaves creant.
  3. Activa la pestanya Modificar Html.
  4. En aquesta finestreta enganxa el codi (botó dret ratolí + enganxar) que fa un moment has copiat.
  5. Fes una visualització prèvia per veure si apareix el vídeo correctament.
O també tens l'opció de visualitzar el següent video que ho explica prou bé:

Creació de logos amb Cool Text


Hi han moltes ferramentes per crear i editar botons per a una pàgina web o bloc.
En aquesta web: http://cooltext.com/ pots crear els teus logos i botons molt fàcilment.

Entra-hi i fes la prova.

Després per tal d'inserir els teus logos, has de anar a nova entrada, i després anar al botó inserir imatge que hi ha a la part superior del editor de missatges.

Post it al teu bloc

Si voleu posar un nota semblant a un post-it en paper al teu bloc, entra a la següent pàgina POST IT i fes la prova tu mateix.



Passar les teues imatges digitals a polaroid


Ves a la següent pàgina web i comprova tu mateix com pots passar les imatges digitals a format semblant a Polaroid en la que pots incloure un text a peu de foto.

Incloure Gadgets o ginys

Gadgets
Un bloc ben fet inclou una sèrie d'afegits que li donen qualitat. Els més habituals són una llista d'enllaços, un índex de les teues entrades, vídeos, presentacions digitals... Normalment això és difícil de fer en una pàgina Web, però Blogger ho té resolt mitjançant afegits, gadgets o ginys.
Els Gadgets no estan en Enviament de Missatges. Heu d'anar a la pestanya Format, que es troba a la dreta d'Enviament de Missatges.
Exercici 1. Afegeix llista d'enllaços a la barra lateral

Normalment un bloc, posa la llista d'enllaços a les pàgines que el seu creador/a considera interessants. On posa Afegeix un gadget clica i escull Llista d'enllaços.
En una finestra independent del Firefox, vés (d'una en una) a les 5 pàgines Web que utilitzis més.
Per vore com es fa pas a pas, fes clic ací.
Títol: Enllaços
URL: Enganxa l'adreça web de la teva primera pàgina (Ex http://blogs.escolagavina.com/400colps/)
Nom del lloc: Posa un nom curt que tingui a veure (Exemple: 400colps)
Cada volta que omplis la URL i el nom del lloc, clica a Afegeix un enllaç i així fins haver afegit tots els enllaços.
Finalment fes clic a Publica.
Exercici 2. Arxiu del bloc
Quan tens un munt de missatges resulta difícil trobar-los. Per això hi ha afegit un gadget que posa "Arxiu del bloc". Posa'l al damunt de la llista d'enllaços i posa el gadget d'arxiu bloc dalt del gadget "Seguidors".
Exercici 3. Presentacions
Mira el tutorial de Slideshare que explica com posar una presentació al bloc. Intenta posar una presentació teua de powerpoint o un arxiu pdf al teu bloc.
Exercici 4. Canviar la configuració del bloc
Dins de les pestanyes Configuració i Format hi ha moltes opcions. Podeu fer que el vostre bloc siga visible només a qui vulgueu, que es puguen deixar comentaris o no al vostre bloc, canviar totalment l'aparença i afegir un munt de gadgets més. En aquest bloc hi ha afegits un diccionari, un servidor de notícies i una agenda, però en Afegeix un gadget n'hi ha milers. Això sí, la majoria en anglès.

Afegir una llista d'enllaços al bloc

En un bloc, com a espai obert i en continua transformació i interactivitat, interessa tenir, a banda del llistat de les publicacions que es van fent, alguns enllaços als llocs web o espais web de referència, sempre en funció de la temàtica del bloc.

Així, doncs, donat que afavorirà la navegació i interacció ràpida, serà pràctic comptar a la barra lateral del nostre bloc amb un llistat d'enllaços.

Si la plantilla que hem triat no inclou aquest element, haurem d'incorporar-lo, anant al menú format, un cop hem accedit a la interfície d'edició del bloc. Per a accedir a la interfície d'edició ho podem fer clicant a l'enllaç Entra-hi, Personalitza-la o Accedeix (l'opció que apareix en cada cas depèn de la plantilla triada), a la barra de navegació superior, dins el bloc.

  • Clicant a Format ens adonarem si aquest llistat hi és o no.
  • En el cas de que hi sigui, l'haurem d'incorporar clicant a l'enllaç "Afegeix un gadget". Cercarem, a la finestra emergent, el gadget anomenat "Llista d'enllaços".

  • Un cop incorporat, cas que ni fos, o bé localitzat, clicarem a Edita.

A la finestra que s'acaba d'obrir caldrà emplenar els camps següents:

  • Títol. Aquest camp no cal emplenar-lo donat que és el títol que apareixerà al davant del llistat dels enllaços.

  • Nombre d'enllaços que es mostraran a la llista. Si el deixem sense emplenar mostrarà tot el llistat. Si concretem un nombre d'enllaços, per exemple cinc, i el llistat incorpora vuit enllaços, la interfície del blog ens mostrarà els cinc primers i deixarà tres enllaços sense mostrar que es podran descobrir clicant en un botó de navegació ( Més ...).

  • Ordenació. Estableix com apareixerà l'ordenació del llistat dels enllaços. Hi haurà tres possibilitats: No ordenar, Ordenar alfabèticament i Ordenar alfabèticament en ordre invers. Cada opció serà interessant sempre en funció de com siguin els enllaços: si tots tenen una mateixa significació, per contingut o interès respecte del contingut del blog, el criteri més adient serà potser fer-ho de manera alfabètica, però si hi ha enllaços als qual volem donar prioritat, aleshores serà més convenient triar No ordenar.

  • URL del lloc nou. Contindrà l'adreça URL de l'espai web al qual volem enllaçar.

  • Nom del lloc nou. Serà el nom pel qual sortirà identificat l'enllaç a la interfície del bloc.


Val a dir que sempre que es faci una navegació a partir d'un enllaç d'aquest llistat d'enllaços, la nova plana o espai web s'obrirà en una nova finestra.

  • Clicarem a "Afegeix un enllaç" que apareixerà dins el llistat d'aquesta mateixa finestra.


Si hem triat com a criteri d'ordenació No ordenar, aleshores amb les fletxes de pujar i baixar que hi ha als costat de cada enllaç podrem fer la nostra particular ordenació.

  • Clicant a Desa incorporarem el nou element ("gadget") o desarem els canvis de la nostra edició.

  • Clicant a Mostra el bloc podrem comprovar els canvis fets.

  • Per a acabar clicarem a Desa.

Inserir Agenda

Per crear una agenda com aquesta, seguiu les següents indicacions:
  1. Ves al cercador Google.
  2. Cerqueu "Google Calendar" i entreu amb ell vostre nom d'usuari i contrasenya de Gmail
  3. Una volta ja esteu dins, aneu a Configuració-->Calendaris, clica sobre el teu calendari en el marc groc i després copia el codi que està en la secció "Incrusta aquest calendari".
  4. Obre un missatge nou i enganxa el codi (en la pestanya Modifica l'Html).
  5. Fes una visualització prèvia i comprova que pots vore la teua agenda, si és així, desa i publica-la.

ACTIVITAT. Comencem el nostre bloc personal

Fer una taula comparativa, formada per 2 columnes que mostre les avantatges i inconvenients que aporta internet a la societat actual. Anomena aquells inconvenients i perills que veus que hi ha a Internet en la seua interacció social.

Activitat extra

Bé, tots i totes aquelles que aneu més avançades en la creació i edició del vostre bloc, vos propose una activitat extra.

Vull que investigueu i trobeu la manera d'inserir un fòrum al vostre bloc (pot ser ho trobareu com a "Foro").

Bé, haureu de cercar a Internet com fer-ho,.... hi ha blocs i llocs web on ho explica.

Val, a veure qui s'anima??..... i clar està, hi ha nota extra per a qui faça l'activitat!

Endavant

Canviar la plantilla


Com heu vist hi ha moltes pàgines webs on podem trobar plantilles per a personalitzar el nostre bloc, una d'elles és: BTEMPLATES.

  • Per tal de canviar-se la plantilla, hem de descarregar-se-la.
  • Ens baixarem un fitxer comprimit i el guardarem a la nostra carpeta d'Informàtica de 4tESO.
  • Després haurem de descomprimir-lo i agafar el fixter .xml què és el que pujarem a blogger, on?

Bé, abans de pujar-lo a blogger, haurem de fer una còpia de seguretat de la plantilla que tenim ara mateix per si de cas....

Des de l'entorn de Blogger, Anem a:
  • Format, Modifica HTML, i li fem clic a "Baixa la plantilla completa".
  • La guardarem a la nostra carpeta, i ja tenim la còpia de la plantilla.
Ara pujarem la que hem descarregat des de Btemplates:
  • Al mateix lloc on es trobem ( Format, Modifica HTML) fem clic a "Navega" i després, quan ja tenim localitzat el fitxer que volem pujar, fem clic a "Carrega".
  • Li donem a "Desa la plantilla" i mostrem el bloc per vore com ha quedat!
Si no ens agradara com ha quedat i volem tornar a tindre la que teniem abans, només hem de carregar eixe fitxer que hem guardat al nostre ordinador com a còpia de seguretat de la plantilla.

Fer còpia de seguretat del bloc

Seria molt interessant, que tothom tinguera una còpia de seguretat del seu bloc, ....sempre pel que puga passar!
Aleshores, ho fem així:

  • Anem a Configuració,
  • Bàsic,
  • Exporta el bloc.
Ens apareix un missatge que ens diu que és un procediment segur, i fem clic a Baixa el Bloc.


Una volta exportat el bloc, ens fem la còpia de seguretat i la guardem a un lloc segur.