Das Internet hat eine Vielzahl von Ressourcen , die frei Taste Bilder bieten für den Einsatz auf Ihrer Webseite ein. Mit Grafiken Software wie Adobe Photoshop , können Sie Ihren eigenen Text , um oben auf die Schaltfläche Grafik platzieren , dann verwenden Sie Web -Design-Software wie Macromedia Dreamweaver 8 , um den Link zu erstellen. Für dieses Tutorial sollten Sie bereits Ihre grundlegende Website in Adobe Dreamweaver 8 konfiguriert . Things You
Adobe Photoshop
Macromedia Dreamweaver 8
brauchen anzeigen Weitere Anweisungen
1
Suchen Sie Ihre gewünschte Schaltfläche Grafik , indem Sie auf den Link in Ressourcen .
Seite 2
Laden Sie die Schaltfläche Bild, das Sie ausgewählt haben, und speichern Sie sie in einen Ordner auf Ihrer Festplatte.
3
Verwenden Sie Adobe Photoshop , um die Schaltfläche Grafik Sie die heruntergeladene Datei zu öffnen .
4
Wählen Sie den " Horizontal Type Tool" in Photoshop. Wählen Sie Ihre bevorzugte Schriftart, unter Berücksichtigung der Größe der Schaltfläche Bild . Normalerweise ist eine Schriftgröße von 12 auf 14 Punkte angemessen sein.
5
Klicken Sie auf die Schaltfläche Grafik , wo Sie wollen die Schaltfläche Titel zu erscheinen. Geben Sie die Beschriftung der Schaltfläche . Für dieses Beispiel wird Typ " Download", um einen Klick auf diese Schaltfläche, geben Sie initiieren die Datei herunterzuladen.
6
Speichern Sie die geänderte Taste. Geben Sie " download_button " für den Dateinamen und wählen Sie " CompuServe GIF " für das Format . Klicken Sie auf " OK" , um die Schichten zu glätten , und wählen Sie "Web" für die Palette und drücken Sie dann "OK". Wir halten dies eine non-interlaced -Datei, so drücken Sie "OK" wieder für den nächsten Dialog . Legen Sie die Datei in Ihrem Dreamweaver root Ordner images .
7
Use Adobe Dreamweaver 8 , um die gespeicherte Schaltfläche Grafik in Ihre bestehende HTML -Dokument einfügen . Öffnen Sie die HTML- Datei, die Sie auf die Schaltfläche zum Hinzufügen . Wählen Sie die "Bilder"- Symbol aus dem Menü und wählen Sie dann die Datei, die Sie aus dem vorherigen Schritt mit dem "Select Image Source " Dialog Box gespeichert. Sie können auch mithilfe der Maus ziehen Sie einfach die ausgewählte Datei von Ihrem Ordner Bilder in der Registerkarte "Dateien" über Ihre HTML-Dokument.
8
Erstellen eines Links für den Download-Button in Ihrem HTML-Dokument. Klicken Sie auf die Schaltfläche und dann suchen Sie die "Link" -Feld in das Register Eigenschaften. Geben Sie den vollständigen Pfad zu der Datei, die Sie möchten, dass Benutzer von Ihrem Web- Server herunterladen. Der Pfad sollte mit http://beginnen.
9
Speichern Sie Ihre HTML-Dokument und suchen Sie dann die Datei im Dreamweaver Abschnitt Dateien für Ihre Website . Rechten Maustaste und wählen Sie " Setzen ", um die überarbeitete HTML-Datei und Knopfgraphik auf Ihren Webserver hochladen.
