Wie Verwenden von Behaviors mit Boxen in Adobe Dreamweaver CS6

So fügen Sie coole Effekte und Interaktivität, können Sie mit der integrierten Adobe Dreamweaver CS6 Verhalten, eine Sammlung von ready-to-use-Skripte, die Sie fast jedes Element auf einer Seite anwenden können. Wenn mit DIVs oder anderen Behältern verwendet werden, können Verhaltensweisen verbessern sie mit Spezialeffekten oder Maus-Interaktion (wie Klicks und Prolongationen) die Seite spannender zu machen.

Das Bedienfeld VERHALTEN verfügt über eine ganze Reihe neuer Effekte wie Fade / Auftritt, Shrink, Markieren, Rutsche und vieles mehr - all das Sie auf die AP-Div-Tags anwenden können Sie erstellen.

Sie können Verhaltensweisen hinzufügen, indem Sie die folgenden Schritte:

  1. Wählen Sie Fenster-Behaviors auf das Bedienfeld Verhalten öffnen.

  2. Wählen Sie ein DIV durch die AP-Elemente Panel oder ein Element auswählen, die direkt auf der Seite.

  3. Im Bedienfeld VERHALTEN, klicken Sie auf das Pluszeichen.

    Das Menü der verfügbaren Verhalten erscheint.

  4. Aus dem Menü wählen Sie das Verhalten, das Sie anwenden möchten.

    Um zum Beispiel einen Fade-Effekt, wählen Sie Effekte erscheinen / Fade anzuwenden.

    Der Auftritt / Fade-Dialogfeld öffnet sich.

    bild0.jpg
  5. Stellen Sie sicher, dass der Effekt auf Fade und die Toggle-Effekt Kontrollkästchen die Box wieder angezeigt, um sicherzustellen, wenn es ein zweites Mal angeklickt. Dann klicken Sie auf OK.

    Das Verhalten wird in die Liste aufgenommen. Der Ausdruck onclick seiner linken Seite zeigt an, dass diese Aktion tritt auf, wenn das Feld geklickt wird.

  6. Wählen Sie Datei-Speichern, um die Seite zu speichern.

    Um den Effekt in Aktion, eine Vorschau der Seite in einem Browser zu sehen.

  7. Wählen Sie Datei-Vorschau im Browser und wählen Sie einen Browser die Seite zu starten.

Wenn Sie die Seite zu testen, die Box klicken, lässt sie verschwinden oder wieder - viel Spaß für Sie und interaktive für Anwender!

Falls Ihr Browser Skripts oder ActiveX-Steuerelemente, die Web-Seite von einschränkt ausgeführt wird, klicken Sie auf die Nachricht am oberen Rand des Browserfensters und wählen Sie Inhalt nicht blockiert richtig, die neuen Verhaltensweisen zu testen.

Wenn Effekte Verhaltensweisen verwendet werden, muss Dreamweaver zu Ihrer lokalen Site mehrere Dateien zu kopieren, die die Effekte möglich zu machen.

Menü