Internett har en rekke ressurser som tilbyr gratis knapp bilder til bruk på ditt nettsted. Ved hjelp av grafisk design programvare som Adobe Photoshop , kan du tilpasse din egen tekst for å plassere på toppen av knappen grafikken, og deretter bruke Web design software som Macromedia Dreamweaver 8 for å opprette koblingen. For denne opplæringen , bør du allerede har din grunnleggende nettsted konfigurert i Adobe Dreamweaver 8 . Du trenger
Adobe Photoshop
Macromedia Dreamweaver 8
Vis flere instruksjoner
en
Finn din ønsket knapp grafisk ved å gå til koblingen i Resources .
2
Last ned -knappen bildet du har valgt, og lagre den i en mappe på harddisken .
3
bruk Adobe Photoshop for å åpne knappen grafiske filen du lastet ned .
4
Velg " Horizontal Type Tool " i Photoshop . Velg ønsket skrift , husk størrelsen på knappen image . Normalt en skriftstørrelse på 12 til 14 poeng vil være hensiktsmessig .
5
Klikk på knappen grafikken der du vil at tittelen på knappen vises. Skriv inn knappen merket. For dette eksempelet , vil type " Last ned " for å indikere klikke på denne knappen starte filnedlasting .
6
Lagre den modifiserte knappen . Enter " download_button " for filnavnet og velg " CompuServe GIF " for formatet . Klikk " OK " for å slå sammen lagene og velg " Web " for Palette trykk " OK ". Vi vil holde dette en ikke- interlaced fil , så trykker du på " OK " igjen for den neste dialogboksen. Plasser filen i Dreamweaver root Bilder-mappen.
7
Bruk Adobe Dreamweaver 8 for å sette inn den lagrede knappen grafikk inn i eksisterende HTML-dokumentet. Åpne HTML -filen du vil legge til på knappen for å . Velg " Bilder" -ikonet fra menyen og velg filen du lagret fra forrige trinn ved hjelp av " Select Image Source " dialogboksen. Du kan også bruke musen til å bare dra den valgte filen fra mappen Bilder i "Files "-kategorien over til HTML-dokumentet .
8
Lag en link til nedlastingen knappen i HTML-dokumentet . Klikk på knappen finn deretter "Link "-feltet i kategorien Egenskaper . Skriv inn hele banen til filen du vil at brukerne skal laste ned fra webserveren . Banen bør begynne med http://.
9
Lagre HTML-dokumentet , og finn deretter filen i Dreamweaver filer seksjonen for ditt nettsted. Høyreklikk og velg " Sett " for å laste opp den reviderte HTML-fil og knapp grafikken til din webserver.