Kaj morate vedeti
• Uporabite sliko normalne velikosti, ki je brskalnik ne bo spreminjal. Potrebovali boste tudi urejevalnik slik in urejevalnik HTML ali besedila.
• Ko vstavite sliko, dodajte dodaten atribut za identifikacijo koordinat zemljevida.
• Na primer:
Ta članek pojasnjuje, kako ustvariti slikovne zemljevide z uporabo oznak HTML namesto z urejevalnikom slikovnih zemljevidov. Večina urejevalnikov slik vam bo pokazala koordinate vaše miške, ko pokažete na sliko, kar so vsi podatki, ki jih potrebujete za začetek dela s slikovnimi zemljevidi.
Ustvarjanje slikovnega zemljevida
Za ustvarjanje slikovnega zemljevida najprej izberite sliko, ki bo služila kot osnova zemljevida. Slika mora biti "normalne velikosti" - to pomeni, da ne smete uporabiti slike, ki je tako velika, da bi jo brskalnik prilagodil.
Ko vstavite sliko, boste dodali dodaten atribut, ki identificira koordinate zemljevida:
Ko ustvarite slikovni zemljevid, ustvarite območje, ki ga je mogoče klikniti na sliki, zato se morajo koordinate zemljevida ujemati z višino in širino slike, ki ste jo izbrali. Zemljevidi podpirajo tri različne vrste oblik:
- rect-pravokotnik ali štiristranski lik
- poligon - mnogokotnik ali večstranski lik
- krog-krog
Če želite ustvariti območja, morate izolirati specifične koordinate, ki jih nameravate preslikati. Zemljevid je lahko sestavljen iz enega ali več definiranih območij na sliki, ki ob kliku odprejo novo hiperpovezavo.
Za pravokotnik preslikate le zgornji levi in spodnji desni kot. Vse koordinate so navedene kot x, y (nad, navzgor). Torej bi za zgornji levi kot 0, 0 in spodnji desni kot 10, 15 vnesli 0, 0, 10, 15. Nato ga vključite v zemljevid:
Za poligon preslikate vsako koordinato x, y posebej. Spletni brskalnik samodejno poveže zadnji niz koordinat s prvim; vse znotraj teh koordinat je del zemljevida.
Oblike kroga zahtevajo samo dve koordinati, tako kot pravokotnik, vendar za drugo koordinato določite polmer ali razdaljo od središča kroga. Torej bi za krog s središčem 122, 122 in polmerom 5 zapisali 122, 122, 5:
Vsa območja in oblike so lahko vključene v isto oznako zemljevida:
Premisleki
Slikovni zemljevidi so bili veliko bolj pogosti v obdobju spleta 1.0 od 1990-ih do zelo zgodnjih 2000-ih – slikovni zemljevidi so pogosto predstavljali osnovo za navigacijo spletnega mesta. Oblikovalec bi ustvaril nekakšno sliko, ki bi označila elemente menija, nato pa nastavil zemljevid.
Sodobni pristopi spodbujajo odzivno oblikovanje in uporabljajo kaskadne slogovne liste za nadzor postavitev slik in hiperpovezav na strani.
Čeprav je oznaka zemljevida še vedno podprta v standardu HTML, lahko uporaba mobilnih naprav z majhnimi oblikami povzroči nepričakovane težave pri delovanju slikovnih zemljevidov. Poleg tega težave s pasovno širino ali pokvarjene slike ovirajo vrednost slikovnega zemljevida.
Zato vas prosimo, da še naprej uporabljate to stabilno, dobro razumljeno tehnologijo, saj veste, da med spletnimi oblikovalci trenutno obstajajo bolj učinkovite alternative.
