Prednosti i nedostatci korištenja mapa slika
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 imidžom 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, koristite pravokutnik. Isti za krug. Ako želite složenije oblike žarišne točke, upotrijebite poligon. To je ono što biste vjerojatno koristili u primjeru američke karte, jer će poligon omogućiti da ispustite točke 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 provjerili funkcionira li to 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. Prvi, mali detalji mogu se zamagliti na karti slici. 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-lokacije. 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
S vremena na vrijeme koristim karte slika kada pokušavam sastaviti brzu demonstraciju dizajna i kako to funkcionira. Na primjer, možda bih ismijavao dizajn za mobilnu aplikaciju i želim upotrebljavati karte slika za stvaranje vrućih mjesta za simulaciju interaktivnosti aplikacije. To je puno lakše raditi nego što bi bilo kodirati aplikaciju, pa čak i izraditi web-stranice dummy izgrađene prema trenutačnim standardima s HTML-om i CSS-om. U ovom konkretnom primjeru i zato što znam na koji će se uređaj prikazati dizajn i može mjeriti kôd na taj uređaj, mapa slika funkcionira, no stavljanje u proizvodnu web-lokaciju ili aplikaciju vrlo je lukav i vjerojatno bi se izbjeglo na današnjem web stranica.
Izvorni članak Jennifer Krynin. Uredio je Jeremy Girard na 9/7/17.