Dreamweaver 4 skola: Behaviors
Napisao: Dean Derencinovic ©
2001 - 2002
Behaviors je funkcija Dreamweavera koja vam omogucuje da
stranici dodate interaktivnost i neke zanimljive efekte bez
rucnog pisanja JavaScript kôda. U ovom clanku cete Behaviors
upoznati na najbolji nacin: preko kratkih uputa pomocu kojih
cete moci otvoriti novi prozor kad se misem prijedje preko
slike.
JavaScript se moze upisati izravno u HTML kod i obicno se
kombinira s multimedijalnim elementima (slike, zvukovi) za
dodavanje interaktivnosti. Funkcija BEHAVIORS koristi bas
taj JavaScript, a Dreamweaver automatizira postupke tako da
nemate brige oko onog "slozenog" JavaScript koda.
Iako na prvi pogled ova tema
izgleda pomalo "zastrasujuce", pogotovo ako ste pocetnik u
stvaranju svojeg (prvog) weba, zaboravite na cas na sve one
silne kodove koji se pojavljuju na raznoraznim web stranicama
i hrabro se uhvatite u "kostac" sa Behaviors i napravite cool
efekte.
U sljedecim
recima predstavit cu upotrebu Behaviors funkcije i pokusati vam na
najjednostavniji nacin pokazati kako u nekoliko poteza kreirati
otvaranje novog prozora prilikom prelaska misa preko neke slike.
Ovo je jedan od najjednostavnijih primjera. Dakle, krenimo redom:
- Otvorite
novi dokument (FILE -> NEW; ne obazirite se na sve one
podatke koji se nalaze izmedju <head> i </head>
tagova jer cete najbolje vidjeti sto se dogadja u kodu ukoliko
je kod cist)
- Ucitajte
sliku ili upisite tekst (kod teksta najprije upisite link
(ili "lazni link", <a href="#">
)
-
Otvorite Behaviors (Window -> Behaviors ili Shift+F3)
-
Kliknite na sliku da biste je oznacili (selektirali)
- Na
gornjoj lijevoj strani Behaviors panela kliknite na +
- Iz
menija odaberite Open Browser Window (postavke za otvaranje
novog prozora pretrazivaca)
- Upisite
parametre i odaberite sto zelite da Vam se ucita u novom
prozoru.
Parametri su sljedeci:
- URL
To Display - odredite stranicu ili sliku koja ce
se ucitati kada netkopredje misem preko linka (ja sam
postavio da se otvori slika iz primjera na kraju ovog
clanka)
- Window
Width/Height - odredite velicinu novog prozora (u
ovom primjeru to je 550x300 pixels, nesto vece od velicine
slike. Ukoliko zelite da vam se otvori slika, uvijek
ostavite malo bjeline da se prozor ne mora rastezati
- nije nuzno, ali je pozeljno)
- Attributes
- postavke kojima odredjujete koji ce dijelovi pretrazivaca
biti funkcionalni ili prisutni kada se prozor otvori.
To su navigacijska i naslovna traka, traka s izbornicima,
Scrollbars as Needed (prikaz Scrollbara po potrebi),
odnosno Resize Handles (rucno razvlacenje prozora).
Resize Handles je pogodna opcija ukoliko koristite isti
JavaScript, odnosno ukoliko vam se slike razlicitih
dimenzija otvaraju u prozoru iste velicine Ukoliko je
prozor manji od slike, pojavljuje se oznaka "Fit
To Screen", odnosno prozor se "rucno"
prilagodjava velicini slike.
- Window
Name - ime prozora koje OBAVEZNO mora biti razlicito
za svaki JavaScript posebno.
- Kliknite
na OK i "JavaScript" je gotov.
- Kad
prijedjete misem preko linka, otvorit ce vam se novi prozor
- I
TO JE TO!!!
Objasnimo nas primjer iz gornjih koraka vizualno:
 Strelica
prema dolje (oznacena pokazivacem misa) sluzi nam za mijenjanje
atributa (postavki) koje smo napravili. Kliknite dvaput i
otvoriti ce se prozor s postavkama. Klikom na "-"
brisemo efekt.
NAPOMENA: postavke kao sto su "onMouse..." dostupne
su samo ako je objekt (tekst ili slika) povezan linkom. Ukoliko
niste sigurni sto zelite linkati, koristite tzv. lazni link
# (ljestve) (<a href="#">)
koje u krajnjem slucaju koristite za "ON TOP LINK"
(Na Vrh). # uvijek mozete preimenovati u zeljeni link.
Oznaka
"+" sluzi nam za dodavanje novog Behaviors efekta - klikom
na taj gumb otvara se padajuci meni gdje u biramo Open Browser Window
(otvori u novom prozoru).
Kao sto
vidite na donjoj slici, u vase stranice mozete jednostavno unijeti
i neke druge efekte.
 |
Isprobajte
na djelu nas primjer - prijedjite misem preko ove slike
(napomena - ne funkcionira iz
newslettera).
Kod
ove slike bih se jos malo zadrzao zbog nekoliko zanimljivih opcija:
- Check
Browser - zanimljiva opcija ukoliko "linkate" DHTML
(dinamicnu interaktivnu) stranicu koja ima efekte samo za npr.
IE 5.0+ Browser. Tada samo odredite na koju cete stranicu "poslati"
sve one koji koriste druge pretrazivace
- Go
To URL - direktno prebacite sve posjetitelje koji misem predju
preko linka na "drugu" stranicu
- Play
Sound - unesite "zvuk" u link
- Control
Shockwave or Flash, Jump Menu, Drag Layer sluze
za upotrebu JavaScripti pri tim elementima.
|
Ovo su
samo neke od opcija, a i sve ostalo je tako jednostavno, samo
treba probati! Za dodatni primjer vam navodim i Behavior koji
otvara
novi browser prozor kad se prijedje misem preko linka. (napomena
- ne funkcionira iz newslettera).
O autoru:
Dean Derencinovic uredjuje
skolu CorelDrawa i Dreamweavera na svom web sajtu Jedva
Minus Dva. Inace se bavi izradom grafickih idejnih rjesenja
i DTP-om. Voli racunala i zna kuhati. Deana mozete poblize
upoznati na njegovom osobnom
sajtu.
|
Pretplatnika: 2171
Vi pitate, mi odgovaramo