Uputstvo za izradu obrasca, Foto albuma i projekcije slajdova u programu

Dreamweaver 8

Izrada obrasca Web stranice često prikupljaju podatke od korisnika. Obrasci (eng. Forms) omogućavaju da korisnici pomoću njihovog browsera unose neke podatke i šalju ih na e-mail, snimaju na serveru ili prosleđuju nekoj aplikaciji. Obrasci u sebi sadrže različite vrste polja za unos ili izbor ponuđenih podataka.

Pre dodavanja pojedinih polja, morate da stavite obrazac na stranicu. On će sadržati polja u koja će posetioci upisivati podatke i zadavati naredbe.

Obrazac možete da stavite na stranicu naredbom Insert, Form, Form.

Crvene isprekidane linije označavaju površinu obrasca u prozoru dokumenta; ista površina je definisana unutar oznaka i u kodu. Crvene linije su nevidljivi elementi i prikazuju se samo u Dreamweaveru; površinu obrasca u browseru ništa ne označava. Te linije ne možete prevlačiti. Veličina obrasca zavisi od onoga što postavite u njega, a on će se produžiti koliko treba da bi obuhvatio sav sadržaj koji mu dodate. Unutar obrasca se obično kreira tabela, da bi se lakše kontrolisali položaji pojedinih polja obrasca; svako polje se onda postavlja u posebnu ćeliju tabele. Tabela poboljšava izgled obrasca i olakšava poravnanje teksta i slika sa poljima obrasca, kako bi im se dodao natpis. Tabelu možete da umetnete u obrazac i obrnuto, ali tabela mora biti potpuno unutar obrasca ili obrazac unutar tabele (ne smeju se preklapati). Vrednost "0" u poljima Cell Padding i Cell Spacing nije isto što i nepostojanje vrednosti u tim poljima. Ako nije zadata vednost, podrazumeva se 1 piksel, iako se broj 1 ne vidi u tim poljima. Definisanjem širine kolona pre umetanja teksta ili drugih objekata, lakše ćete održati veličinu ćelija dok u njih umećete potrebne objekte.

Form

Obično ćelije s leve strane sadrže natpise za polja obrasca, koje ćete upisati kada ih napravite. Ćelije s desne strane sadržaće sama polja. Postavite tačku umetanja u obrazac i odaberite Insert

U polje Legend unesite natpis odeljka i pritisnite OK. Proceduru ponovite za sva tri reda tabele.

Dodavanje polja za jedan red teksta Polja služe za prikupljanje informacija koje posetilac upisuje u njih. Obično se u polja za jedan red teksta upisuje ime i prezime, poštanska adrese ili adresa elektronske pošte. Sva polja i dugmad obrasca moraju biti smešteni unutar crvenih isprekidanih linija; u protivnom, neće biti deo obrasca. Ako pokušate da umetnete polja obrasca izvan crvenih linija, Dreamweaver će prikazati upozorenje, pitati da li želite da dodate HTML oznaku obrasca i ponuditi odgovore Yes i No. Ako izaberete No, polje ili dugmad neće raditi kao deo obrasca. Veoma je važno navesti natpise uz sve objekte na obrascu (tekstualna polja, polja za potvrdu itd.) da bi posetilac znao šta da upiše u njih. Bez natpisa, obrazac samo zbunjuje. Pozicionirajte se iza naziva Customer Details odeljka (Fieldset) koji ste napravili u prethodnoj vežbi, pritisnite Enter. Izaberite naredbu Insert, Form Objects, Text Field.

Nakon što ste odabrali opciju TextField pojaviće se okvir za dijalog:

Dodavanje polja za jedan red teksta

