Idemo redom.
rect – označava da će područje biti u obliku pravokutnika.
poly – proizvoljni poligon.
krug – površina će biti u obliku kruga.
Ovaj isječak koda je smješten u HTML datoteku. Često su svi opisi mapa slika jednog dokumenta spojeni i postavljeni na početak odjeljka
dokument. Ovaj pristup je blizak programerima, koji obično prilikom pisanja programa odvajaju deskriptivni dio programa od izvršnog dijela, što pojednostavljuje razumijevanje pisanog koda, a ponekad je određeno zahtjevima kompajlera.
Kombinacija opcija klijenta i servera
Prihvatljivo je koristiti kombinovanu opciju, u kojoj su oba parametra - USEMAP i ISMAP - definirana za istu sliku, što podrazumijeva korištenje ove slike kao reference i za klijentske i za serverske opcije. USEMAP je dominantan parametar. To znači da će pretraživač koji podržava opciju klijenta koristiti USEMAP, ignorirajući upute za ISMAP parametar. Oni pretraživači koji ne podržavaju opciju klijenta i ne razumiju svrhu USEMAP parametra, prema općim HTML pravilima, zanemarit će njegovo prisustvo i implementiraće opciju servera kada otkriju prisustvo ISMAP parametra. Kombinirana opcija je pouzdanija, ali zahtijeva podatke za konfiguriranje područja za obje opcije. Danas se potreba za korištenjem kombinovane opcije sve više smanjuje, jer svi vodeći pretraživači podržavaju opciju klijenta. Međutim, Netscape početne stranice, na koje se vjerovatno susreo svaki korisnik Netscape pretraživača, napravljene su u kombinovanoj verziji.
Evo primjera kombinovane opcije:
<А HREF="http://www.anywhere.com/testmap/logo.map">
Napomena
USEMAP parametar je također dominantan nad vezom definiranom oznakom<А>. Dakle, ako je slika korištena za implementaciju koncepta mape slike u klijentskoj verziji napisana unutar opsega oznake<А HREF>, onda će link identificiran posljednjom oznakom biti zanemaren od strane pretraživača koji podržavaju opciju na strani klijenta. Neka, na primjer, imamo sljedeći fragment:
<А HREF=NoMaps.htm> .
S jedne strane, cijela slika je veza do dokumenta pod nazivom NoMaps.htm. S druge strane, prisustvo USEMAP parametra definira ovu sliku kao referentnu sliku za odgovarajuću mapu slike. Upućivanje na NoMaps.htm dokument će biti zanemareno zbog prisustva USEMAP parametra i bez obzira na druge faktore.
Karakteristike korištenja slikovnih mapa
Napomenimo neke karakteristike u korištenju slikovnih mapa u klijentskoj verziji. Kada korisnik pomeri miša unutar slike koja implementira opciju na strani klijenta, odgovarajući URL se prikazuje u statusnoj traci na dnu Netscape pretraživača. U opciji na strani servera, URL se ne prikazuje jer se informacije nalaze na serveru, koji nije dostupan dok korisnik ne klikne na sliku. Prva opcija je informativnija, jer korisnik vidi adrese veza i može odrediti lokaciju slike bez linkova. Verzija servera prikazuje brojeve koji su relativne koordinate miša na slici i ne daju nikakve informacije o vezama i njihovom prisustvu.
Alternativni načini navigacije
Upotreba mapa slika je postala uobičajena, ali ne treba zaboraviti da svi korisnici Weba ne mogu koristiti grafiku ili žele raditi s onemogućenim učitavanjem slika kako bi se smanjilo vrijeme prijenosa datoteka. Stoga, za njih morate osigurati neka druga, alternativna sredstva navigacije po stranici. U suprotnom, korisnici uopće neće moći pronaći na stranici i, shodno tome, implementirati one veze koje su definirane samo mapom slika.
Kao alternativu, možete kreirati poseban odjeljak s tekstualnim opisom veza i odgovarajućim URL-ovima. Također možete kreirati vezu do tekstualni meni, koji ima iste veze kao i slikovna karta. Koji god pristup da odaberete, morate biti sigurni da su sve veze dostupne za tekstualni način pretraživača.
Navedimo primjer dokumenta iz stvarnog života u kojem su ova pitanja riješena. Na jednoj od stranica poznate kompanije Hewlett-Packard prikazan je fragment koji sadrži mapu slike. Na sredini stranice nalazi se lista od deset različitih tipova opreme, od kojih svaka ima link na odgovarajući dokument. U stvari, na stranici postoji slika, koja je referentna slika za mapu. Na ovoj slici je istaknuto deset pravokutnih zona, koje su aktivne regije.
Ako ovu stranicu učitate s onemogućenim načinom učitavanja slike, vidjet ćete sliku na kojoj je umjesto mape slike samo mala ikona koja pokazuje lokaciju slike i. tekst koji je postavljen kao alternativni tekst za cijelu datu sliku. Očigledno, nećete moći koristiti linkove ovdje. Da biste riješili ovaj problem, ispod slike nalazi se običan tekstualni meni, koji u potpunosti ponavlja listu prikazanu na slici, sa odgovarajućim linkovima. Stoga, ako je učitavanje slike onemogućeno, korisnik će i dalje moći implementirati potrebne prijelaze linkova koristeći duplikat menija teksta. Prilikom učitavanja slike, tekstualni meni samo duplira opcije za odabir linkova.
Alati za mapiranje slika
Kreiranje mapa slika zahtijeva dva koraka: pripremu referentne slike na kojoj će se naknadno definirati aktivni regioni i razvoj konfiguracijske datoteke koja opisuje geometrijske parametre aktivnih regija. Priprema slike koja će poslužiti kao osnova za mapu slika ne razlikuje se od pripreme običnih slika ugrađenih na web stranice. Da biste to učinili, možete koristiti bilo koji grafički uređivač ili koristiti gotovu sliku.
U drugom koraku, trebate označiti aktivna područja na slici i uskladiti ih s odgovarajućim adresama veza. Priprema konfiguracijske datoteke je najteži korak u kreiranju slikovnih mapa. U principu, moguć je ručni način postavljanja granica aktivnih područja na slici. Na primjer, kada radite u grafičkom uređivaču, možete označiti pojedinačne točke, snimiti njihove koordinate, a zatim kreirati datoteku koja opisuje geometrijske parametre odabranih područja. Međutim, ovaj pristup je izuzetno nezgodan i glomazan.
Kako bi se automatizirao proces označavanja područja na slici, postoji niz programa, od kojih su većina međusobno vrlo slični. Oni vam omogućavaju da kreirate i menjate konfiguracione datoteke radeći direktno sa slikom na ekranu. Većina programa su samostalni uslužni programi koji rade nezavisno i u suštini su dodaci HTML uređivačima. Ovi programi vam omogućavaju da sačuvate generisanu konfiguracionu datoteku ili u Windows međuspremnik ili u datoteku na disku. U prvom slučaju, tipična opcija je zajednički rad programa za uređivanje mape slika i neke vrste HTML uređivača ili običnog uređivača teksta. Ako vam program omogući spremanje konfiguracijske datoteke na disk, tada se može koristiti potpuno autonomno. Svi programi vam omogućavaju da označite područja tri glavna tipa na slici - pravokutni, krug i poli. Neki uređivači podržavaju zadani tip. Možda je jedini kriterij za odabir programa za uređivanje karata slika njegova jednostavnost korištenja, budući da su svi programi vrlo slični po funkcionalnim svojstvima. Ako vam se sučelje programa čini nezgodnim, možete ga prestati koristiti i odabrati drugi.
Pogledajmo neke od postojećih programa.
MapEdit program
Jedan od najjednostavnijih i najpoznatijih programa za uređivanje konfiguracijskih datoteka je uslužni program MapEdit, koji je razvio Thomas Boutell. Ovaj program postoji već nekoliko godina i implementiran je za različite platforme. Konkretno, postoje verzije za Windows 3.x i Windows 95/98/NT. Kao i kod većine programa, postojale su brojne verzije ovog uslužnog programa. Trenutno najnovija verzija dostupna za Windows 95/98/NT je verzija 2.6 (septembar 1999). Informacije o programu možete dobiti na:
http://www.boutell.cora/mapedit/
MapEdit je shareware i ima period evaluacije od 30 dana, nakon čega je potrebna registracija. Program je male veličine - distribucija zauzima oko 300 KB, a istovremeno ima gotovo sve potrebne mogućnosti.
Program vam omogućava da uređujete konfiguracijske datoteke i za verziju servera (u NCSA i CERN formatima) i za verziju klijenta. Moguće je vizuelno kreirati aktivne oblasti u obliku pravougaonika, krugova i poligona, kao i odrediti adresu veze za podrazumevano područje.
Pogledajmo ukratko glavne karakteristike ovog programa. Nakon pokretanja MapEdita, pojavljuje se glavni prozor koji sadrži početni ekran (slika 6.3) i meni. Moguće je uređivati postojeće datoteke i za serversku i za klijentsku verziju slikovnih mapa. Također je moguće kreirati novu konfiguracijsku datoteku, ali to se odnosi samo na verziju servera. Verzija klijenta zahtijeva izvorni HTML fajl sa vezama do ugrađenih slika koje će se koristiti kao referenca za mape slika.
Napomena
Nemogućnost kreiranja nove HTML datoteke koristeći MapEdit može se lako zaobići. Da biste to učinili, trebali biste pokrenuti program u načinu kreiranja datoteke u jednom od formata na strani servera (NCSA i CERN), izvršiti sve potrebne radnje, a zatim sačuvati rezultate u načinu rada Sačuvaj kao, navodeći format Client Side Map. Kreiraće se HTML datoteka koja se kasnije može koristiti kao gotov fragment HTML dokumenta.
Pretpostavimo da trebamo kreirati novu konfiguracijsku datoteku za serversku verziju mapa slika. Odaberite Otvori/Kreiraj kartu iz izbornika
File. Pojavit će se dijaloški okvir (slika 6.4), u kojem treba navesti naziv konfiguracijskog fajla koji se kreira (na primjer Blazons.map), navesti postojeću datoteku slike i format kreirane datoteke (NCSA ili CERN ). Slika može biti u GIF, JPG ili PNG formatu.
Rice. 6. 3
.
MapEdit početni ekran
Rice. 6. 4
.
Otvori/Kreiraj mapu dijaloški okvir za kreiranje konfiguracijske datoteke
Napomena
Mnogi programi za tumačenje konfiguracijskih datoteka na strani poslužitelja zahtijevaju da datoteka ima MAP ekstenziju. Preporučuje se da se uvijek pridržavate ovog pravila.
Program će učitati odabranu datoteku slike na kojoj će biti moguće označiti aktivna područja (slika 6.5).
Da biste to učinili, potrebno je da odaberete oblik aktivnog područja - pravougaonik, krug ili pravougaonik klikom na odgovarajuću ikonu ili odabirom željene stavke iz izbornika Alati (Sl. 6.6).
Dalje radnje se izvode direktno na slici označavanjem tačaka mišem. Za pravougaono područje označeni su gornji lijevi i donji desni uglovi, za kružno područje - centar i jedna od tačaka na krugu, za poligon su navedeni njegovi vrhovi. Na primjer na sl. Slika 6.5 prikazuje slučaj kada su tri aktivna područja različitih oblika već označena na slici. Imajte na umu da linije koje ograničavaju aktivna područja služe samo za njihovu vizualizaciju pri radu u uređivaču i ne mijenjaju slikovni fajl ni na koji način. Slika u ovom primjeru u suštini sadrži tri odvojene slike (prikazani su grbovi gradova Sankt Peterburga, Tomska i Jakutska), što obično nije tipično za realistične slike. Međutim, za slike koje sadrže, na primjer, skup kontrolnih tipki, ova situacija je prilično tipična.
Rice. 6. 5
.
Slika sa označenim različitim tipovima žarišnih tačaka
Rice. 6. 6
.
Alati meni
Rice. 6. 7
.
Dijalog URL objekta za određivanje URL-a i opcionalnog komentara
Nakon što označite bilo koju od oblasti, treba da navedete adresu veze koja odgovara ovoj oblasti, kao i informacije o komentarima (slika 6.7). Možete postaviti podrazumevanu adresu veze za oblast, koja će biti implementirana za deo oblasti slike koji nije uključen ni u jednu od aktivnih oblasti (slika 6.8).
Nakon označavanja područja, možete vizualno pregledati ili promijeniti kreirana aktivna područja pomoću stavke Test u izborniku Uredi. Posljednji korak je spremanje rezultata kao konfiguracijski fajl (Sačuvaj stavku u meniju Datoteka). Možete koristiti i stavku Sačuvaj kao, u kojoj određujete potreban format za čuvanje datoteke (slika 6.9).
Rice. 6. 8
.
Default URL okvir za dijalog za postavljanje zadanog URL-a za opseg
Rice. 6. 9
.
Sačuvaj kao komandni okvir za dijalog
Napomena
Starije verzije MapEdit-a sadržavale su malu grešku vezanu za postavljanje formata sačuvane konfiguracijske datoteke. Ako je CERN format naveden prilikom kreiranja datoteke, tada će se prilikom pohranjivanja podataka u načinu spremanja datoteka i dalje čuvati u NCSA formatu. Moguće je kreirati datoteku u CERN formatu samo kada se koristi način rada Sačuvaj kao i navede potreban format.
Za ovaj primjer, kreirat će se datoteka pod nazivom Blazons.map koja sadrži sljedeće informacije (NCSA format):
#Grb grada Tomska
rect www.ifmo.ru/sergeev/tomsk.htm 35,58 187,244
#Grb grada Jakutska
krug www.ifmo.ru/sergeev/jakutsk.htm 364.150 468.150
#Grb grada Sankt Peterburga
poli www.ifmo.ru/sergeev/Spb.htm 537.61 700.61 700.230 618.256 537.231
Isti podaci koje je urednik sačuvao u CERN formatu će izgledati ovako:
rect (35.58) (187.244) www.ifmo.ru/sergeev/tomsk.htm krug (364.150) 104 www.ifmo.ru/sergeev/jakutsk.htm poli (537.61) (700.61) (700.230, 3725613) (364.150) www.ifmo.ru/sergeev/Spb.htm
Imajte na umu da komentari nisu dozvoljeni u ovom formatu, tako da će ove informacije biti izgubljene kada se datoteka sačuva.
Razmotrimo zadatak kreiranja klijentske verzije mape slike. Da biste riješili ovaj problem, morate imati izvornu HTML datoteku koja sadrži barem jednu ugrađenu sliku. Ovaj izvorni fajl se može kreirati unapred bilo kojim uređivačem teksta ili posebnim HTML editorom. Recimo da postoji datoteka pod nazivom CSIM.HTM koja sadrži sljedeći kod:
Ovu datoteku treba otvoriti u MapEdit editoru (slika 6.10). Za razliku od opcije u kojoj je kreirana konfiguraciona datoteka, ovdje nije potrebno specificirati naziv slikovne datoteke u stavku menija Open/Create Map.
Rice. 6.1 0
.
Otvori/Kreiraj mapu dijaloški okvir za otvaranje postojeće HTML datoteke
Rice. 6.1 1
.
Odaberite Inline Image Dialog Box
Nakon otvaranja izvorne HTML datoteke, uređivač će prikazati dijaloški okvir sa listom svih ugrađenih slika iz kojih treba da odaberete onu koja vam je potrebna (slika 6.11). Naravno, fajl sa odabranom slikom mora postojati.
Dalji rad na obilježavanju aktivnih područja potpuno je identičan prethodnom slučaju. Nakon pohranjivanja rezultata markupiranja, izvorni fajl će se promijeniti, a za dati primjer će izgledati ovako:
href="tomsk.htm">
href="jakutsk.htm">
coords="537,61,700,61, 700, 230, 618, 256, 537,231" href="Spb.htm">
Imajte na umu da uređivač automatski dodjeljuje ime za opis mape slike koje odgovara imenu referentne datoteke slike. Za ovaj primjer, datoteka sa slikom je nazvana Blazons.gif, dakle parametar imena oznake<тар>je dodijeljena vrijednost "Blazons".
Napomena
MapEdit editor ne radi sasvim ispravno sa znakovima ruskog alfabeta. Neka ruska slova nestaju kada se datoteka sačuva, a na njihovom mjestu se pojavljuju razmaci. Najlakši izlaz iz ove situacije je dodavanje ruskog teksta nakon završetka rada u uređivaču.
Mapa OVO!
Još jedan uslužni program za kreiranje i uređivanje konfiguracijskih datoteka za mape slika je program Map THIS, informacije o kojem se mogu dobiti na:
http://galadriel.ecaetc.ohio-state.edu/tc/mt/.
Rad sa ovim programom ideološki je sličan programu MapEdit. Osnova rada s programom je vizualno oblikovanje aktivnih područja uz daljnje pohranjivanje rezultata u datoteku u jednom od odabranih formata. Editor podržava formate mapa slika na strani servera i na strani klijenta (NCSA i CERN). Slike se mogu učitavati iz GIF i JPG datoteka.
Evo primjera konfiguracijskih datoteka koje je kreirao ovaj program. Za primjer dat u prethodnom odjeljku, datoteka spremljena u NCSA formatu bi izgledala ovako:
#$MTIMFH
#$-:Datoteka mape slike kreirana od strane Map THIS!
#$-:Mapirajte OVO! besplatni uređivač mapa slika Todd C. Wilson
#$-:Nemojte uređivati redove koji počinju sa "#$"
#$VERSION:1.30
#$TITLE: Blazoni
#$DESCRIPTION: Serverska verzija mape slike
#$DATE: Uto, 14. septembar 12:10:42 1999
#$PATH:C:\Program Files\Mapthis\
#$GIF:Blazons.gif
#$FORMAT:ncsa
#$EOH
default default.htm
# Grb grada Tomska
rect Tomsk.htm 33,60 191,246
# Grb grada Jakutska
krug Jakutsk.htm 366,147 366,256
# Grb grada Sankt Peterburga
poli Spb.htm 534,62 699,62 698,236 626,261 534,235 534,62
Za razliku od programa MapEdit, ovaj uređivač zapisuje dosta informacija o komentarima u izlaznu datoteku, uključujući kratke informacije o samom programu, datumu kada je fajl kreiran, itd. Štaviše, nakon simbola #, što znači početak komentara red, urednik dodaje simbol $ za redove komentara, koji je kreirao sam urednik. Obratite pažnju na četvrti red koda iznad, koji od vas traži da ne uređujete komentare koje je ubacio urednik.
Isti primjer sačuvan u CERN formatu bi izgledao ovako:
rect (4096,4096) (4096,4096) mt:#$MTIMFH
rect (4096,4096) (4096,4096) mt:#$-:Datoteka mape slike kreirana od strane Map THIS!
rect (4096,4096) (4096,4096) mt:#$-:Map THIS! besplatni uređivač mapa slika
autor Todd C. Wilson
rect (4096,4096) (4096,4096) mt:#$-:Molimo nemojte uređivati redove koji počinju
sa "#$"
rect (4096,4096) (4096,4096) mt:#$VERSION:1.30
rect (4096,4096) (4096,4096) mt:#$TITLE: Blazons
rect (4096,4096) (4096,4096) mt:#$DESCRIPTION: Verzija servera
mape slika
rect (4096.4096) (4096.4096) mt:#$
rect (4096,4096) (4096,4096) mt:#$DATE:uto 14 ruj 12:10:42 1999
rect (4096,4096) (4096,4096) mt:#$PATH:C:\Program Files\Mapthis\
rect (4096,4096) (4096,4096) mt:#$GIF:Blazons.gif
rect (4096,4096) (4096,4096) mt:#$FORMAT:cern
rect (4096,4096) (4096,4096) mt:#$EOH
default default.htm
rect (4096,4096) (4096,4096) mt:# Grb grada Tomska
pravougaonik (33,60) (191,246) Tomsk.htm
rect (4096,4096) (4096,4096) mt:# Grb grada Jakutska
circ (366.147) 109 Jakutsk.htm
rect (4096,4096) (4096,4096) mt:# Grb grada Sankt Peterburga
poligon (534.62) (699.62) (698.236) (626.261) (534.235) (534.62) Spb.htm
Kao što možete vidjeti iz koda iznad, uređivač koristi donekle umjetnu tehniku za pohranjivanje komentara, kako unesenih od strane korisnika, tako i generiranih od strane samog programa. Podsjetimo, CERN format ne dozvoljava da navedete redove komentara, pa urednik kreira red kao
rect (4096,4096) (4096,4096),
na čijem kraju možete postaviti bilo koji tekst. U suštini, takva linija opisuje pravougaonik, koji se očigledno nalazi izvan ekrana, tako da njegovo prisustvo nije bitno. Naravno, u ovom slučaju tekst konfiguracijske datoteke postaje mnogo glomazniji i nezgodniji za čitanje, što, međutim, ne ometa rad programa. Ova tehnika čuvanja komentara se može usvojiti.
Isti primjer, sačuvan kao HTML fajl (za klijentsku verziju mapa slika) će izgledati ovako:
<МАР NAME="Blazons">
ALT="Grb grada Tomska">
!}
ALT="Grb grada Jakutska">
!}
HREF="Spb.htm" ALT="Grb grada Sankt Peterburga">
!}
Ovdje, za razliku od programa MapEdit, naziv mape slike mora biti specificiran ručno, tako da se možda neće podudarati s imenom datoteke sa referentnom slikom.
CrossEye program
Program za uređivanje konfiguracijskih datoteka CrossEye, kreiran od strane poznate australske kompanije Sausage Software. Ovaj program će pozdraviti ljubitelji popularnog HTML editora HotDog, jer ga je kreirala ista kompanija i ima veoma atraktivan, duhovit interfejs.
Informacije o CrossEye paketu možete dobiti na:
http://www.sausage.com.au.
Karakteristike programa su prilično velika veličina distributivnog kompleta (oko 2,5 MB), kao i kratak vremenski period (14 dana) tokom kojeg se može koristiti u evaluacijskom modu. Velika veličina Programi su tipični za sve softver, koju je kreirao Sausage Software, što je očigledno zbog izbora alata koji se koriste za razvoj (Visual Basic).
Nažalost, program nema niz potrebnih svojstava. Na primjer, ne postoji mogućnost čitanja postojeće HTML datoteke, tako da je nemoguće urediti postojeću mapu slike koja je ranije kreirana. Takođe nije moguće sačuvati svoj rad direktno u HTML fajlu. Pohranjivanje rezultata moguće je samo u datoteci sa posebnom ekstenzijom EYE, koja ima binarni oblik i može se ubuduće koristiti samo u ovom uređivaču. Generisani HTML kod se upisuje u Windows međuspremnik, odakle se može kopirati u bilo koji uređivač teksta.
Kao iu svim gore opisanim uređivačima, kreiranje i uređivanje aktivnih područja vrši se direktno na slici, ali se slika učitava u prozor čija se veličina, iz nepoznatih razloga, ne može promijeniti. Ako je slika veća od prozora, možete skrolovati da vidite sliku, ali ne možete postaviti aktivno područje koje se proteže izvan prozora za gledanje.
Za mapu slika na strani klijenta, uređivač uopće ne nudi postavljanje zadanog URL-a za područje. Ovo se može učiniti namjerno, jer ne podržavaju svi pretraživači zadani tip područja. Međutim, gore opisani uređivači rješavaju ovaj problem vrlo elegantno tako što automatski zamjenjuju zadanu oblast pravokutnom površinom s dimenzijama jednakim dimenzijama slike.
Nedostaci su, u izvesnom smislu, nadoknađeni određenim dodatnim karakteristikama urednika. Konkretno, možete saznati da se papagaj, koji je vidljiv u gornjem desnom uglu gornje slike, zove Poli. Prilično je pričljiv, a korisnici rade na kompjuteru opremljenom zvučna kartica, s vremena na vrijeme će čuti uzvike papagaja, koji, međutim, nemaju nikakve veze sa radnjama koje se izvode. I u jednom od dijaloški okviri Postavke urednika imaju čak i posebnu stavku koja vam omogućava da začepite usta jadnog papagaja. Evo primjera vrhunske usluge. Očigledno, zahvaljujući navedenim svojstvima, procjenjuje se ocjena ovog urednika http://www.tucows.com, je vrlo visoka, što se ne može reći za dva gore opisana programa.
Na kraju krajeva, izbor uređivača za kreiranje mapa slika je na korisniku.
Pros
- Mape slika vam omogućavaju da definirate bilo koji oblik za referentno područje, što je posebno korisno za označavanje geografskog područja. Stoga se slikovne karte najčešće koriste u geografskim područjima.
- Pogodnije je raditi s jednom slikom - ne morate brinuti o spajanju pojedinačnih fragmenata prilikom rezanja, a slika se lako može postaviti na pravo mjesto.
Cons
- Kada područje veze ima složen oblik, količina HTML koda se povećava. Kontura se aproksimira skupom pravih segmenata za svaku tačku takvog segmenta treba specificirati dvije koordinate, a ukupan broj takvih tačaka može biti prilično velik.
- U skladu s tim povećava se složenost specificiranja koordinata. Nije zgodno da ih navedete ručno, pa morate koristiti specijalni programi, koji vizualno prikazuju područja i omogućavaju vam da ih uređujete.
- Prilikom promjene slike, na primjer, kada povećavate razmjer, morat ćete ponovo postaviti koordinate svih referentnih područja.
- Različiti efekti koji su dostupni prilikom rezanja jedne slike na fragmente ne mogu se primijeniti na slikovne kartice: efekat kotrljanja, djelomična animacija, individualna optimizacija slika za brzo učitavanje.
- Ne postoje jasno definisane granice veze. Stoga ove granice moraju biti istaknute različitim sredstvima direktno na slici. Ako se slika iz nekog razloga ne učitava, razumijevanje skupa veza postaje vrlo problematično.
Sa stanovišta pogodnosti korisnika, slikovne mape imaju samo jednu prednost - uključivanje linkova različitih oblika. Ovo dodaje jasnoću prezentaciji informacija - nismo ograničeni na pravokutni oblik veze i možemo koristiti linkove složene konfiguracije za vlastite potrebe.
Imidž kartice su implementirane u dvije razne opcije- server i klijent. Kada koristite opciju servera, pretraživač šalje zahtev serveru za dobijanje adrese izabranog linka i čeka odgovor sa potrebnim informacijama. Ovaj pristup zahtijeva dodatno vrijeme za čekanje rezultata i odvojeni fajlovi za svaku slikovnu karticu.
U klijentskoj verziji, mapa se nalazi u istom HTML dokumentu kao i veza do slike. Da biste naznačili da je slika mapa, koristite atribut usemap elementa ![]()
. Vrijednost je pokazivač na opis konfiguracije kartice, koji se postavlja pomoću elementa
Primjer 1: Kreiranje mape slike
Slika mape
Unutar kontejnera
Element ima sljedeće atribute.
- oblik - definira oblik aktivnog područja. Oblik može biti u obliku kruga (krug), pravougaonika (pravougaonik), poligona (poli).
- alt - Dodaje alternativni tekst za svako područje. Služi samo kao komentar za link, jer se ne prikazuje na ekranu. Obavezni atribut ako je href prisutan.
- title - prikazuje opis alata kada pređete mišem preko područja.
- href - specificira adresu dokumenta na koju treba otići, njegov učinak je sličan sličnom atributu elementa
.
- coords - postavlja koordinate aktivnog područja. Koordinate se mjere u pikselima iz gornjeg lijevog ugla slike, što odgovara vrijednosti 0, 0. Prvi broj je horizontalna koordinata, drugi je vertikalna koordinata. Lista koordinata ovisi o obliku područja.
Za krug su navedena tri broja - koordinate središta kruga i polumjer.
