HTML - Mapa d'Imatges Pas a Pas
2
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 → W eb → Mapa d'imatge. ortir! la "inestra #ue $i $a a l'imatge. 4. %ent ser&ir les eines de l'es #u er ra # ua drat( ce rc le i pol)gon* $em d'anar se lecc iona nt ca da una de les pa rt s de la ima tge #ue &o lem enlla+ar. 5. ,uan tinguem una "igura selecciona da aparei -e r! una "i ne st ra com la #u e es &eu a continuació. al posar/$i l'enlla+ i apretar 0'acord. 1ecorda #ue si l'enlla+ 2s a una p!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 a sota. 9. opia tot el codi( i engan-a'l amb el 6luegri""on o el 7o mp ozer de s del me n8 Insertar → Codi HTML. 10. al desar la p!gina 9eb a la matei-a carpeta #ue la imatge. Pas 3 Pas 5 P a s 8
-
Upload
marcgarcia -
Category
Documents
-
view
220 -
download
0
Transcript of HTML - Mapa d'Imatges Pas a Pas
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