Polje za jedan red teksta umetnuto je u obrazac. Na panou svojstava prikazuju se svojstva polja kada ga umetnete ili pritisnete u prozoru dokumenta. Podrazumevana opcija vrste polja je Single line (za jedan red teksta). U ovom primeru, ostavićemo polje Init Val prazno. Možete da zadate početnu vrednost (eng. initial value) teksta koja se prikazuje u polju kada se strana učita. Iako posetilac može da promeni ovaj tekst, koristite ovu mogućnost oprezno. Posetioci koji hoće da na brzinu prođu kroz obrazac, mogu slučajno da preskoče polje koje već ima neki tekst, jer misle da su ga sami upisali. Početna vrednost teksta daje posetiocima primer kakve informacije se od njih traže. Izaberite polje koje ste upravo postavili i zamenite textfield rečju "ime" u polju Name na panou svojstava.

Osobine polja u obrascu

Kada se obrazac pošalje, ime tekstualnog polja opisuje informacije koje su unete u njega. U ovom slučaju, "ime" označava da je u polje upisano ime posetioca. Sva polja obrasca moraju imati imena. U imenima ne sme biti razmaka niti specijalnih znakova, a treba zapamtiti da se u njima razlikuju mala i velika slova. Dreamweaver poljima za tekst automatski dodjeljuje imena textfield1, textfield2 itd. Važno je da svim poljima date kratka, opisna imena. Pretpostavimo da na strani imate dva polja za tekst, svako sa odgovarajućim natpisom, u koje posetilac treba da upiše broj telefona kod kuće i na poslu. Ako im ostavite imena textfield1 i textfield2, po njima nećete moći da zaključite koji je broj kućni, a koji na poslu. Zabunu ćete izbeći, ako im date imena kao što su npr. brojkuca i brojnaposlu. Upišite 40 u polje Char Width na panou svojstava. Širina tekstualnog polja će se povećati tako da u njega stane približno 40 znakova. Početna širina polja je otprilike 24, iako je polje prazno. Stvarna veličina polja u browseru menja se u zavisnosti od veličine podrazumevanog fonta u browseru posetioca. I visina polja u browseru menja se u zavisnosti od veličine podrazumevanog fonta u browseru posetioca. Upišite 50 u polje Max Chars na panou svojstava. Parametar Max Chars ograničava ukupan broj znakova koje posetilac može da upiše. Na početku je ovo polje prazno, što znači da broj znakova koje posetilac može da upiše nije ograničen. Ako informacije šaljete bazi podataka u kojoj je broj znakova svakog polja ograničen po definiciji, i sami morate da stavite slično ograničenje. Ako je vrednost parametra Max Chars veća od vrednosti parametra Char Width, posetilac može da nastavi sa upisivanjem teksta koji će se automatski pomerati u polju. Pomeranje će prestati kada se dostigne vrednost parametra Max Char. Pažljivo zadajte vrednost parametra Max Chars za polja koja prihvataju podatke kao što su adrese e-pošte i URL adrese. Posetioci neće moći da upišu celu URL adresu ili drugu vrstu informacija, ako je ona duža od vrednosti parametra Max Chars, jer više neće moći ništa da upisuju kada dostignu zadato ograničenje. Obično tekstualno polje prikazuje informacije u browseru dok ih posetilac upisuje.

Tekstualno polje za lozinku Tekstualno polje za lozinku liči na ostala polja za tekst, ali se tekst upisan u njega prikriva na ekranu kružićima ili zvezdicama. Tako se tekst samo sakriva od onih kojih vam “vire” iza leđa dok upisujemo lozinku, ali se upisani znakovi ne šifruju niti obezbeđuju. Za šifrovanje je neophodno da se na Web serveru izvršava softver tzv. bezbednog servera (eng. secure server). Ako hoćete da umetnete polje za lozinku, ubacite obično polje za jedan red teksta, a za vrednost opcije Type na panou svojstava izaberite Password. Ova opcija obezbeđuje prikazivanje kružića ili zvezdica dok posetilac upisuje podatke u polje. Polja za lozinke mogu primati samo jedan red teksta. Vrednost parametra Max Chars za lozinke treba zadati prema maksimalnoj dužini lozinke na serveru.

