Miten luoda Rollover Dreamweaver CS5: ssä

Web-sivuilla olevat siirtymiskuvat näyttävät erilaisia ​​kuvia, kun hiiren kohdistin siirtyy niiden yli. Muutos korostaa, että kuva on linkki ja voi esikatsella linkin kohdetta. Esimerkiksi jos yrityksesi verkkosivusto käyttää kuvia navigointivalikossa, nämä kuvat voivat vastata hiiren liikkumiseen ja paljastaa erilaisen värillisen tekstin ja asiaankuuluvan taustakuvan. Voit koodata rolloverit CSS: llä, mutta Dreamweaver CS5 kirjoittaa tämän koodin, kun lisäät kuvan käyttämällä valintaikkunaa.

1.

Valitse Asiakirjan työkaluriviltä "Suunnittelu".

2.

Aseta kohdistin kohtaan, johon haluat lisätä kääntökuvan.

3.

Valitse valikkoriviltä "Lisää". Napsauta "Image Objects" ja "Rollover Image" avataksesi Lisää Rollover Image -valintaikkunan.

4.

Napsauta Etsi-painiketta alkuperäisen kuvan vieressä. Selaa tiedostojärjestelmääsi ja valitse kuva, joka tulee näkyviin, kun hiiren rullaa kuvan päälle.

5.

Napsauta "Selaa" -painiketta vierityskuvan ruudun vieressä. Selaa tiedostojärjestelmääsi ja valitse kuva, joka tulee näkyviin, kun hiiri rullaa kuvan päälle.

6.

Kirjoita rollover-kuvan kohde-URL-osoite ruutuun "Kun napsautat, Siirry URL-osoitteeseen". Napsauta OK.

Kärki

  • Et voi esikatsella siirtymistä Dreamweaverin sisällä. Testaa sivu ja tallenna se selaimessa.
 

Jätä Kommentti