|
|||||
Odprite nov HTML dokument v Dreamweaver-ju.
|
|||||
|
|||||
Shranite stran. Kliknite na File in izberite Save.
Datoteko imenujte index.html ali nekaj podobnega z končnico .html. |
|||||
|
|||||
Klinite na puščico pri gumbu Images: Image.
|
|||||
|
|||||
Prikažejo se vam nova orodja.
Izberite Rollover Image. |
|||||
|
|
|||||
Pri polju Original image kliknite na gumb Browse...
|
|||||
|
|||||
Poiščite sliko, ki bo predstavljala gumb, ki bo vedno viden ter potrdite na gumb OK.
Za kreacijo gumbov si oglejte lekcijo Enostavni gumbi. |
|||||
|
|||||
Sedaj izberite še sliko pri polju Rollover image.
Ta slika (gumb) se bo pojavila, ko boste z miško nad prvim gumbom. |
|||||
|
|||||
Ko boste določil obe sliki (gumba), potrdite še na OK.
|
|||||
|
|||||
Gumb se vam bo pojavil v dokumentu.
Shranite dokument. |
|||||
|
|||||
Oglejte si še interaktiven gumb v brskalniku.
Pritisnite tipko F12 ali pa izberite File, Preview in Browser in izberite brskalnik. |
|||||