html - mapa d'imatges pas a pas
TRANSCRIPT
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