|
|||||
![]()
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. |
|||||