diumenge, 29 de novembre del 2009
CREACIÓ D'EXERCICIS
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, Clic, HotPotatoes, JavaScript
dissabte, 28 de novembre del 2009
1. HOT POTATOES
JCloze: omplir epais buits
JQuiz: questionari
JMatch: aprerellar
JCross: mots ecreuats
JMix: reordenar
TheMasher: organitzador
Hi ha tres passos fonamentals per elaborar l'exercici

Per poder visualitzar el nostre fitxer hotpotatoes en el blogger, haurem de crear-nos una pàgina web en un servidor, pujar-hi el fitxer i des del blog, cridar-lo. Anem per passos:

Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: HotPotatoes, JavaScript, xtec
divendres, 27 de novembre del 2009
2. HOT POTATOES: JCLOZE
També s'inclou puntuació automàtica.

Un cop hem acabat de personalitzar, el guardarem en format .htm, l'adequat per penjar-o a la web Aquesta opció també ens permetra visualitzar el nostre exercici tal com quedarà.Servidor:http://www.webgarden.es/
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, HotPotatoes, slideshare, xtec
dijous, 26 de novembre del 2009
CANVIAR ELS LINKS DE LES PESTANYES
ESTRUCTURA
Per aconseguir que el meu blog tingui interactivitat, és a dir, que mitjançant les pestanyes pugui accedir a altres espais personals, hauré de crear tants blogs com pestanyes tingui. Per exemple:
Inici: d'introducció al meu espai. Hi poso les novetats i on es poden trobar....
Continguts: Part més teòrica
Tutorials: Part més procedimental de l'aprenentatge
Imaginart: Espai per Batxillerat
Animat: Espai per l'ESO
Cada u d'aquests blogs generarà la seva pròpia adreça, que més endavant col·locaré en el codi
ENLLAÇ: MODIFICACIÓ DE L'HTML
Per canviar el nom de les pestanyes i els links, haurem de modificar el codi HTML.
Abans de tot, guardarem el nostre blog: Anirem a CONFIGURACIÓ / EDICIÓ / IMPORTAR. Guardarem el blog al nostre disc dur. D'aquesta manera, si fem alguna errada en el codi, podrem recuperar la nostra feina.
Ara, anirem a FORMAT / i accedirem al codi HTML. Hem d'anar molt en compte de no borrar cap etiqueta ni símbol. L'etiqueta és una ordre que va entre cometes.
Dins el codi HTML de la plantilla podem veure com s'han definit tots els estils, tant de text, situació, format,colors..... No roqueu res!!!!
Cap a la part final heu de trobar una etiqueta que es diu HEAD, seguida de BODY. Ara ja podeu començar a observar detingudament el codi.
Aviat trobareu aquesta informació:
ul /li: fa referència a files i columnes
a href: ens fa un link a una altra pàgina
b: indica que la primera lletra serà negreta. Posem la incial i tanquem amb una altre etiqueta b
acabem de posar el nom que volem que es visualitzi en la nostra entrada.
a: tanca l'ordre de l'enllaç
li: tanca la fila
A continuació podeu veure el text HTML original, amb els elements que jo canviaré en vermell. A sota, com quedarà modificat.
Head
És fàcil d'entedre que hauré de modificar el codi de tots els meus blogs: els noms de les pestanyes i els links, de manera que l'aplicació em permeti navega d'un espai a l'altre.
Publicat per Rosa Muncunill 0 comentaris
3. HOT POTATOES: JMATCH
TUTORIAL DE HOT POTATOES JMATCH
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, HotPotatoes
dimecres, 25 de novembre del 2009
4. HOT POTATOES: JCROSS
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, HotPotatoes, widgets
dimarts, 24 de novembre del 2009
5. HOT POTATOES: JMIX
JMix crea exercicis de reconstrucció de frases o paràgrafs a partir de paraules desordenades. Podem especificar tantes respostes correctes diferents com volguem. També podem treballar amb els signes de puntuació. També podem incloure un botó que ajudi a l'estudiant
TUTORIAL DE JMIX
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, etiquetes, HotPotatoes, HTML
dilluns, 23 de novembre del 2009
6. HOT POTATOES: JQUIZ
TUTORIAL DE JQUIZ
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, HotPotatoes, tutorial, web
diumenge, 22 de novembre del 2009
HOT PATATOES: THE MASHER
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: HotPotatoes
PODCAST

