Med millioner av nettsteder på Internett , er det viktig at nettstedet være minneverdig og unike. En teknikk som brukes til å legge en dynamisk effekt til nettsteder er rollover bilder , også kjent som rollover-knapper . I hovedsak, når den besøkende ruller over et bilde , vil det endre til noe annet. Når brukeren ruller av bildet, går den tilbake til den opprinnelige grafikken . Vanlige velt inkluderer subtile effekter som å endre fargen på bildet eller skrift . Du kan lage din egen rollover image med grunnleggende HTML-formatering i ulike web - design programmer . Du trenger , Bilde -redigering programvare en Web - design software
Vis flere instruksjoner
en
Opprett et nytt dokument i ønsket størrelse i piksler i bildet - redigering programvare som Photoshop . Gi knappen og rollover bilder. De to bildene må være identisk i størrelse.
2
Lagre begge bilder separat ved å navigere til "Fil "-menyen og klikke " Lagre". Lagre bildene som enten JPEG , GIF eller PNG-filer . Selv om JPEG og GIF -filer er mer vanlig , PNG-filer beholde åpenhet. Sørg for at du lagre bildet i nettstedets lokale root -mappen.
3
Åpne ønsket webdesign programvare, for eksempel Adobe Dreamweaver . Klikk på refresh -knappen i biblioteket for å oppdatere nettsiden bibliotek og lokale root -mappen. Finn bildene i den lokale root -mappen.
4
Bytt til nettsidens " Kode View" ved å velge Kode visning.
5
Type " 
< /a > " uten åpning og lukking anførselstegn inn i koden .
6 Erstatt" http://yourwebsite.com "med navnet på ditt nettsted. Erstatt " image1 " og " image2 " med navnet på knappen og rollover bilder. Din rollover image vil erstatte " image2 ", mens " image1 " står for den innledende knappen image .
