Kako zgraditi slikovni zemljevidi brez urejevalnika slikovnih zemljevidov

Karte s slikami so preproste HTML oznake

Karte s slikami so razburljiv in zanimiv način za oživitev vaše spletne strani z njimi, lahko naložite slike in delite te slike, ki jih je mogoče klikniti na druga spletna sredstva. Če ste v ščiti in ne želite prenesti urejevalnika slikovnih zemljevidov, je ustvarjanje zemljevida z uporabo oznak HTML preprosto.

Potrebovali boste sliko, urejevalnik slik in nekakšen urejevalnik HTML ali urejevalnik besedil. Večina urejevalnikov slik vam bo pokazala koordinate miške, ko se dotaknete slike. Ti koordinatni podatki so vse, kar morate začeti s slikovnimi zemljevidi.

Ustvarjanje zemljevida slike

Če želite ustvariti slikovno mapo, najprej izberite sliko, ki bo osnova zemljevida. Slika mora biti "normalna velikost", kar pomeni, da ne smete uporabljati slike, ki je tako velika, da jo bo brskalnik razširil.

Ko vstavite sliko, boste dodali še dodaten atribut, ki bo določil koordinate zemljevida:

Ko ustvarite slikovno mapo, ustvarjate območje, ki ga je mogoče klikniti na sliki, zato se koordinate zemljevida morajo ujemati z višino in širino slike, ki ste jo izbrali. Zemljevidi podpirajo tri različne vrste oblik:

Če želite ustvariti območja, morate izolirati določene koordinate, ki jih nameravate preslikati. Zemljevid lahko vsebuje eno ali več določenih področij na sliki, ki ob kliku odpirajo novo hiperpovezavo.

Za pravokotnik si ogledate zgornji in spodnji desni kot. Vse koordinate so navedene kot x, y (več, gor). Torej, v zgornjem levem kotu 0,0 in spodnjem desnem vogalu 10,15 bi vtipkali 0,0,10,15 . Nato ga vključite v zemljevid:

"Morris"

Za mnogokotnik si mapirate vsak x, y ločeno. Spletni brskalnik samodejno poveže zadnji niz koordinat s prvim; vse kar je znotraj teh koordinat je del zemljevida.

"Garfield"

Krožne oblike zahtevajo samo dve koordinati, kot je pravokotnik, toda za drugo koordinato določite polmer ali razdaljo od središča kroga. Torej, za krog s središčem pri 122.122 in polmerom 5 bi napisali 122.122,5:

"Catbert"

Vsa območja in oblike so lahko vključene v isto mapno oznako:

"Morris"

Premisleki

Karte s slikami so bile veliko bolj pogoste v spletu 1,0 era devetdesetih let prejšnjega stoletja. Karte slike so pogosto predstavljale osnovo za navigacijo po spletnem mestu. Oblikovalec bi ustvaril nekakšno sliko za označevanje elementov menija in nato določil zemljevid.

Sodobni pristopi spodbujajo odzivno oblikovanje in uporabo kaskadnih listov slogov za nadzor postavitve 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 s slikovnimi zemljevidi. Poleg tega težave s pasovno širino ali zlomljene slike pomnožijo vrednost slike zemljevida.

Torej, bodite svobodni, da še naprej uporabljate to stabilno, dobro razumljeno tehnologijo, saj veste, da obstajajo bolj učinkovite alternative, ki so trenutno v modi s spletnimi oblikovalci.