Hvordan lage knapper i Dreamweaver CS5

Hvordan lage knapper i Dreamweaver CS5


Adobe Dreamweaver CS5, et program utviklet for å hjelpe web-designere, gir flere alternativer for å legge til linker til en nettside, inkludert snu bilder til linker. Dette er kjent som å skape en knapp; klikke på bildet utfører en kommando. På mange nettsteder, bildet som brukes for en knapp forteller brukeren hva knappen gjør. For eksempel kan et bilde av et brev åpne en e-posttekst og et bilde av et kamera kan ta brukeren til "Bilder" side.

Bruksanvisning

1 Åpne Adobe Dreamweaver CS5 program. Klikk på "File" -menyen og velg "New" eller "Open". Hvis du åpner et prosjekt som pågår, merker det i pop-up vindu og trykker "OK".

2 Sett kunstverk ved å klikke på "Insert" -menyen. Klikk på pilen ved siden av "Bilder" og bla til linjen der det står "bilde".

3 Endre størrelsen på bildet, om ønskelig, ved å dra hjørne innover eller utover.

4 Klikk på bildet slik at det er valgt. Naviger til Properties panel og mus-over URL-feltet. Klikk på dette feltet og angi riktig nettadresse. Dette vil slå ditt bilde til en knapp som fører dem til nettadressen. Alternativt, snu bildet inn i en knapp med en relativ URL ved å klikke på ikonet ved siden av "URL" -feltet. I popup-vinduet, finne den aktuelle filen og markere det. Trykk "OK". Dette gjør bildet til en link som fører til filen du har valgt.

5 Marker nummer i Border-feltet og skriv "0"

Hint

  • Design dine knappene i et bilderedigeringsprogram som Paint eller Photoshop.