Dreamweaver – Mapiranje slika

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