Sådan oprettes en Rollover i Dreamweaver CS5

Omdiriger billeder på websider viser forskellige billeder, når musemarkøren passerer over dem. Ændringen understreger, at billedet er et link og kan forhåndsvise linkets destination. Hvis din virksomheds hjemmeside f.eks. Bruger billeder i en navigationsmenu, kan disse billeder svare til musens bevægelse, afsløre forskellige farvede tekst og en relevant baggrunds grafik. Du kan kodeoverførsler med CSS, men Dreamweaver CS5 skriver denne kode til dig, når du indsætter billedet ved hjælp af en dialogboks.

1.

Klik på "Design" i dokumentets værktøjslinje.

2.

Placer markøren, hvor du vil indsætte overførselsbilledet.

3.

Klik på "Insert" i menulinjen. Klik på "Billedobjekter" og "Rollover Image" for at åbne dialogboksen Indsæt rollover-billede.

4.

Klik på knappen "Gennemse" ved siden af ​​den originale billedboks. Naviger gennem dit filsystem og vælg det billede, der skal vises, når ingen mus ruller over billedet.

5.

Klik på knappen "Gennemse" ved siden af ​​feltet Rollover Image. Naviger gennem dit filsystem og vælg det billede, der skal vises, når musen ruller over billedet.

6.

Indtast overføringsbilledets destinationswebadresse i boksen mærket "Når du klikker, Gå til URL". Klik på "OK".

Tip

  • Du kan ikke forhåndsvise overførslen fra Dreamweaver. Gem siden og se den i en browser for at teste den.
 

Efterlad Din Kommentar