Karta slike je slika s URL -ovima "preslikanim" na nju. Svoju web stranicu ili osobnu početnu stranicu možete dotjerati slikovnom kartom sa svojim omiljenim web stranicama 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
Zaslon dijaloga Gimp ImageMap
Korak 3. Pritisnite pravokutnik s desne strane zaslona, a zatim odaberite jednu od slika koje želite koristiti
Na ovoj snimci zaslona odabran je wikiHow. Na dijaloškom zaslonu koji se pojavi unesite potrebne podatke.
Pritisnite pravokutnik i možete vidjeti točno mjesto grafike
Korak 4. Nastavite ovaj postupak za ostatak karte
Korak 5. Nakon što dovršite definiranje svih područja veza, spremite svoju slikovnu kartu
GIMP će automatski ponuditi spremanje ovoga kao datoteku s nastavkom.map. Ako želite, možete ga spremiti tako. Ali ova datoteka sadrži HTML kôd (bez slika) koji moramo urediti i kopirati na vlastitu web stranicu, pa se preporučuje da je spremite kao [naziv datoteke].html i preskočite izravno na korak 7.
Korak 6. AKO je niste spremili kao HTML datoteku, pronađite spremljenu datoteku i preimenujte nastavak u.html
Možda ćete primiti 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. Provjerite put datoteke definiran u
veze do slike na koju želite mapirati URL -ove.
Neusmjeravanje na sliku može dovesti do toga da se slika uopće ne prikazuje.
Korak 9. NEOBVEZNO:
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 svoju slikovnu kartu u HTML web stranice
Morat ćete kopirati SVE retke 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.