Postojala je točka u povijesti web dizajna gdje su mnoge web stranice koristile značajku poznatu kao "mape slika". Ovo je popis koordinata pridruženih određenoj slici na stranici. Te koordinate stvaraju linkove na toj slici, bitne dodavanje "vrućih točaka" na grafički, od kojih se svaka može kodirati kako bi se povezala s različitim mjestima. To je mnogo drukčije nego samo dodavanje oznake veze na sliku, što bi uzrokovalo da cijeli grafički prikaz postane jedna velika veza na jedno odredište.
Primjeri: Zamislite da imate grafičku datoteku s fotografijom Sjedinjenih Država. Ako želite da svaka država bude "kliknuta" kako bi otišli na stranice o toj specifičnoj državi, to biste mogli napraviti pomoću karte slike. Slično tome, ako ste imali sliku glazbenog sastava, možete upotrijebiti kartu slike kako bi se svaki pojedini član mogao kliknuti na sljedeću stranicu o članu grupe.
Znaš li korisne slike karte slike? Sigurno jesu, ali su pali iz milosti na današnjem webu. To je, barem djelomično, jer mape slika zahtijevaju određene koordinate za rad. Web-lokacije danas se temelje na veličini zaslona ili uređaja. To znači da unaprijed postavljene koordinate, što je način na koji se mapi slika rade, raspadaju kada se web-lokacija skale i slike mijenjaju veličinu. Zato se karte slika rijetko koriste na proizvodnim stranicama danas, ali i dalje imaju prednosti za demo ili instance u kojima prisiljavate veličinu stranice.
Želite znati kako stvoriti kartu slike, posebno kako to učiniti s Dreamweaverom? Proces nije osobito težak, ali nije ni lako, stoga trebate imati neko iskustvo prije nego što počnete.
Početak rada
Započnimo. Prvi korak koji trebate poduzeti jest dodavanje slike na svoju web stranicu. Zatim kliknite sliku da biste je istaknuli. Od tamo ćete morati otići na izbornik svojstava (i kliknite jedan od tri alata za crtanje hotspota: pravokutnik, krug ili poligon.) Ne zaboravite imenovati sliku koju možete učiniti na traci imovine. to je sve što želite. Koristite "kartu" kao primjer.
Zatim nacrtajte željeni oblik na svoju sliku pomoću jednog od ovih alata. Ako vam je potrebna pravokutna mjesta, upotrijebite pravokutnik. Isti za krug. Ako želite složenije oblike žarišne točke, upotrijebite poligon. To je ono što biste vjerojatno koristili u primjeru karte SAD-a budući da vam poligon omogućava da ispustite bodove i stvorite vrlo složene i nepravilne oblike na slici
U prozoru svojstava za hotspot upišite ili pregledajte stranicu na koju bi se žarišna točka trebala povezati. To je ono što stvara taj linkable područje. Nastavite dodavati žarišne točke dok se karta ne dovrši i dodane su sve veze koje želite dodati.
Kada završite, pregledajte kartu slike u pregledniku kako biste bili sigurni da funkcionira ispravno. Kliknite svaku vezu da biste bili sigurni da ide na odgovarajući resurs ili web stranicu.
Nedostaci slika karata
Još jednom, budite svjesni da mape slike imaju nekoliko nejasnoća, čak i izvan gore spomenutog nedostatka podrške s responzivnim web stranicama. Prvo, mali detalji mogu biti zacrnjeni na karti slika. Na primjer, geografske karte slika mogu vam pomoći da odredite koji je kontinent od korisnika, no te karte možda neće biti dovoljno detalje kako bi odredili zemlju porijekla korisnika. To znači da karta slike može pomoći u određivanju je li korisnik iz Azije, a ne iz Kambodže.
Mape slike se također mogu lagano učitati. Ne smiju se upotrebljavati više puta na web-lokaciji jer zauzimaju previše prostora za upotrebu na svakoj stranici web mjesta. Previše karata za slike na jednoj stranici stvorilo bi ozbiljan usko grlo i ogroman utjecaj na performanse web mjesta.
Naposljetku, mape slika možda neće biti jednostavne za korisnike s vizualnim problemima za pristup. Ako ste koristili karte slika, kao alternativu trebali biste stvoriti i drugi navigacijski sustav za te korisnike.
Poanta
Koristite slikovne mape s vremena na vrijeme kada pokušavate sastaviti brzu demonstraciju dizajna i kako to funkcionira. Na primjer, ako podruguje dizajnu za mobilnu aplikaciju i želite upotrebljavati karte slika za izradu vrućih mjesta za simulaciju interaktivnosti aplikacije. To je puno lakše raditi nego što bi bilo kodirati aplikaciju, pa čak i izgraditi dummy web stranice izgrađene prema trenutnim standardima s HTML i CSS. No stavljanje ih u proizvodnu stranicu ili aplikaciju vrlo je lukav i vjerojatno bi se izbjeglo na današnjim web stranicama.
