Kurzes Tutorial zu Dreamweaver 4 (8. Hinzufügen interaktiver Effekte zu Webseiten 2)
Autor:Eve Cole
Aktualisierungszeit:2009-05-30 18:35:33
8. Fügen Sie interaktive Effekte zu Webseiten hinzu
Erstellen Sie komplexere interaktive Effekte
In Dreamweaver werden komplexere Effekte durch eine Funktion namens „Behaviors“ erzielt, was wörtlich „Verhalten“ bedeutet und bei uns auch als Ereignisantworten bezeichnet wird. Durch Änderungen an Webseitenelementen, wie Mausbewegungen, Klicks und anderen „Ereignissen“ (Events), dem Auslösen von Popup-Fenstern, dem Schließen der Seite und anderen „Reaktionen“ (Aktionen) handelt es sich um eine Ereignisreaktion. Und zum Glück ist die Entstehung von „The Act“ nahezu narrensicher.
Drücken Sie Umschalt+F3, um das Verhaltensfenster zu öffnen, wie unten gezeigt:
Das Hinzufügen von Verhalten zu einer Webseite erfordert die folgenden drei Schritte:
1. Wählen Sie die Elemente aus, die das Verhalten erzeugen, z. B. Bilder, Text mit Links, Ebenen usw. Wenn Sie möchten, dass der Effekt sofort beim Laden der Seite angezeigt wird, können Sie in der Statusleiste Beschriftung 2 auswählen und drücken Die Schaltfläche wählt eine Antwort aus (verschiedene Elemente haben unterschiedliche entsprechende Antworten) und legt die Eigenschaften dieser Antwort im folgenden Dialogfeld fest. Nachfolgend finden Sie eine Beschreibung der auswählbaren Antworten:
JavaScript aufrufen: Rufen Sie ein Stück JavaScript auf.
Eigenschaft ändern: Ändern Sie den CSS-Stil des HTML-Tags.
Browser prüfen: Geben Sie je nach Browser unterschiedliche Seiten ein.
Plugin prüfen: Prüfen Sie, ob der Browser über die notwendigen Plugins verfügt;
Shockwave oder Flash steuern: Steuern Sie die Wiedergabe von Shockwave- oder Flash-Animationen.
Ebene ziehen: Ermöglicht dem Betrachter das Ziehen von Elementen in der Ebene.
Gehe zu URL: Link zur angegebenen URL;
Jump-Menü, Jump-Menü-Go: Jump-Menü und Go-Taste;
Browserfenster öffnen: Öffnen Sie ein neues Browserfenster.
Ton abspielen: Ton abspielen;
Popup-Meldung: Popup-Warnfenster;
Bilder vorab laden: Bilder im Voraus lesen;
Bild der Navigationsleiste festlegen: Legen Sie das Bild der Navigationsleiste fest.
Text festlegen: Text an einer bestimmten Stelle anzeigen;
Ebene ausblenden anzeigen: Ebene ein- oder ausblenden;
Bild tauschen, Bild tauschen wiederherstellen: Bilder transformieren und Originalbilder wiederherstellen;
Zeitleiste: Steuern Sie die Wiedergabe der Zeitleiste.
Formular validieren: Überprüfen Sie die Richtigkeit des Formulars.
Erhalten Sie mehr Verhaltensweisen: Laden Sie weitere Verhaltensereignisse herunter.
3. Wählen Sie Ereignisse aus, um zu entscheiden, unter welchen Umständen die Reaktion ausgelöst wird. Zu den üblichen Ereignissen gehören:
onMouseOver: Die Maus bewegt sich zum Ziel;
onMouseUp: wenn die Maus gedrückt und dann die linke Taste losgelassen wird;
onMouseOut: wenn sich die Maus wegbewegt;
onMouseDown: Wenn die Maus gedrückt wird (die linke Taste muss nicht losgelassen werden);
onClink: wenn angeklickt;
onDblClick: bei Doppelklick;
onLoad: Beim Laden einer Webseite;
onUnload: beim Verlassen der Seite;
onResize: Wenn der Betrachter die Größe des Browserfensters ändert;
onScroll: Wenn der Betrachter die Bildlaufleiste zieht.