Hvordan lage din egen HTML Knapper

Button bilder er bilder som vises på websider som, når den klikkes, vil re-dirigere brukeren til en annen nettside, webside eller ressurs. Opprettelsen av en knapp bilde innebærer bruk av et grafisk bilde kombinert med spesialskrevet Hyper Text Markup Language kode for å oppnå den ønskede handlingen.

Bruksanvisning

1 Lagre valgte bildefilen i mappen som inneholder lokalt lagret nettside eller forberede et bilde for lagring i en Web-kompatibelt format, for eksempel GIF, JPG eller PNG, ved hjelp av et bilde program som Photoshop, Paint eller Gimp. Bildet skal være akkurat det samme - målt i piksler - som skal vises på websiden.

2 Opprett en ny side i et tekstredigeringsprogram, som Wordpad for Windows eller TextEdit på Mac eller åpne eksisterende HTML-siders dokument der knappbildet vil bli satt inn. Lagre siden i sin ønskede mappen, som også inneholder bildet. Det er viktig at verken bilde eller websiden er flyttet fra dette stedet ellers presise linker vil slutte å fungere.

3 Skriv følgende HTML-kode i siden på det punktet hvor du ønsker aktiverer knappen image: <A HREF="pagetwo.html">, der "pagetwo" er den siden som brukeren vil bli rettet når du klikker på bildet .

4 Skriv inn koden som beskriver den nøyaktige plasseringen av bildet i forhold til den siden du oppretter. Dette kan være <img src = "bilde.jpg">, hvor "image" er navnet på bildet opprettet, og ".jpg" er bildefilen format. Sett inn denne koden umiddelbart etter HTML-koden allerede opprettet i trinn 3. Lagre filen som "pageone.html."

5 Åpne din foretrukne nettleser, enten ved å skrive inn nøyaktig filbanen i adressefeltet eller høyreklikke på filen ikonet og velge "Åpne med" i hurtigmenyen. Siden heter "pageone.html" inneholder bildet vil nå vise. Markøren vil endres etter hvert som den beveger seg over bildet, noe som indikerer at det uttrykker en hyperkobling. Klikk på bildet for å vise andre Web-siden du opprettet.

Hint

  • Det er god praksis å bruke filnavn enkle å forstå, og som ikke inneholder mellomrom når du oppretter websider. Når du lagrer bildene i et bilderedigeringsprogram, alltid velge sin "Web klar" alternativet for å minimere filstørrelser og samtidig beholde kvaliteten.
  • Flytt aldri elementer av en webside når det har blitt opprettet, ellers eventuelle koblinger mellom dem vil bli ødelagt. Test alltid på HTML-sider i en nettleser før du legger dem til webserveren.