Jak vytvořit webovou stránku pro zobrazení mapování obrázků

Jeden krok směrem k použití textu v hypertextovém odkazu HTML je použití obrázků jako hypertextových odkazů. Existuje však ještě další krok od toho, o čem mnoho lidí neví. Pomocí značky HTML můžete nastavit konkrétní části jednoho snímku s různými hypertextovými odkazy. Tato funkce může být mimořádně užitečná, pokud vaše podnikání zahrnuje mapy, diagramy a další obrázky s několika různými částmi. Chcete-li vytvořit webovou stránku, která zobrazuje mapu obrázků, použijte základní HTML.

Vytvořte mapu obrázků

1.

Otevřete obrázek, který chcete vytvořit, do obrazové mapy v editoru obrázků, například Microsoft Paint. Všimněte si, že pokud používáte něco jiného než Paint, program musí mít funkci souřadnicového bodu.

2.

Přesuňte kurzor přes roh části obrázku, kterou chcete vytvořit do části mapy. Souřadnice - například "0, 0" - blikají v levém dolním rohu okna Malování. Poznamenejte je a opakujte pro ostatní rohy oddílu. Veškerý obsah obsažený v souřadnicích bude součástí části obrazové mapy.

3.

Opakujte předchozí krok pro všechny další sekce, které chcete vytvořit v sekcích s obrázkem. Udržujte souřadnice jednotlivých částí od sebe navzájem.

4.

Otevřete editor HTML a vložte nejprve kód pro samotný snímek. Měla by být podobná následujícímu kódu:

5.

Pokud jste připraveni, zadejte kód pro mapu obrázků:

Nahraďte tvary a souřadnice vzorového kódu jako své vlastní.

Vytvořte webovou stránku pro vaši obrázkovou mapu

1.

Přejděte do horní části stránky HTML, kterou jste vytvořili na konci poslední části, a zadejte následující kód:

2.

Přejděte do dolní části stránky HTML pod kódem obrázku a zadejte následující kód:

3.

Uložte stránku jako soubor .html nebo .htm a poklepejte na něj, abyste ji zobrazili ve webovém prohlížeči. Webová mapa vašeho obrázku je nyní připravena k použití na webu. Poslední kód webové stránky by měl vypadat podobně jako následující:

Tip

  • Formy obrazové mapy, které můžete použít, jsou "rect" pro obdélník, "kruh" pro kruh a "poly" pro polygony. Jakýkoli tvar, který není obdélník nebo kruh, je mnohoúhelník.
 

Zanechte Svůj Komentář