Publicat per Rosa Muncunill 0 comentaris
dissabte, 21 de novembre del 2009
SLIDESHARE
CARACTERÍSTIQUES D' SLIDESHARE
Slideshare és un espai gratuït on els usuaris poden enviar presentacions PowerPoint o OpenOffice i que, d'aquesta manera queden amagatzemades en format Flash per poder-les visualitzar online. És una opció molt interessant per compartir presentacions en la red.
Admet fins 20 Mb de pes, sense transicions entre diapositives.
Un cop pujada i procesada, les converteix en format flash i ja la tenim disponible a través d'una adreça pública, sense privacitat. També podem compartir-la per correu electrònic, o ubicar-ho en la nostra pàgina web
L'adreça d'allotjament és www.slideshare.net
EXEMPLE D'UN POWERPOINT
IMATGES
TUTORIAL PER CREAR UN ESPAI A SLIDESHARE
Trobareu un tutorial detallat d'Slideshare en la primera part del curs, quan es van treballar aplicacions Web2.1
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: slideshare, tutorial, youtube
divendres, 20 de novembre del 2009
PICASA
CARACTERÍSTIQUES DE PICASA
Picasa és un programa de descàrrega gratuïta de Google i que ens permet:
• Localitzar i organitzar totes les fotos del nostre equip.
• Podem editar i afegir efectes a les fotos d'una manera senzilla.
• Ens permet compartir les nostres fotos amb altres usuaris, mitjançant correu electrònic.
• Crear àlbums i etiquetes.
• Retocar i editar les fotos.
• Compartir les imatges amb els nostres amics.
• Fer-ne còpies
INSTAL·LACIÓ DE PICASA Y CREACIÓ D'UN ÀLBUM
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, picasa, plantilla, widgets
divendres, 30 d’octubre del 2009
1. FEM UN BLOG AMB BLOGGER
1. Anirem a Google i cercarem Blogger
2. Seleccionarem l'entrada "Blogger: Crea el teu blog gratuït"

Seria bo crear-nos un compte de correu electrònic a gmail
Haurem de seguir tres passos:
- Crear un compte pel blogger
- Assignar un nom al blog
- Seleccionar una plantilla
5. Introduirem la contrasenya. Se'ns notificarà la seva viabilitat i seguretat.
6. El nom amb que volem signar els nostres escrits, articles, comentaris...
7. Haurem de verificar les paraules que apareixen en la configuració. D'aquesta manera confirmen que no som un "Spam" (programes que poden crear, de manera automàtica, blogs)
8. Finalment, acceptem els termes del servei i, continuem
9. Assignarem un nom al blog 10. Donarem nom al blog, és a dir, la direcció que apareixerà com a títol. És bo que coincideixin les dues. També en buscarem la disponibilitat. (els noms no accepten caràcters especials: ñ, ç...)
11. Verificarem les paraules que ens mostra el programe (pels spams). Si ni tenim cap blog creat, no ens calen les "opcions avancades".
... i continuem

