Mapiranje slike je dodela viลกestrukih linkova pojedinim delovima njene povrลกine, tzv. hot-spots. U HTML-u to se postiลพe koriลกฤenjem tagova: <MAP> i <AREA>, ali mi neฤemo to raditi „ruฤno“, veฤ ฤemo u pomoฤ pozvati aplikaciju Dreamweaver uz koju ฤemo, uz pomoฤ vizuelnih alatki, reลกiti ovaj problem.
Prethodno pripremite sliku za vaลก web sajt, ali pazite da ne bude prevelika. Pokrenite Dreamweaver i otvorite vaลกu web stranicu. Kliknite u stranicu, tamo gde ลพelite da dodate sliku. Sada ฤemo dodati sliku stranici i pripremiti mapu slike.
- Izaberite meni „Insert -> Image“.
- U sledeฤem dijalog prozoru pronaฤite vaลกu sliku na disku, kliknite na nju i pritisnite „OK“.
- Slika ฤe biti ubaฤena u stranicu.
Sada ฤemo pozvati paletu za podeลกavanje osobina objekata na stranici, izaberite meni „Window -> Properties“ ili pritisnite kombinaciju „Ctrl+F3“. Pojaviฤe vam se paleta za podeลกavanje, ukoliko je nevidite celu, kliknite na mali, beli trougliฤ u donjem desnom uglu palete. Ovaj donji deo je namenjen za mapiranje slika. Zapazite u donjem levo uglu tri alatke:
- Rectangular Hotspot Tool – namenjena kreiranju pravouglih, osetljivih povrลกina
- Oval Hotspot Tool – namenjena kreiranju kruลพnih, osetljivih povrลกina
- Polygon Hotspot Tool – namenjena kreiranju osetljivih povrลกina nepravilnog oblika.
Selektujte sliku na stranici i izaberite jedan od ova tri alata. Dovedite pokazivaฤ na povrลกinu slike i jednostavno „crtajte“ ลพeljenu povrลกinu linka. Uglavnom ฤete pokriti neke naslove koji ฤe linkovati na neke druge sadrลพaje. Kada ste dodali hotspot ostaje vam da datoj osetljivoj povrลกini dodate link. Preฤite na paletu „Properties“ i u polje link unesite apsolutnu ili relativnu adresu do ลพeljene stranice. U polju „Target“ moลพete birati na koji naฤin ฤe se otvoriti linkovana stranica (npr. u istom prozor, u novom prozoru). A u polju „Alt“ unesite alternativni naslov, tj. tekst koji ฤe se pojaviti kao „ToolTip“ kada miลกem doฤete iznad odgovarajuฤeg linka. Kada izvrลกite sva podeลกavanja za jednu sliku, onda ste izvrลกili mapiranje slike.
Pratite Krstaricu na www.krstarica.com