Dodavanje polja za više redova teksta Polja za više redova teksta olakšavaju prikupljanje velikih količina informacija od posetilaca, jer daju oblast od više redova gde posetilac može da upisuje svoj tekst. U tipična polja za više redova teksta posetioci upisuju svoje komentare, mišljenja i zahteve. U ovoj vežbi stavićete polje za više redova teksta u tabelu unutar obrasca. Polje za više redova teksta biće umetnuto u istu kolonu kao i polja za jedan red teksta u prethodnom primeru. Izaberite Insert, Form Objects, Textarea.

Polje za više redova teksta umetnuto je na obrazac, pa se na panou Properties vide njegova svojstva.

Prilikom umetanja polja za više redova teksta, na panou svojstava imate i jednu dodatnu opciju. Padajuća lista Wrap dostupna je samo za višeredna polja. (Nedostupna je i siva za

Tip polja -lozinka

jednoredna polja i za polja za lozinke). U njoj se bira način prikazivanja teksta upisanog u polje, ukoliko ga ima više nego što staje na njegovu vidljivu površinu. Opcije su Default, Off, Virtual i Physical.

Default koristi podrazumevani parametar browsera. Ova opcija je automatski izabrana kada odaberete Multi line za opciju Type.

Off sprečava prelamanje teksta u novi red. Tekst se nastavlja u jednom redu sve dok se ne pritisne Enter (Return).

Virtual prelama tekst u novi red kada se stigne do ivice vidljive površine polja, ali se u tekst koji se šalje serveru ne ubacuju znakovi za prelazak u novi red.

Physical prelama tekst u novi red kada se stigne do ivice vidljive površine polja i u tekst koji se šalje serveru ubacuje znakove za prelazak u novi red.

Polje "Num Lines" na panou svojstava određuje broj redova koji se prikazuju na površini za pomeranje teksta polja. (Broj redova koje posetilac može da upiše nije ograničen).

Dodavanje polja za potvrdu Polja za potvrdu omogućavaju korisnicima da izaberu jednu ili više opcija u grupi povezanih stavki. Polja za potvrdu se obično koriste kada posetilac treba da izabere koliko god hoće prikazanih opcija. Ako hoćete da posetilac izabere samo jednu opciju, onda upotrebite radio-dugme. Izaberite Insert, Form, Check Box.

Kad odaberete opciju Checkbox pojaviće se sledeći okvir za dijalog.

Polje "Label" će ispisati opis pored polja za potvrdu (checkbox-a)

Polje za potvrdu je postavljeno u obrazac, a pano Properties prikazuje njegova svojstva. Obično se u obrascu dodaje više polja za potvrdu (odvojite ih sa Shift+Enter). Dok dodajete objekte u obrazac, tabela se produžava naniže kako bi sve to primila. Pri tom se može desiti da se crvena isprekidana linija ne pomera zajedno sa dnom tabele. U tom slučaju, pritisnite izvan tabele u prozoru dokumenta i Dreamweaver će da osveži prikaz tabele.

Osobine polja za potvrdu

Kada u dokument upisujete natpise za polja obrasca, pazite na to da tekst bude dovoljno blizu odgovarajućeg dugmeta ili polja, i ne previše blizu ostalih objekata na obrascu. Tako nećete zbuniti posetioce Web lokacije. Opcija "Initial State" može imati dve vrednosti, od kojih zavisi da li će polje biti uključeno (checked) ili isključeno (unchecked) kada korisnik prvi put otvori stranicu sa obrascem. Naravno, korisnik će moći menjati stanje tih polja, to su samo početna stanja.

Dodavanje radio-dugmadi Radio-dugmad predstavljaju grupu opcija. Biranje jedne opcije automatski poništava izbor svih ostalih opcija grupe. Radio-dugmad se obično koristi za izbor vrste kreditne kartice i odgovore tipa da/ne. Izaberite Insert, Form, Radio Group.

