Wie man eine Schaltfläche in Dreamweaver CS5

August 26

Adobe Dreamweaver CS5, eine führende Webseite-Design-Programm unterstützt verschiedene Möglichkeiten zum Erstellen von Schaltflächen. Allerdings hat Dreamweaver keine Grafiktools zum Erstellen von physischen Tasten. Die meisten Designer erstellen Sie Schaltflächen in einem Grafik-Editor, z. B. Photoshop, oder vorgefertigte Schaltfläche Grafiken aus dem Internet herunterladen. Um eine Rolloverschaltfläche, eine Schaltfläche erstellen, die Darstellung ändert, wenn der Benutzer ihr Maus drüber schwebt, benötigen Sie zwei Schaltfläche Grafiken--eine für den Up-Zustand der Schaltfläche und eine etwas andere Grafik für den Rollover-Staat. Dann können Sie Dreamweavers Rollover-Bild-Funktion, erstellen Sie Ihre Schaltfläche.

Anweisungen

1 Öffnen Sie die Dreamweaver HTML-Datei, in der Sie eine Schaltfläche hinzufügen möchten, oder starten Sie eine neue HTML-Datei klicken Sie im Menü "Datei" und wählen "Neu." Dies öffnet das Dialogfeld "neues Dokument". Wählen Sie HTML aus der Liste und das gewünschte Layout aus der Layout-Liste, und klicken Sie auf "Erstellen".

2 Speichern Sie Ihre zwei Button-Grafiken in das Root-Verzeichnis Ihrer Website. Wenn Ihre Website viele Grafiken enthält, erstellen Sie einen Unterordner mit dem Namen "Bilder" im Stammverzeichnis Ihrer Website und speichern Sie die Website Grafiken in diesem Ordner zu.

3 Klicken Sie auf der Seite, wo Sie Ihre Schaltfläche, um den Cursor einfügen zu platzieren möchten.

4 Klicken Sie im Menü "Einfügen", wählen Sie "Image-Objekt" und wählen Sie dann "Rollover-Bild." Dies öffnet das Dialogfeld Rollover-Bild einfügen.

5 Klicken Sie auf "Durchsuchen" neben dem Originalbild-Feld, das Originalbild-Dialogfeld zu öffnen. Wählen Sie die Schaltfläche Status auf Grafik und klicken Sie auf "OK".

6 Klicken Sie auf "Durchsuchen" neben dem Feld Rollover-Bild, um das Dialogfeld Rollover-Bild zu öffnen. Wählen Sie die Schaltfläche "Rollover-Staat"-Grafik, und klicken Sie auf "OK".

7 Geben Sie den Ziel-Link für die Schaltfläche in der "Wenn angeklickt, gehe zu URL" Feld.

8 Klicken Sie auf "OK".

9 Klicken Sie im Menü "Datei" und wählen Sie "Speichern unter" Öffnen Sie das Dialogfeld "Speichern unter". Benennen Sie und speichern Sie die Datei.

Tipps & Warnungen

  • Zum Testen Ihrer Rolloverschaltfläche, klicken unter der Menüleiste "Live View" und dann bewegen Sie den Mauszeiger über die Schaltfläche den Rollovereffekt zu sehen.
  • Beim Hochladen der Seite achten Sie auf die Schaltfläche Grafik hochladen. Andernfalls wird nicht Ihre Schaltfläche angezeigt.

SIE KÖNNEN AUCH GERNE