8/18/2019 HTML - Mapa d'Imatges Pas a Pas

http://slidepdf.com/reader/full/html-mapa-dimatges-pas-a-pas 1/1

HTML – Mapes d'imatge

Per crear mapes d'imatge utilitzarem el Gimp. Els passos a seguir són els següents:

1. Guardar la imatge en una carpeta.

2. Obrir la imatge amb el GIMP.

3. Anar a Filtres → Web → Mapa d'imatge. ortir! la "inestra #ue $i $a a l'imatge.

4. %ent ser&ir les eines de

l'es#uerra #uadrat( cercle ipol)gon* $em d'anar

seleccionant cada una de lesparts de la imatge #ue &olem

enlla+ar.

5. ,uan tinguem una "iguraseleccionada aparei-er! una

"inestra com la #ue es &eu a

continuació. al posar/$il'enlla+ i apretar 0'acord.

1ecorda #ue si l'enlla+ 2s a unap!gina #ue estigui a la matei-a carpeta s'$a de

marcar la casella 3Enlla+ relatiu4.

6. 1epetim l'operació per cada part #ue &olem #ue

contingui un enlla+.

7. ,uan 5a $em acabat $em de guardar el "it-er i

obrir/lo amb el Bloc de notes.

8. 0es del 6loc de notes $em de can&iar el nom del

"it-er pel #ue t2 en realitat( com podeu &eure asota.

9. opia tot el codi( i engan-a'l amb el 6luegri""on o

el 7ompozer des del men8  Insertar  → Codi

 HTML.

10. al desar la p!gina 9eb a la matei-a carpeta #ue la

imatge.

 Pas 3

 Pas 5

Pas8