Obrázková mapa je obrázek, na kterém jsou „namapovány“adresy URL. Svůj web nebo osobní úvodní stránku můžete obléknout obrázkovou mapou se svými oblíbenými stránkami, které rádi navštěvujete. Existuje spousta softwaru, který to můžete udělat, ale tento článek bude používat Gimp.
Kroky
Krok 1. Sestavte počáteční grafiku, kterou budete mapovat
Můžete použít obrázky, obrázky, cokoli, co vám vyhovuje. Zde použijeme wikiHow, fórum wikiHow a iGoogle.
Krok 2. Po vytvoření obrázku (nebo jeho otevření) přejděte na Filtry >> Web >> ImageMap
Dialogová obrazovka Gimp ImageMap
Krok 3. Klikněte na obdélník v pravé části obrazovky a poté vyberte jeden z obrázků, které chcete použít
Na tomto snímku obrazovky je vybrán wikiHow. V dialogovém okně, které se objeví, vyplňte potřebné informace.
Klikněte na obdélník a uvidíte přesné umístění grafiky
Krok 4. Pokračujte v tomto postupu pro zbytek mapy
Krok 5. Jakmile definujete všechny oblasti odkazů, uložte svou obrázkovou mapu
GIMP automaticky nabídne uložení jako soubor s příponou.map. Pokud si přejete, můžete to takto uložit. Tento soubor však obsahuje kód HTML (žádné obrázky), který potřebujeme upravit a zkopírovat na naši vlastní webovou stránku, proto doporučujeme uložit jej jako [název_souboru].html a přeskočit přímo na krok 7.
Krok 6. Pokud jste jej neuložili jako soubor HTML, najděte uložený soubor a přejmenujte příponu na.html
Může se zobrazit upozornění na změnu přípon souborů. Pokračujte kliknutím na Ano.
Krok 7. Pomocí textového editoru otevřete tento soubor HTML
Všimněte si, že tento soubor jednoduše obsahuje seznam souřadnic a adres URL. Toto je kód, který prohlížeči říká, které adresy URL má přiřadit ke které části obrázku.
Krok 8. Zajistěte cestu k souboru definovanou v
odkazy na obrázek, na který chcete namapovat adresy URL.
Nesprávné nasměrování na obrázek může vést k tomu, že se nezobrazí vůbec žádný obrázek.
Krok 9. VOLITELNÉ:
Pomocí prohlížeče otevřete soubor HTML; pokud vše funguje, měli byste vidět obrázek se všemi adresami URL na něj namapovanými podle oblastí, které jste definovali.
Krok 10. Přidejte svoji obrázkovou mapu do HTML své webové stránky
Budete muset zkopírovat VŠECHNY řádky kódu, které vidíte, včetně
tag (který definuje cestu ke zdrojovému obrázku) a vše mezi tagy. A je to! Jsi hotový.