Internettet har en række forskellige ressourcer , der tilbyder gratis knap billeder til brug på din hjemmeside. Brug Grafisk design software som Adobe Photoshop , kan du tilpasse din egen tekst til at placere på toppen af knappen grafikken , og brug derefter Webdesign software som Macromedia Dreamweaver 8 til at oprette linket. I denne øvelse skal du allerede har grundlæggende website konfigureret i Adobe Dreamweaver 8 . Ting du skal
Adobe Photoshop
Macromedia Dreamweaver 8
Vis Flere Instruktioner
1
Find din ønskede knap grafik ved at gå til linket i Resources. < Br >
2
download knap billede , du har valgt, og gemme det i en mappe på din harddisk.
3
Brug Adobe Photoshop til at åbne knap grafisk fil, du hentede .
4
Vælg "Horizontal Type Tool " i Photoshop. Vælg din foretrukne skrifttype , under hensyntagen til størrelsen af den knap billedet. Normalt en skriftstørrelse på 12 til 14 point vil være hensigtsmæssig.
5.
Klik på knappen grafik, hvor du vil have knappen titlen skal vises . Skriv den knap etiket. I dette eksempel vil skrive " Download" for at indikere at klikke på denne knap starte filoverførsel .
6
Gem den ændrede knap. Enter " download_button " til filnavnet og vælg " CompuServe GIF " til format. Klik på "OK" for at glatte lag, og vælg "Web" for Palette derefter trykke på " OK". Vi vil holde denne en ikke -interlaced fil, så tryk på " OK" igen til næste dialogboks . Placer filen i din Dreamweaver rod billeder mappe.
7
Brug Adobe Dreamweaver 8 for at indsætte den gemte knappen grafik i din eksisterende HTML-dokument. Åbn HTML -fil, du ønsker at tilføje knappen til . Vælg "Billeder " ikonet fra menuen og derefter vælge den fil, du gemte fra det foregående trin ved hjælp af " Select Image Source " dialogboksen. Du kan også bruge musen til at blot at trække den valgte fil fra mappen Billeder i " Files " fanen over til din HTML-dokument.
8
Opret et link til download -knappen i dit HTML-dokument . Klik på knappen find derefter " Link " feltet i fanen Egenskaber . Indtast den fuldstændige sti til den fil, du ønsker brugerne at downloade fra din webserver . Stien bør begynde med http://.
9
Gem dit HTML-dokument og derefter finde filen i Dreamweaver Files afsnittet for din hjemmeside. Højreklik og vælg " Sæt " for at uploade den reviderede HTML-fil og knap grafik til din webserver .