Kad odaberete opciju RadioGroup pojaviće se sledeći okvir za dijalog.

Dijalog za kreiranje grupe radio-dugmadi

Pomoću dugmadi plus (+) i minus (-) dodajete i brišete stavke u listama. Redosled dugmadi menjate pomoću dugmadi s trouglovima okrenutim nagore i nadole. Pritisnite dugme plus (+) i zamenite novi primerak reči "Radio" drugom rečju (npr. nazivom Maestro). U koloni Value, zamenite sve primerke rečju "radio" odgovarajućim tekstom. Kada koristite radio-dugmad, istim imenom morate da nazovete celu grupu stavki. Radio-dugmad treba da omogući izbor samo jedne stavke u grupi.

Grupa od tri radio-dugmeta

Ako umetnete jedno po jedno radio-dugme (pomoću naredbe Insert, Form, Radio Button), svu tu dugmad možete da učinite delovima iste grupe kada im date isto ime. Korišćenje istog imena za više radio-dugmadi označava da ta dugmad pripadaju istoj grupi. Ako imena nisu ista, ta radio-dugmad se smatraju pripadnicima različitih grupa, što je protivno svrsi radio-dugmadi. Možete da umetnete i samo jedno radio-dugme, ali imajte u vidu da, kada ga posetilac pritisne, jedini način da poništi izbor tog dugmeta jeste da obriše celi sadržaj obrasca dugmetom Reset. Opcija Line Breaks stavlja radio-dugmad u dokument tako da svaka stavka stoji u zasebnom redu teksta. Opcija Table umeće tabelu, tako da svaka stavka stoji u zasebnom redu tabele. Ako hoćete da testirate radio-dugmad, pritisnite svako dugme u grupi. Pri tom mora da bude poništen izbor svih ostalih dugmadi u grupi. Testiranje i biranje se mora obaviti u browseru, jer Dreamweaver ne prikazuje ni izbor ni potvrdu objekata na obrascima u prozoru dokumenta.

Dodavanje lista i menija Lista/meni omogućava da posetilac bira opcije iz liste čija se sadržaj pomera, ili iz menija. Lista čiji se sadržaj pomera omogućava da posetilac izabere više susednih ili nesusednih stavki, dok meni ograničava posetioca na izbor samo jedne stavke. U oba slučaja, izabrane stavke bivaju istaknute. Izaberite Insert, Forms, List/Menu.

Na obrazac je dodat mali meni, a i pano Properties prikazuje svojstva menija, jer Dreamweaver podrazumevano umeće meni, a ne listu.

Osobine liste

Na panou svojstva izaberite opciju List u polju Type i upišite 4 u polje Height. Potvrdite vrednost Allow multiple za polje Selections. Promenili ste format menija u format liste čija se sadržaj pomera. Da bi objekat na obrascu bio promenjen od menija u listu, morate mu zadati visinu (eng. height) veću od 1. Format liste ima i dodatnu opciju koje nema u slučaju menija. Možete izabrati da li će biti zadovoljeno biranje više opcija (eng. allow multiple selections) u listi. Podrazumevano, ova opcija nije potvrđena. Ako je potvrdite, posetilac može da izabere nesusedne stavke držeći taster Ctrl. Susedne stavke posetilac bira držeći taster Shift. Ako odlučite da dozvolite biranje više stavki u listi, obavestite posetioce o tome i o načinu na koji se to radi. Mnoštvo posetilaca ne zna navedene naredbe. Uvek treba pružiti posetiocima sve informacije i alatke potrebne za interakciju s lokacijom.