12. Escollirem una plantilla qualsevol, ja que posteriorment, si no ens agrada, podem modificar-la.13. Un cop creat el blog, ja podem començar a escriure entrades, modificar-ne el disseny o crear el nostre perfil personal.
Si comencem a escriure un missatge, haurem de tenir en compte que el títol, les imatges i el text han de contenir paraules clau: "etiquetes". Més endavant veurem que fan els buscadors.
14. Modificació de la plantilla: Anirem a FORMAT/ MODIFICAR HTML15.Podem restaurar la plantilla si l'hem guardada amb anterioritat
16. Abans de modificar la plantilla, en podem fer una còpia.17. Amb les opcions "NAVEGA" i "CARREGA" canviarem la nostra plantilla.
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, correu electrònic, etiquetes, Google, HTML, plantilla, Spam
dijous, 29 d’octubre del 2009
2. COM FER UN BLOG
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Canal de porterazo29, youtube
dimecres, 28 d’octubre del 2009
3. NOVA PLANTILLA
1. Anirem a Google i buscarem "plantillas de blogger", bTemplates.com (hi ha molta informació). És important que s'adaptin a Blogger.
3. La descarregarem i guardarem en la nostra carpeta: clicarem sobre DOWNLOAD
4. Trobarem les plantilles comprimides amb .zip. Dins la carpeta trobarem dos arxius:
- Un de text
- L'altre, .xml, que és el que carregaren en la pastanya de navegació.
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: Blogger, bTemplates, Google, HTML, Navegació, plantillas de blogger
dimarts, 27 d’octubre del 2009
4. CREAR UN ENLLAÇ AMB UNA ALTRA PÀGINA
Podem crear un enllaç o hipervincle amb una altra pàgina web a partir d'una imatge o una paraula
A. Des d'una paraula:
- Seleccionem la paraula amb la que volem fer l'enllaç
- Polsarem l'icona enllaç o "link"de l'editor de text.
- Obrim la pagina web que volem enllaçar i copien l'adreça "http..." amb Ctrol+C
- Inserim l'adreça en la pestanya que obra l'enllaç.
- Ja hem creat el vincle. Publiquem el missatge i visualitzen.
- Seleccionem la imatge. Apareixeran els botons de selecció
- I fem el mateix procés que amb el text.
- Polsarem l'icona enllaç o "link"de l'editor de text.
- Obrim la pagina web que volem enllaçar i copien l'adreça "http..." amb Ctrol+C
- Inserim l'adreça en la pestanya que obra l'enllaç.
- Ja hem creat el vincle. Publiquem el missatge i visualitzen.
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: hipervincle, link
dilluns, 26 d’octubre del 2009
5. INSERTAR VÍDEO AMB YOUTUBE
Podem insertar un vídeo de YouTube en el cos central del blog, enmig de qualsevol text, o en el menú contextual de la dreta, com a gadget.
- Obrirem YouTube i buscarem el video que ens interessa.
- En la part dreta , al costat del vídeo, veurem la pestanya "Insertar" que conté el codi que inserirem al nostre blog.
- Seleccionarem i copiarem el codi amb Ctrol+C
- Anirem a Format / Elements de pàgina / Afegeix un gadget
- Seleccionarem HTML / JavaScript
- I enganxaren el codi amb Ctrol+V
- En la part superior podem posar el títol indicatiu.
- Guardem i visualitzem.
- Anirem a Enviaments de missatges / Nova entrada.
- Obrirem la pestanya Redacta i escriuem el text. Per fer proves va molt be utilitzar el generador de text en llatí, Loren Ipsum Generator
- Quan estigui complert, anirem a la pestanya Modifica HTML
- Si volem visualitzar el vídeo a la part superior o inferior del text, inserirem directament el codi al principi o al final, amb Ctrol+C
- Si el volem al mig del text, l'inserirem després de cada paràgraf i un cop visualitzem l'etiqueta /div
- L'etiqueta div i /div obra paràgraf i el tanca. És molt important respectar el llenguatge HTML. Una petita errada farà que no es visualitzi el nostre blog.
- Guardem, publicarem i visualitzarem el missatge
- Quan redactem el text, escriurem la paraula "vídeo" .
- Anem a Modificar HTML i busquem la paraula "video". La seleccionem i, amb Ctrol+C copiem el codi.
- També podem modificar els paràmetres de còdi per variar les mesures del vídeo: per exemple, variant les mesures de "height" i "width" a 200px.
Publicat per Rosa Muncunill 0 comentaris
Etiquetes de comentaris: HTML, JavaScript, Loren Ipsum Generator, youtube





























