Mapa slike je slika sa URL -ovima "preslikanim" na nju. Svoju web stranicu ili ličnu početnu stranicu možete urediti slikovnom kartom sa svojim omiljenim web lokacijama koje volite posjetiti. Postoji mnogo softvera koji to možete učiniti, ali ovaj članak će koristiti Gimp.
Koraci
Korak 1. Sastavite početnu grafiku koju ćete mapirati
Možete koristiti slike, slike, sve što vam odgovara. Ovdje ćemo koristiti wikiHow, wikiHow forum i iGoogle.
Korak 2. Nakon stvaranja slike (ili otvaranja) idite na Filteri >> Web >> ImageMap
Ekran za dijalog Gimp ImageMap
Korak 3. Kliknite na pravokutnik s desne strane ekrana, a zatim odaberite jednu od slika koje želite koristiti
Na ovom snimku ekrana odabran je wikiHow. Unesite potrebne informacije u prozor za dijalog koji se pojavi.
Kliknite na pravokutnik i možete vidjeti tačnu lokaciju grafike
Korak 4. Nastavite ovaj postupak za ostatak svoje karte
Korak 5. Nakon što završite s definiranjem svih područja veza, spremite svoju sliku
GIMP će automatski ponuditi da se ovo spremi kao datoteka s nastavkom.map. Ako želite, možete ga sačuvati tako. Ali ova datoteka sadrži HTML kôd (bez slika) koji moramo urediti i kopirati na našu web stranicu, pa se preporučuje da ga spremite kao [naziv datoteke].html i preskočite izravno na korak 7.
Korak 6. AKO ga niste spremili kao HTML datoteku, pronađite sačuvanu datoteku i preimenujte nastavak u.html
Možda ćete dobiti upozorenje o promjeni nastavka datoteke. Pritisnite da za nastavak.
Korak 7. Pomoću uređivača teksta otvorite ovu HTML datoteku
Primijetit ćete da ova datoteka jednostavno sadrži popis koordinata i URL -ova. Ovo je kôd koji pregledniku govori koje URL -ove dodijeliti kojem dijelu slike.
Korak 8. Osigurajte putanju datoteke definiranu u
veze do slike na koju želite mapirati URL -ove.
Neuspješno usmjeravanje na sliku može dovesti do toga da se slika uopće ne prikazuje.
Korak 9. OPCIONALNO:
Otvorite HTML datoteku pomoću preglednika; ako sve radi, trebali biste vidjeti sliku sa svim URL -ovima preslikanim na nju prema područjima koja ste definirali.
Korak 10. Dodajte mapu slike u HTML web stranice
Morat ćete kopirati SVE redove koda koje vidite, uključujući
tag (koji definira put do vaše izvorne slike) i sve između oznaka. To je to! Gotov si.