Koristi in pomanjkljivosti pri uporabi slikovnih zemljevidov
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 - predstavljajo 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 rektangi. 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 vam 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 je tisto, kar ustvari to povezljivo območ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. Črke, majhne podrobnosti so lahko zakrite na sliki. 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
Kadarkoli poskušam sestaviti hiter demo oblikovanja in kako deluje, uporabljam zemljevide. Na primer, morda sem zasnoval zasnovo za mobilno aplikacijo in želim uporabiti zemljevide slik za ustvarjanje vročih točk 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. V tem konkretnem primeru in ker vem, na kakšni napravi bom predstavil model, in lahko kode kode za to napravo, zemljevid slike deluje, vendar jih postavite v proizvodno mesto ali aplikacijo, je zelo težavno in se je verjetno izognili današnjemu spletne strani.
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 9.7.17.