Mapy obrázků jsou jen jednoduché HTML značky
Obrázkové mapy jsou vzrušující a zajímavý způsob, jak oživit váš web - s nimi můžete nahrávat obrázky a dělat části těchto obrázků kliknutím na jiné online prostředky. Pokud máte špetku a nechcete stahovat editor obrázkových map, vytváření mapy pomocí značek HTML je jednoduché.
Budete potřebovat obrázek, editor obrázků a nějaký editor HTML nebo textový editor. Většina editorů obrázků vám ukáže souřadnice myši při orientaci na obrázku. Tato data koordinace jsou vše, co potřebujete, abyste mohli začít s obrazovými mapami.
Vytvoření obrazové mapy
Chcete-li vytvořit mapu obrázků, nejprve vyberte obrázek, který bude sloužit jako základ mapy. Obraz by měl být "normální velikost" - to znamená, že byste neměli používat obrázek tak velký, že prohlížeč ho změní.
Když vložíte obrázek, přidáte další atribut, který identifikuje souřadnice mapy:
Při vytváření obrazové mapy vytváříte oblast, na kterou lze kliknout, takže souřadnice souřadnic mapy se musí vyrovnat s výškou a šířkou zvoleného obrázku. Mapy podporují tři různé typy tvarů:
- rect-obdélník nebo čtyřstranný obrázek
- poly-mnohoúhelník nebo vícestranné číslo
- kruh - kruh
Chcete-li vytvořit oblasti, musíte izolovat konkrétní souřadnice, které hodláte mapovat. Mapa může sestávat z jedné nebo více definovaných oblastí na obrázku, které při kliknutí otevře nový hypertextový odkaz.
U obdélníku mapujete pouze levý horní a dolní pravý roh. Všechny souřadnice jsou uvedeny jako x, y (přes, nahoru). Takže v levém horním rohu 0,0 a v pravém dolním rohu 10,15 byste zadali hodnotu 0,0,10,15 . Pak jej vložíte do mapy: