Hvordan Sett grafiske knapper på en webside

Putting grafiske knapper på nettstedet ditt vil gi den en mer tiltalende og profesjonelt utseende. Plus, det tar bare noen få minutter, og er ganske enkel.

Bruksanvisning

Hvordan Sett grafiske knapper på en webside

1 Åpne et grafikk program som Microsoft Publisher til en blank side for å lage din knapp. Bare tegne et rektangel med knappen grunnleggende former, velger en med avrundede hjørner for en mer tiltalende knapp.

2 Åpne opp tekstboksen funksjonen og skriv inn ordene du vil ha på knappen, og sentrere dette på rektangelet. Fyll rektangelet med fargen du ønsker, og legge til en ramme, skyggelegging, eller fylle effekter ved hjelp av Publisher funksjoner i verktøylinjen.

3 Lagre knappen som JPG-bilde og gi den et navn, button1.jpg. Deretter lagre den i bildene fil på webserveren din. Pass på at knappen er dimensjonert riktig, ved å sjekke pikselstørrelsen i egenskapsboksen (høyreklikk på bildet mens det er i mappen for å bringe dette opp).

4 Åpne opp din nettside i notepad eller en annen HTML tekst editor program og lokalisere hvor du vil at knappen skal vises på siden.

5 Skriv inn <img src = "../ images / button1.jpg">. Din knappen vil nå vises på denne siden, da lastet opp til webserveren din.

6 Skriv inn hyperlink til der du vil at besøkende skal gå når de klikker på denne knappen, akkurat som å koble til en annen side: <a href="www.yourwebsite.com/button-leads-to-this-page.html"> <img src = "../ images / button1.jpg"> </a>

Hint

  • For å endre størrelsen på knappen åpen maling, og klikk Image, deretter endre størrelse / skew og justere størrelsen. Skalering eller dimensjonering knappen rett i Publisher eller grafikkprogrammet gir deg en mye klarere og høyere kvalitet knapp.