Practicamapa_alu.pdf

Pràctica 4. Crear mapas 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 marcam l’opció “esquinas redondeadas” Aplicam el filtre luces y sombrassombra arrojada. Configuram la sombra: color, etc. i la dessam 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. Per inserir un fons a un cmap pitjam sobre Camps a la finestra “mostrar estilos” i després sobre l’icona que té un paissatge. Una vegada inserit el fons cream el següent esquema: 1.c. En acabar l’exportam com a imatge i el dessam com a jpg (a la carpeta web). A la finestra de dessar hi ha un botó “opciones” hi podem canviar l’escala, la resolución i la qualitat del mapa. És millor que l’escala sigui al 100% (tamany real). També el dessarem com a cmpa, per si un cas. 2. Obrim amb el gimp el mapa conceptual creat amb Cmaptools i dessat com a jpg i l’escalam 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. L’exportam a la carpeta web. 2.b. Creació del mapa sensible. Obre el filtre web!mapa d’imatge. Per fer l’enllaç emprar una de les eines de selecció, seleccionam la paraula o concepte que volem que enllaci i ens surtirà un quadre a on hem de triar l’enllaç que volem, seleccionam l’arxiu (l’enllaç es troba a la carpeta exportada amb l’eXe) i dessam. Nota: el tipus d’arxiu ha d’esser “otros” encara que al seleccionar-­‐lo desde l’icona carpeta es posa directamente aquesta opció. Una vegada fets tots els enllaços dessam 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). 3. Obrim l’exe i anam a contenidos 3.a. Inserim un iDevice “texto libre” 3.b. Ficam l’imatge esquema_vc.jpg dins la carpeta exportada. 3.c. Inserim l’imatge a la pàgina “contenidos” 3.d. Obrim l’arxiu esquema_vc.jpg.map (és un arxiu txt) Copiam el codi html des de després de les dimensions 3.e. Obrim el codi html de la pàgina “contenidos” i inserim el text copiat 3.f. Guardam els canvis i exportam.