U polje Height treba upisati broj redova koji će se videti u listi čiji se sadržaj pomera. Ukoliko polje Selections ostavite nepotvrđeno, obavezno upišite broj vidljivih redova veći od 1. U protivnom, umesto liste čija se sadržaj pomera biće prikazan meni. Uvek zadajte visinu liste, jer ako to ne uradite, u njoj se prikazuje broj redova podrazumevan u

browseru posetioca, a on je različit. Pritisnite dugme List Values na panou svojstava. Otvorit će se okvir za dijalog List Values, isti za liste i za menije.

Dodavanje stavki u listu ili meni

Pritisnite dugme sa znakom plus (+) za dodavanje stavke. U polje "Item Label" upišite "English" i zatim pritisnite taster Tab. Širinu spiska/menija određuje dužina najduže stavke u spisku. U polje Value upišite "english". Pritisnite Tab ili dugme sa znakom plus (+) u gornjem levom delu okvira za dijalog, da biste dodali još jednu opciju u spisak. Za brisanje stavki iz dijaloga List Values upotrebite dugme sa znakom minus (-). Ponovite te korake da biste dodali u spisak stavke "Deutsch" i "France". U polje Value za ove stavke upišite "deutsch" i "france". Za menjanje redosleda stavki u listi upotrebite dugmad iznad polja Value (s trouglovima okrenutim nagore i nadole). Ako hoćete da dodate više stavki u listu, posle unošenja svake stavke pritisnite Tab i automatski ćete preći na dodavanje nove. Zatvorite okvir za dijalog pritiskom na OK. Lista prikazuje dodate opcije. Za sve stavke liste/menija, na panou svojstava postoji opcija Initially Selected (unapred izabrano). Bilo koja od stavki može biti izabrana kada se strana učita. Možda to nije poželjno u listama čija se sadržaj pomera, ali u menijima pomaže ako u prvom redu postoji primer ili uputstvo kao "Izaberite jednu...". Ako neku stavku unapred potvrdite, nema načina da to poništite, tj. da bi stavka izgubila svoju potvrdu, morate je obrisati u okviru za dijalog List Values i ponovo dodati. Za pravljenje menija umesto liste potrebno je da u polju Type odaberete Menu i zadate stavke u okviru za dijalog List Values, koji je isti za liste i menije.

Dodavanje dugmadi Obrasci najčešće imaju dva dugmeta: jedno za slanje (Submit) i drugo za brisanje podataka iz obrasca (Reset). Dugmetom Submit saopštava se browseru da pošalje podatke u skladu sa zadatom akcijom (Action) i metodom (Method). Dugme Reset briše informacije iz svih polja na strani.

Izaberite Insert, Form, Button.

Kada selektujete opciju Button pojaviće se sledeći okvir za dijalog.

Dijalog za kreiranje dugmadi Dugme Submit je umetnuto na obrazac, a pano Properties prikazuje njegova svojstva.

Dugme za slanje obrasca

Kako je dugme Submit podrazumevano, ne menjajte nijednu opciju za ovo dugme.

Dodajte još jedno dugme Submit. Jedina razlika je u imenu - ovo se zove submit2, jer dva dugmeta ne smeju imati isto ime. Jedini objekti na obrascu koji mogu (i treba) da imaju isto ime jesu radio-dugmad koja pripadaju istoj grupi. Dugme s kojim radite u ovoj vežbi razlikuje se, jer se ne može grupisati s drugom dugmadi i dodeliće mu se samostalna

akcija u sledećem koraku. Izaberite Reset form u području Action na panou svojstava. Tekst u polju Label (oznaka dugmeta na obrascu) automatski se menja u "Reset". Akcija resetovanja koju ste izabrali znači da se sva tekstualna polja, polja za potvrdu i radio-dugmad brišu i vraćaju u prvobitno stanje, koje su imala kada je strana bila učitana. Zadajte jasna imena za dugmad, a u skladu sa očekivanjima posetilaca. Submit i Reset su uobičajene oznake dugmadi na obrascima koje posetioci razumeju, jer se veoma često koriste.

