Zum nächsten Schaltfläche Navigation Code in Dreamweaver

February 21

Adobe Dreamweaver vereinfacht eine Menge Arbeit bei der Entwicklung einer Webseite, inklusive der Platzierung von Bildern und Hinzufügen von Code zu diesem Bild. Bei der Verwendung von Schaltflächen ist es eine gute Idee, legen Sie sie in ihrem eigenen Ordner auf Ihrer Website für den einfachen Zugriff, wenn Sie in Zukunft zusätzliche Seiten hinzufügen. Um sicherzustellen, dass Ihre Knöpfe richtig zu laden, bevor die Seiten auf Ihren Webserver hochladen, imitieren Sie die Dateistruktur Ihrer Website auf Ihrer Festplatte, einschließlich der Ordnernamen für Ihre Knöpfe und andere Bilder in einem ""-Stammordner, wo Ihre Seite "index.html" befindet.

Anweisungen

1 Öffnen Sie die Web-Seite in Dreamweaver. Klicken Sie im Menü "Ansicht" und wählen Sie "Code and Design." Der HTML-Code ist im oberen Bereich dargestellt und eine visuelle Darstellung der Seite wird im unteren Bereich des Fensters Dreamweaver angezeigt.

2 Die Registerkarte "Allgemein" im Bereich einfügen, klicken Sie auf das Symbol "Bild". Ein Navigationsfenster öffnet sich.

3 Wählen Sie das Bild als Navigationsschaltfläche verwendetem. Klicken Sie auf "Wählen". Geben Sie im folgenden Fenster die Alternative Text und Bild-Beschreibung, falls gewünscht.

4 Klicken Sie auf das Bild im Bereich "Design" des Fensters.

5 Klicken Sie auf "Bearbeiten" Menü und klicken Sie auf "Eigenschaften", wenn Sie Dreamweaver CS4 verwenden. Dreamweaver CS5 klicken Sie im Menü "Fenster" und wählen Sie "Eigenschaften".

6 Typ Webadresse der Seite die Schaltfläche wird im Feld "Link" zu verbinden. Dies sollte als Beispiel wie "http://www.example.com/page-2.html" aussehen.

7 Klicken Sie im Menü "Ziel" und wählen Sie "_blank" die neue Seite in einem neuen Tab oder Fenster geöffnet. Obwohl Sie "_parent" auswählen können, um die Seite in der gleichen Tab oder Fenster öffnen, ist dies nicht notwendig, da dies die Standardeinstellung ist, wenn keine "Zielsetzung" angegeben ist.

8 Speichern Sie die Seite durch Auswahl von "Speichern" im Menü "Datei". Dann klicken Sie erneut auf das Menü "Datei" und wählen Sie "Vorschau in Browser." Klicken Sie auf Ihren bevorzugten Browser die Darstellung der Seite Vorschau anzeigen. Klicken Sie auf "Weiter", auf Ihrer Seite, um sicherzustellen, dass der Link funktioniert wie erwartet.