Innhold
Med millioner av nettsteder som finnes på internett, er det viktig at din er unik. En teknikk som brukes til å legge til en dynamisk effekt på nettsteder, er "overgangsbilder", også kjent som "overgangsknapper". I hovedsak, når besøkende svinger over et bilde, endres det, og vender tilbake til det normale når musen fjernes. Dette kan brukes til noen subtile effekter, for eksempel å endre fargen på bildet eller brevet. Du kan lage ditt eget rollover-bilde med grunnleggende HTML-formatering i ulike designprogrammer.
retninger
Lag dynamiske nettsteder ved hjelp av rollover-bilder (Jupiterimages / Photos.com / Getty Images)-
Opprett et nytt dokument med ønsket størrelse (i piksler) ved hjelp av bildedigeringsprogramvare, for eksempel Photoshop. Lag de normale og "rollover" -bildene, som må ha samme størrelse.
-
Lagre begge bildene individuelt ved å gå til "Fil" -menyen og velg "Lagre". Bruk JPEG-, GIF- eller PNG-formater. Selv om de to første er de mest brukte, beholder PNGs gjennomsiktighet. Pass på å lagre bildet til den lokale rotmappen på nettstedet ditt.
-
Åpne riktig designprogramvare, for eksempel Adobe Dreamweaver. Klikk på "Oppdater" -knappen i biblioteket for å oppdatere biblioteket og lokal rotmappe for nettstedet ditt. Finn bildene i rotmappen.
-
Bytt til kodesyn på nettsiden.
-
Skriv "
"I koden, uten start sitater. -
Erstatt "http://yoursite.com" med din webadresse. Skift også "IMAGE1" og "IMAGE2" med navnene på de normale og "rollover" bildene.
Hva du trenger
- Bilderedigeringsprogramvare
- Webdesign programvare