Foto album za Web Dreamweaver sadrži funkciju koja od direktorijuma sa slikama pravi foto-album za Web. Opcija Web Photo Album pravi stranu sa umanjenim prikazima i hipervezama do velikih kopija slika. Da biste je iskoristili morate imati instaliran Fireworks na svom računaru. Da biste napravili foto album za Web otvorite novi HTML dokument. Iako Dreamweaver tu stranu neće koristiti u izradi foto albuma za Web, morate imati otvoren dokument da biste mogli da pristupite komandi Web Phot Album. Odaberite Commands>Create Photo Album.

U istoimenom okviru za dijalog u polje Photo album title unesite naslov PlanetQuest Naslov je obavezan, a polja Subheading info (podaci o podnaslovu) i Other info (ostale informacije) možete ostaviti prazna. Pritisnite dugme Browse desno od polja Source image folder, izaberite direktorijum u kojem se nalaze slike koje želite da sadrži foto album i pritisnite dugme Select. Za Destination Folder izaberite direktorijum Photo Album koji ste prethodno napravili u okviru direktorijuma u kojem se nalazi ceo sajt. Direktorijum Photo Album je trenutno prazan, ali kada završite vežbu, u njemu će se nalaziti sve datoteke vezane za foto album. Meni Thumbnail size sadrži 5 unapred definisanih veličina umanjenih prikaza, a podrazumevana je 100×100. Izvorne slike ne moraju biti kvadratnog oblika i veličina im neće biti promenjena da bi postale kvadratne. Kada imate skup slika različitih veličina, najveća dimenzija će biti ona koja je podrazumevano odabrana u meniju Thumbnail size, a ostale dimenzije biće određene proporcionalno. Opcija Show filenames, koja je podrazumevano potvrđena, prikazaće imena datoteka slika ispod umanjenih prikaza. Kada napravite foto-album za Web, umanjeni prikazi (i ogovarajuća imena datoteka, ako ste tu opciju potvrdili) biće raspoređeni u tabelu. Opcija Columns omogućava da odaberete koliko će biti kolona. Preko menija Thumbnail format i Photo format odabraćete u kojim će formatima slike

biti sačuvane. Format JPEG se preporučuje za fotografije, iako za veličine ispod 100 piksela format GIF daje manje datoteke i kvalitetnije slike, čak i kada su u pitanju fotografije. Ako odaberete jako male prikaze trebalo bi da za njih koristite format GIF. Opcija scale se odnosi samo na velike verzije fotografija i omogućava da njihovu veličinu podesite u odnosu na originale. Ako hoćete da svaka velika verzija fotografije bude smeštena u poseban HTML dokument, ostavite uključenu opciju Create navigation page for each photo. Kada podesite opcije foto lbum za Web, pritisnite OK. Fireworks će se automatski pokrenuti i početi paketnu obradu. Nemojte prekidati program. Kada se obrada slika završi, Dreamweaver će prikazati poruku Album created. Pritisnite OK i otvoriće se strana indeksa foto albuma.

IMAGE VIEWER – Projekcija slajdova Opcija Flash Elements (Flash elementi) omogućava brzu izradu interaktivnih strana. Flash element Image Viewer (prikazivač slika) pravi okruženje za projekciju slajdova u kom možete prikazati niz slika. Ovaj interaktivni format prezentacije, koja se lako može konfugurisati u Dreamweaveru, pruža razne mogućnosti, uključujući izradu potpisa slike i veza do svake slike u prezentaciji. Na traci Insert odaberite kategoriju Elements i pritisnite dugme Image Viewer.

Unesite naziv (npr. slideshow) za elemenat Image Viewer u polje Save as i snimite datoteku u direktorijum. Datoteka elementa Image Viewer je snimljena i Dreamweaver automatski dodaje nastavak .swf. Image Viewer se pojavljuje u prozoru dokumenta kao veliko sivo rezervisano polje sa ikonicom Flasha u sredini.

