practica_mapa_sensible.pdf

TECNOLOGIA EDUCATIVA II
Curs 2010-11
Edició d’imatges amb Gimp
Pràctica 4. Crear mapes sensibles
Gimp disposa d’un filtre que de forma ràpida i fàcil crea un mapa interactiu a
partir d’una imatge per al nostre lloc web. Prèviament hem de disposar de la
imatge on crearem el mapa. Aquest filtre funciona sobre la capa activa i es
convenient que tinguem una imatge aplanada per treballar amb el filtre.
1. En primer lloc crearem l’esquema amb cmaptools.
1.a. Peró abans crearem un fons amb el gimp per inserir-lo a l’esquema.
Cream un document de 800x600.
Seleccionam l’eina rectangle i a les propietats marquem l’opció “esquinas
redondeadas”
Apliquem el filtre luces y sombrassombra arrojada. Configuram la sombra:
color, etc. i la desem amb el nom fondo_mapa.jpg.
1.b. Obrim el cmaptools i inserim el fons. Per poder inserir-lo l’haurem de copiar
a la carpeta mycmaps
Creem el següent esquema:
1.c. L’exportem com a imatge i el desem com a jpg (a la carpeta web). A la
finestra de desar hi ha un botó “opciones” hi podem canviar l’escala, la
resolució i la qualitat del mapa. És millor que l’escala sigui al 100% (tamany
real)
2. Obrim amb el gimp el mapa conceptual creat amb Cmaptools i dessat com a
jpg i l’escalem a un tamany de 800x600.
2.a. Abans de crear el mapa hauríem d’exportar lo que tenim d’exe perque
després funcionin els enllaços correctament.
2.b. Creació del mapa interactiu. Obre el filtre web mapa d’imatge.
Per fer l’enllaç emprar una de les eines de selecció, seleccionem la paraula o
concepte que volem que enllaci i ens sortirà un quadre a on hem de triar l’enllaç
que volem, seleccionem l’arxiu (l’enllaç es troba a la carpeta exportada amb
l’eXe) i desem.
Nota: el tipus d’arxiu ha d’esser “otros” encara que al seleccionar-lo des de
l’icona carpeta es posa directament aquesta opció.
Una vegada fets tots els enllaços desem el mapa a la Nostra carpeta. Fixar-se
que l’arxiu té un format *.map (aquest arxiu l’haurem d’obrir amb l’editor de text,
conté el codi HTML que inserirem a la pàgina a l’eXe).