Dreamweaver (im Folgenden als DW bezeichnet) bietet einen Mechanismus namens „Verhalten“, der Ihnen beim Aufbau interaktiver Verhaltensweisen auf der Seite hilft. Verhalten ist eine Reihe von Aktionen, die auf einer Webseite ausgeführt werden und durch die der Benutzer mit der Seite interagiert. Mithilfe des Verhaltens von DW können Sie umfangreiche dynamische Seiteneffekte und eine Benutzer-Seiten-Interaktion erzielen, ohne eine einzige Codezeile schreiben zu müssen.
Ein Verhalten besteht aus Ereignissen und Aktionen. Ein Ereignis ist das Ergebnis einer ausgelösten Aktion, und eine Aktion ist vorab geschriebener JavaScript-Code, der zum Ausführen einer bestimmten Aufgabe verwendet wird, z. B. das Öffnen eines Browserfensters, das Abspielen eines Sounds usw.
Wenn Sie Verhalten auf einem Seitenelement verwenden, geben Sie Aktionen und Ereignisse an, die ausgelöst werden sollen. DW hat einige bestimmte Aktionen bereitgestellt, die Sie auf Seitenelemente anwenden können.
1. Einige grundlegende integrierte Verhaltensweisen
1. JavaScript aufrufen (JavaScript aufrufen)
Mit diesem Verhalten können Sie das entsprechende JavaScript-Skript einrichten, das aufgerufen wird, wenn bestimmte Ereignisse ausgelöst werden, um die entsprechende Aktion zu implementieren. Wenn Sie dieses Verhalten festlegen, können Sie JavaScript-Skripte oder -Funktionen direkt eingeben.
2. Eigenschaft ändern (Change Property)
Mit diesem Verhalten können Sie Objekteigenschaften wie die Größe des Bildes, die Hintergrundfarbe der Ebene usw. dynamisch ändern. Beachten Sie, dass die Einstellung dieses Verhaltens von der Browserunterstützung abhängt.
3. Browser überprüfen
Es gibt bestimmte Unterschiede in den Unterstützungsfunktionen verschiedener Browser. Mithilfe dieses Verhaltens können wir die Browserversion überprüfen, um zu verschiedenen Seiten zu springen.
4. Plugin prüfen
Manchmal erfordern die von uns erstellten Seiten die Unterstützung bestimmter Plug-Ins, z. B. mit Flash erstellte Webseiten. Daher ist es notwendig, das Plug-In des Browsers des Benutzers zu überprüfen, um festzustellen, ob es über das angegebene Plug-In verfügt installiert. Dieses Verhalten bewirkt genau das.
5. Shockwave oder Flash steuern (Shockwave oder Flash steuern)
Shockwave und Flash sind Objekte, die häufig in die aktuelle Webseitenproduktion eingefügt werden. Dieses Verhalten wird zur Steuerung dieser Objekte verwendet. Sie können damit das Abspielen, Stoppen und Zurückkehren der Animation steuern, und Sie können auch den Frame steuern, zu dem direkt gesprungen werden soll.
6. Ebene verschieben (Ebene ziehen)
Mit dem Verhalten „Ebene verschieben“ können Ebenen auf der Seite und sogar Ebeneninhalte verschoben werden.
7. Zur URL springen (Gehe zu URL)
Sie können das aktuelle Browserfenster oder das angegebene Rahmenfenster angeben, um die angegebene Seite zu laden.
8. Sprungmenü
Das Verhalten „Sprungmenü“ wird hauptsächlich zum Bearbeiten von Sprungformularen verwendet.
9. Popup-Nachrichtendialogfeld (Popup-Nachricht)
Wenn Sie ein Informationsdialogfeld auf der Seite anzeigen oder dem Benutzer eine Aufforderungsnachricht geben möchten, können Sie dieses Verhalten verwenden.
2. Einfaches Beispiel
Im Folgenden nehmen wir dynamische Bilder als Beispiel, um die Verwendung von Verhaltensweisen vorzustellen. Zuerst müssen Sie zwei Bilder 1 und 2 in der gleichen Größe erstellen. Hier sind die spezifischen Schritte.
1. Öffnen Sie DW, um eine Seite zu erstellen und fügen Sie Abbildung 1 in diese Seite ein.
2. Wählen Sie Abbildung 1 im DW-Bearbeitungsfenster aus.
3. Wählen Sie „Verhalten“ im Menü „Fenster“ oder drücken Sie F8, um das Verhaltensfenster zu öffnen. Beachten Sie, dass im Popup-Menü „Ereignisse für“ „3.0 und neuere Browser“ ausgewählt sein sollte.
4. Klicken Sie auf die Schaltfläche „+“, um ein neues Verhalten hinzuzufügen – „Bild tauschen“. Das Dialogfeld „Bild tauschen“ wird angezeigt. In der Bildliste sehen Sie eine Liste aller Bilder auf der Seite. Wählen Sie das Bild 1 aus, das Sie umwandeln möchten. Wenn Sie mit dem Mauszeiger darüber fahren, wird es durch ein hervorgehobenes Bild 2 ersetzt. Ersatz.
5. Klicken Sie auf die Schaltfläche „Durchsuchen“ und wählen Sie das Bild aus, das Sie ersetzen möchten. Durch das Ereignis „onMouseOver“ ersetzt das ausgewählte Bild 2 das Originalbild 1.
6. Wählen Sie die Standardeinstellungen für Bildvorabruf und -speicherung.
Die Option „Bilder vorab laden“ bedeutet, dass beim Herunterladen der gesamten Seite die transformierten Bilder im Cache des Browsers abgelegt werden. Wenn der Betrachter den Mauszeiger zum ersten Mal über das Bild „Unsere Geschichte“ bewegt, ist das hervorgehobene Bild kaum zu spüren. Es gibt keine Verzögerung beim Erscheinen von . Die Option „Restore Images onMouseOut“ bedeutet, dass das Bild beim Eintreten des „onMouseOut“-Ereignisses (Mouse Out) automatisch in seinen ursprünglichen Zustand zurückgesetzt wird.
7. Nachdem die Einstellungen abgeschlossen sind, klicken Sie auf die Schaltfläche „OK“, um das Dialogfeld „Bild austauschen“ zu schließen und die vorherigen Einstellungen zu übernehmen.
Zu diesem Zeitpunkt enthält das Verhaltensfenster die Ereignisse und Aktionen, die Sie gerade für das Bild festgelegt haben. Neben dem Ereignis „OnMouseOver“ befindet sich eine Aktionsmarkierung „Bild tauschen“, und darüber befindet sich das Ereignis „onMouseOut“ und die entsprechende Aktion „Bild tauschen wiederherstellen“ (dieses Verhalten tritt auf, wenn Sie die Standardeinstellung im Dialogfeld „Bild tauschen“ akzeptieren). Box-Optionen definiert).
8. Schließen Sie das Verhaltensfenster. Drücken Sie F12, um eine Vorschau der Seite anzuzeigen. Wenn Sie den Mauszeiger auf Bild 1 bewegen, werden Sie feststellen, dass es durch Bild 2 ersetzt wurde.
Das obige Beispiel ist nur ein einfaches Anwendungsbeispiel für das Verhalten von DW. Es gibt viele weitere Einsatzmöglichkeiten, daher werde ich sie hier nicht einzeln erläutern. Darüber hinaus ermöglicht DW Benutzern auch die Nutzung erweiterter Verhaltensweisen, die auf der Macromedia-Homepage heruntergeladen werden können.