V zgodovini spletnega oblikovanja je prišlo do točke, kjer so številne strani uporabljale funkcijo, imenovano »zemljevidi slike«. To je seznam koordinat, ki so priloženi določeni sliki na strani. Te koordinate ustvarjajo področja hiperpovezave na tej sliki, bistveno dodajanje "vročih točk" grafiki, od katerih je vsak lahko kodiran, da se poveže z različnimi kraji. To se precej razlikuje od dodajanja oznake povezave na sliko, kar bi povzročilo, da celotna grafika postane ena velika povezava z enim samim ciljem.
Primeri: Predstavljajte si grafično datoteko s podobo Združenih držav. Če želite, da se vsaka država »klikne«, tako da odidejo na strani o tem določenem stanju, lahko to storite s slikovnim zemljevidom. Podobno, če ste imeli podobo glasbene skupine, lahko uporabite slikovno zemljevid, da vsak član lahko kliknete na naslednjo stran o tem članu skupine.
Ali so slike zemljevida uporabne? Gotovo so bili, vendar so na današnjem spletu padli iz naklonjenosti. To je vsaj delno, ker zemljevidi slike zahtevajo posebne koordinate za delo. Današnja spletna mesta so zgrajena tako, da so odziva in slike obsegajo glede na velikost zaslona ali naprave. To pomeni, da se vnaprej nastavljene koordinate, ki delujejo na zemljevidih slik, razpadejo, ko se lestvice spletnega mesta in slike spremenijo. Zato se slike na zemljevidih redko uporabljajo na produkcijskih mestih danes, vendar imajo še vedno prednosti za predstavitve ali primere, kjer prisilite velikost strani.
Želite vedeti, kako ustvariti slikovno mapo, natančneje, kako to storiti z Dreamweaverjem? Postopek ni posebej težak, vendar tudi ni enostavno, zato morate pred začetkom delati nekaj izkušenj.
Začetek
Začnimo. Prvi korak, ki ga potrebujete, je dodati sliko na svojo spletno stran. Nato kliknite na sliko, da jo označite. Od tam moraš iti v meni lastnosti (in klikniti na eno od treh orodij za risanje vročih točk: pravokotnik, krog ali poligon. Ne pozabite na ime, ki jo lahko naredite v vrstici z lastnostmi. vse kar hočeš. Uporabi "zemljevid" kot primer.
Zdaj, z eno od teh orodij narišite želeno obliko slike. Če potrebujete pravokotne lise, uporabite pravokotnik. Enako za krog. Če želite bolj zapletene oblike vročih točk, uporabite poligon. To bi tisto, kar bi verjetno uporabljali v primeru zemljevida ZDA, saj bi mnogokotnik omogočil, da spustite točke in ustvarite zelo zapletene in nepravilne oblike na sliki
V oknu z lastnostmi za vročo točko vnesite ali brskate po strani, na katero naj se povezava vroča točka. To ustvarja to povezljivo področje. Nadaljujte z dodajanjem vročih točk, dokler ni zemljevid končan in dodane so vse povezave, ki jih želite dodati.
Ko končate, si oglejte svoj zemljevid slike v brskalniku, da se prepričate, ali deluje pravilno. Kliknite vsako povezavo, da zagotovite, da gre za ustrezen vir ali spletno stran.
Slabosti slikovnih zemljevidov
Še enkrat se zavedajte, da so zemljevidi slik večkratni, tudi izven omenjenega pomanjkanja podpore z odzivnimi spletnimi mesti. Prvič, majhne podrobnosti se lahko prikrijejo na slikovnem zemljevidu. Geografski zemljevidi slik lahko na primer pomagajo ugotoviti, iz katere kontinenta je uporabnik, vendar ti zemljevidi morda niso dovolj podrobni, da bi določili državo izvora uporabnika. To pomeni, da lahko slikovna karta pomaga ugotoviti, ali je uporabnik iz Azije, a ne iz Kambodže.
Karte s slikami se lahko naložijo tudi počasi. Ne bi jih bilo treba večkrat uporabljati na spletnem mestu, ker zasedajo preveč prostora za uporabo na vsaki strani spletnega mesta. Preveč zemljevidov slik na eni strani bi ustvarilo resno ozko grlo in ogromen učinek na uspešnost lokacije.
Nazadnje, slikovni zemljevidi morda ne bodo enostavni za uporabnike z dostopnimi vizualnimi težavami. Če ste uporabili zemljevide slik, morate kot alternativo ustvariti še en navigacijski sistem za te uporabnike.
Spodnja črta
Uporabite zemljevide slik občasno, ko skušate sestaviti hiter demo zasnove in kako to deluje. Če na primer izberete model za aplikacijo za mobilne naprave in želite uporabiti zemljevide slik, ustvarite vroče točke za simulacijo interaktivnosti aplikacije. To je veliko lažje narediti, kot bi bilo, da bi kodirali aplikacijo ali celo ustvarili lažne spletne strani, zgrajene po trenutnih standardih z HTML in CSS. Toda njihovo dajanje v produkcijsko spletno mesto ali aplikacijo je zelo težavno in bi se ga verjetno izognili na današnjih spletnih straneh.