Svojstva Image Viewera na panou Properties.

Kategorija Flash Elements na traci Insert

Image Viewer

Pritisnite dugme Play na panou Properties. Image Viewer sa podrazumevanim parametrima pojavljuje se u prozoru dokumenta. Traka sa kontrolama na vrhu Image Viewera sadrži prazan prostor za naslov (na levom kraju trake), tekstualno polje prikazuje broj slike koja se trenutno prikazuje i omogućava korisniku da unese broj i pređe na drugu sliku, kao i tri dugmeta – Back, Play/Stop i Forward. Ispod kontrolne trake nalazi se područje za sliku.

Image Viewer ćete uglavnom konfigurisati na panou Tag Inspector. Taj pano se otvara automatski kada na stranu postavite Image Viewer i prikazuje podrazumevane parametre za ovaj Flash element.

Kontrolna traka

Prostor za naslov Back

Play/Stop

Forrward

Prostor za sliku Biranje slike/prikaz broja slike

Boja pozadine

Potpisi slika: boja, font, veličina

Okvir: boja, prikaz, debljina

Prikaz kontrolne trake Prikaz projekcije: automatski, kašnjenje, stalno ponavljanje

Naslov projekcije: boja, font, veličina

Efekat prelaza između slajdova

Pritisnite polje za vrednost opcije imageURLs na panou Tag Inspector; potom pritisnite dugme Edit Array Values koje se pojavljuje na desnoj strani polja. Opcija ImageURLs omogućava da odaberete slike koje će se nalaziti u Image Vieweru. Koristićete je da biste naveli lokaciju slika.

Okvir za dijalog Edit ’imageURLs’ Array otvara se prazan, potrebno je da zadate slike koje koje želite u prikazu Image Viewera. Pritisnite prvo polje a potom sličicu Foldera koja se pojavila pored polja, kako biste zadali putanje do željenih slika.

Dugme Edit Array Values Opcija imageURLs

Pritisnite polje vrednosti opcije imageCaptions na panou Tag Inspector, potom pritisnite dugme Edit Array Values koje se pojavilo desno od polja. Okvir za dijalog Edit ’imageCaptions’ Array otvara se prazan, potrebno je da zadate potpise slika. Kada pravite potpise za slike morate ih dodati istim redosledom kojim ste dodavali slie. Ako slike i njihovi potpisi nisu sliženi istim redosledom neće se složiti ni prilikom projekcije.

Opcija imageCaptions Dugme Edit Array Values

Prve tri slike su podrazumevano povezane sa adresom 'http://macromedia.com/'. Hiperveze možete dodavati na slike, menjati ili uklanjati tako što ćete pritisnuti polje za vrednost opcije imageLinks i potom pritisnuti duge Edit Array Values.

Okvir za dijalog Edit ’imageLinks’ Array slika sličan je okvirima za zadavanje slika i njihovih potpisa. Kao i kada ste dodavali potpise slika morate voditi računa o tome da veze dodate istim redosledom kojim ste dodavali slike. Cilj (eng. imageLinkTarget) definiše gde će biti otvorena veza. Podrazumevana vrednost je _blank koja otvara vezu u novom prozoru.

Opcija imageLinks

Dugme Edit ImageLinks Array s

Kada unesete sva podešavanja u okviru panoa Tag Inspector, pritisnite van Image Viewera u prozoru dokumenta da biste poništili njegov izbor, centrirajte ga na stranici. Snimite dokument, pogledajte ga u čitaču i testirajte.

Literatura: Dreamweaver MX Tutorial, http://www.macromedia.com/software/dreamweaver/, Macromedia Dreamweaver MX iz prve ruke, Khristine Annwn Page, Mikro Knjiga 2002. Programiranje za Internet, Samra Mujačić, Samir Lemeš, Zenica, 2006