Hvordan Design din egen Web Button

Knappene som vises på en nettside inkluderer to viktige komponenter: et bilde og en link som sender besøkende til en bestemt nettside når det bildet er klikket. Disse knappene kan være så enkelt som det som vises på navigasjonsmenyen til et nettsted til banneret som vises langs toppen av skjermen. Knappene brukes til å lage en nettside ser attraktive og likevel fungere som et nettsted med linker som er synlige for sine besøkende. For å lage en web-knappen, finne eller lage en grafisk og bruke riktig HTML-koding.

Bruksanvisning

1 Se gjennom frie bildet lager nettsteder for en grafisk du ønsker å bruke som knapp. Merk at du også kan leie en grafisk designer eller lage ditt eget bilde ved å jobbe i et tegneprogram som Photoshop, Paintshop Pro eller Gimp.

2 Rediger-knappen til din smak. Endre ting som farge, font eller form, slik at knappen passer stedets layout. Endre størrelse på bildet for nettbruk. For eksempel, hvis du gjør et bannerbilde og ditt nettsted er 800 piksler bred, så din bannerbildet bør være minst 800 piksler bred også.

3 Lagre bildet på skrivebordet som en JPEG-fil og laste det opp ved å laste den inn i din web host eller ved å laste den opp til en deling av bilder nettsted som Photobucket, Flickr eller Snapfish.

4 Kopier URL eller plasseringen av bildet på nettet og lime den inn i et nytt dokument som du trenger det litt senere.

5 Åpne nettstedets indeksfilen og finne ut hvor du ønsker å plassere knappen i HTML-koden. For eksempel, hvis du bruker et banner, legge til noen kode på nettstedet ditt header området.

6 Kopier følgende kode og legg den inn i riktig område av nettstedet ditt:

<a href="webpage link">

<Img />

</a>

7 Skriv inn siden du ønsker på knappen for å lede besøkende til når den klikkes der det står "nettside link." Bruk den fullstendige URL-adressen, inkludert "http: // www."

8 Kopier nettadressen du lagret i trinn 4 og lime det inn der det står "bilde link." Lagre endringer på nettstedet ditt, og åpne et nytt nettleservindu.

9 Skriv inn nettadressen i nettleservinduet og ser over nettstedet. Sørg for at knappens plassering og koding er riktige. Gjør endringer der det er nødvendig ved å gå tilbake i indeksfilen og redigere HTML du nettopp har angitt.

Hint

  • Avhengig av hva slags knapper du gjør på nettstedet ditt, kan det være lurt å innlemme en logo, som din bannerbilde i knappene. Dette vil bidra til merkevaren din nettside.