Slikovni zemljevid je slika z »preslikanimi« URL -ji. Svoje spletno mesto ali osebno začetno stran lahko oblečete s slikovnim zemljevidom s svojimi najljubšimi spletnimi mesti, ki jih radi obiščete. Obstaja veliko programske opreme, ki jo lahko naredite, vendar bo ta članek uporabil Gimp.
Koraki
Korak 1. Sestavite začetno grafiko, ki jo boste preslikali
Uporabite lahko slike, slike, kar vam ustreza. Tu bomo uporabili wikiHow, forum wikiHow in iGoogle.
Korak 2. Ko ustvarite sliko (ali jo odprete), pojdite na Filtri >> Splet >> ImageMap
Pogovorno okno Gimp ImageMap
Korak 3. Kliknite pravokotnik na desni strani zaslona, nato izberite eno od slik, ki jih želite uporabiti
Na tem posnetku zaslona je izbrano wikiHow. V pogovornem oknu, ki se prikaže, vnesite potrebne podatke.
Kliknite na pravokotnik in videli boste točno lokacijo grafike
Korak 4. Ta postopek nadaljujte do konca zemljevida
Korak 5. Ko določite vsa področja povezav, shranite slikovni zemljevid
GIMP bo samodejno ponudil, da to shrani kot datoteko s pripono.map. Če želite, ga lahko shranite tako. Toda ta datoteka vsebuje kodo HTML (brez slik), ki jo moramo urediti in kopirati na lastno spletno stran, zato je priporočljivo, da jo shranite kot [ime datoteke].html in preskočite neposredno na 7. korak.
Korak 6. Če je niste shranili kot datoteko HTML, poiščite shranjeno datoteko in preimenujte razširitev v.html
Morda boste prejeli opozorilo o spremembi razširitev datotek. Za nadaljevanje kliknite da.
Korak 7. Z urejevalnikom besedila odprite to datoteko HTML
Opazili boste, da ta datoteka preprosto vsebuje seznam koordinat in URL -jev. To je koda, ki brskalniku pove, katere URL -je naj dodeli kateremu delu slike.
Korak 8. Zagotovite pot do datoteke, opredeljeno v
povezave do slike, na katero želite preslikati URL -je.
Če je ne usmerite pravilno na sliko, lahko pride do tega, da se slika sploh ne prikaže.
Korak 9. NEOBVEZNO:
Odprite datoteko HTML z brskalnikom; če vse deluje, bi morali videti sliko z vsemi preslikanimi URL -ji glede na območja, ki ste jih določili.
Korak 10. Dodajte svoj zemljevid slike v HTML spletne strani
Morali boste kopirati VSE vrstice kode, ki jih vidite, vključno z
tag (ki določa pot do izvorne slike) in vse med oznakami. To je to! Končal si.