Hvordan lage overføringsbilder med HTML-kode

Forfatter: Marcus Baldwin
Opprettelsesdato: 22 Juni 2021
Oppdater Dato: 11 Kan 2024
Anonim
Hvordan lage overføringsbilder med HTML-kode - Artikler
Hvordan lage overføringsbilder med HTML-kode - Artikler

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)
  1. 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.

  2. 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.

  3. Å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.


  4. Bytt til kodesyn på nettsiden.

  5. Skriv "

    "I koden, uten start sitater.

  6. 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