Obrázková mapa je obrázok, na ktorom sú „namapované“adresy URL. Svoju webovú stránku alebo osobnú úvodnú stránku môžete ozdobiť obrázkovou mapou s vašimi obľúbenými webmi, ktoré radi navštevujete. Existuje veľa softvéru, ktorý môžete vykonať, ale tento článok bude používať Gimp.
Kroky
Krok 1. Zostavte počiatočnú grafiku, ktorú budete mapovať
Môžete použiť obrázky, obrázky, čokoľvek, čo vám vyhovuje. Tu použijeme wikiHow, fórum wikiHow a iGoogle.
Krok 2. Po vytvorení obrázku (alebo jeho otvorení) prejdite na Filtre >> Web >> ImageMap
Dialógová obrazovka Gimp ImageMap
Krok 3. Kliknite na obdĺžnik v pravej časti obrazovky a potom vyberte jeden z obrázkov, ktoré chcete použiť
Na tejto snímke obrazovky je vybratá stránka wikiHow. V dialógovom okne, ktoré sa zobrazí, vyplňte potrebné informácie.
Kliknutím na obdĺžnik zobrazíte presnú polohu grafiky
Krok 4. Pokračujte v tomto procese pre zvyšok mapy
Krok 5. Keď ste definovali všetky oblasti prepojení, uložte svoju obrázkovú mapu
GIMP automaticky ponúkne uloženie tohto súboru ako súboru s príponou.map. Ak si to želáte, môžete to takto uložiť. Tento súbor však obsahuje HTML kód (žiadne obrázky), ktorý musíme upraviť a skopírovať na našu vlastnú webovú stránku, preto vám odporúčame uložiť ho ako [názov súboru].html a prejsť priamo na krok 7.
Krok 6. Ak ste ho neuložili ako súbor HTML, nájdite ho a premenujte príponu na.html
Môžete dostať varovanie o zmene prípon súborov. Pokračujte kliknutím na tlačidlo áno.
Krok 7. Na otvorenie tohto súboru HTML použite textový editor
Všimnite si, že tento súbor jednoducho obsahuje zoznam súradníc a adries URL. Toto je kód, ktorý informuje prehliadač o tom, ktoré adresy URL má priradiť ku ktorej časti obrázku.
Krok 8. Zaistite cestu k súboru definovanú v
odkazy na obrázok, na ktorý chcete adresy URL mapovať.
Nesprávne nasmerovanie na obrázok môže viesť k tomu, že sa nezobrazí žiadny obrázok.
Krok 9. VOLITEĽNÉ:
Pomocou prehliadača otvorte svoj súbor HTML; ak všetko funguje, mali by ste vidieť obrázok so všetkými namapovanými adresami URL podľa oblastí, ktoré ste definovali.
Krok 10. Pridajte svoju obrázkovú mapu do HTML svojej webovej stránky
Budete musieť skopírovať VŠETKY riadky kódu, ktoré vidíte, vrátane
tag (ktorý definuje cestu k vášmu zdrojovému obrázku) a všetko medzi tagmi. To je všetko! Hotovo.