Hvordan lage en mus-over effekt med Dreamweaver

Hvordan lage en mus-over effekt med Dreamweaver. En "mus-over" effekt oppstår når en bruker flytter musepekeren
på et bilde. Når pekeren hviler på bildet, endrer den til noe annet. Dette er spesielt nyttig for navigasjonsknappene. Dreamweaver 3.0 har mus-over kommandoer klar til å sette opp!

Bruksanvisning

1 Begynn Dreamweaver og åpne siden musen-over effekten vil bli plassert på.

2 Åpne Sett inn-menyen og velg Roll bilde. En dialogboks vil vises.

3 Skriv inn navnet på bildet for å bli rullet over i den første boksen. For eksempel kan du ringe en hjemmeside knapp Hjem Roll.

4 I den neste boksen skriver plasseringen av bildet som skal vises på siden. Klikk Bla gjennom for å velge et bilde fra harddisken.

5 I Rollbilde skriver plasseringen av bildet som vil bli vist når musen svever over bildet. Klikk Bla gjennom for å velge et bilde fra harddisken.

6 Hvis bildet er klikkbare (koblet), skriver du inn webadressen i neste boks. Klikk på OK.

7 Lagre siden når du er ferdig.

8 Test musen-over ved å velge Forhåndsvisning i leser på Fil-menyen. Hold musen over bildet for å se det nye bildet ta sin plass.

Hint

• Kontroller at Preload Roll Bildet er merket av. Dette sikrer at bildene som brukes i musen-over er lastet inn på webområdet før brukeren har en sjanse til å sveve over basen bildet, noe som reduserer sjansen for feil.
• Begge bildene må være av samme størrelse.
• En mus-over er en del av en gruppe av handlinger som kalles "oppførsel" i Dreamweaver. Atferd, som er hendelser (for eksempel plassere musen) som utløser handlinger (som viser et nytt bilde), består av små biter av Javascript-kode som forteller nettleseren for å utføre en funksjon. For mer om Javascript, se "Hvordan å lære om Javascript" og "Hvordan legge til Javascript til en webside med Dreamweaver," under Relaterte eHows.