Obrázkové mapy sú len jednoduché HTML tagy
Obrazové mapy sú vzrušujúcim a zaujímavým spôsobom na oživenie vašej webovej stránky - s nimi môžete odovzdávať obrázky a robiť časti týchto obrázkov klikateľnými na iné online aktíva. Ak máte štipku a nechcete prevziať editor obrázkových máp, vytváranie mapy pomocou značiek HTML je jednoduché.
Budete potrebovať obrázok, editor obrázkov a nejaký HTML editor alebo textový editor. Väčšina editorov obrázkov vám ukáže súradnice myši pri nasmerovaní obrázka. Tieto súradnicové dáta sú všetko, čo potrebujete na začiatok s mapami obrázkov.
Vytvorenie obrázkovej mapy
Ak chcete vytvoriť mapu obrázkov, najprv vyberte obrázok, ktorý bude slúžiť ako základ mapy. Obraz by mal byť "normálna veľkosť" - to znamená, že by ste nemali používať obraz tak veľký, aby ho prehliadač zmenšil.
Keď vložíte obrázok, pridáte ďalší atribút, ktorý identifikuje súradnice mapy:
Pri vytváraní mapy obrázkov vytvárate oblasť, na ktorú je možné kliknúť na obrázku, takže súradnice mapy musia byť v súlade s výškou a šírkou vybratého obrázka. Mapy podporujú tri rôzne typy tvarov:
- rect-obdĺžnik alebo štvorstranný obrázok
- poly-polygon alebo viacstránkový obrázok
- kruh - kruh
Ak chcete vytvoriť oblasti, musíte izolovať konkrétne súradnice, ktoré chcete zmapovať. Mapa môže pozostávať z jednej alebo viacerých definovaných oblastí obrázka, ktoré po kliknutí otvoria nový hypertextový odkaz.
Pre obdĺžnik mapujete iba ľavý horný a pravý dolný roh. Všetky súradnice sú uvedené ako x, y (nad, hore). Takže v ľavom hornom rohu 0,0 av pravom dolnom rohu 10,15 by ste zadali hodnotu 0,0,10,15 . Potom ho zahrniete do mapy: