Operation Manual

501
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Daten mit Spry anzeigen
Spry-Datensätze
Bei einem Spry-Datensatz handelt es sich im Grunde um ein JavaScript-Objekt, das eine von Ihnen festgelegte
Zusammenstellung von Daten enthält. In Dreamweaver können Sie solch ein Objekt problemlos erstellen und Daten
aus einer Datenquelle (beispielsweise aus einer XML- oder HTML-Datei) in das Objekt laden. Der entstehende
Datensatz ist ein Feld von Daten in Form einer Standardtabelle mit Zeilen und Spalten. Wenn Sie einen Spry-
Datensatz mit Dreamweaver erstellen, können Sie auch festlegen, wie die Daten auf einer Webseite angezeigt werden
sollen.
Sie können sich einen Datensatz als virtuellen Behälter vorstellen, dessen Struktur aus Zeilen und Spalten besteht. Er
existiert als ein JavaScript-Objekt, dessen Informationen nur sichtbar sind, wenn Sie genau angeben, wie diese auf der
Webseite angezeigt werden sollen. Sie können alle Daten in diesem Behälter anzeigen oder auch nur ausgewählte Teile.
Umfassende Informationen zur Funktionsweise von Spry-Datensätzen finden Sie unter
www.adobe.com/go/learn_dw_sdg_sprydataset_de.
Ein Video des Dreamweaver-Entwicklungsteams mit einem Überblick über die Verwendung von Spry-Datensätzen
finden Sie unter www.adobe.com/go/dw10datasets_de.
Ein Video-Tutorial zur Verwendung von Spry-Datensätzen finden Sie unter www.adobe.com/go/lrvid4047_dw_de.
Spry-Datensätze erstellen
Spry-HTML-Datensätze erstellen
1 Wenn Sie nur einen Datensatz erstellen, müssen Sie sich keine Gedanken über die Position der Einfügemarke
machen. Wenn Sie einen Datensatz erstellen und gleichzeitig ein Layout einfügen möchten, stellen Sie sicher, dass
sich die Einfügemarke an der Position befindet, an der das Layout auf der Seite eingefügt werden soll.
2 Wählen Sie „Einfügen“ > „Spry“ > „Spry-Datensatz“ aus.
3 Führen Sie im Dialogfeld „Datenquelle angeben“ die folgenden Schritte aus:
• Wählen Sie im Popupmenü „Datentyp auswählen“ die Option „HTML“ aus. (Diese Option ist standardmäßig
ausgewählt.)
• Legen Sie einen Namen für den neuen Datensatz fest. Der Standardname für den ersten erstellten Datensatz ist
„ds1“. Der Datensatzname kann nur Buchstaben, Ziffern und den Unterstrich enthalten und darf nicht mit einer
Ziffer beginnen.
Zu ändernde Farbe Dazugehörige CSS-Regel Zu ändernde dazugehörige
Eigenschaft
Hintergrundfarbe des
Widgets im Gültig-Zustand
.confirmValidState input,
input.confirmValidState
background-color: #B8F5B1;
Hintergrundfarbe des
Widgets im Ungültig-
Zustand
input.confirmRequiredState,
.confirmRequiredState input,
input.confirmInvalidState,
.confirmInvalidState input
background-color: #FF9F9F;
Hintergrundfarbe des
Widgets im Fokus
.confirmFocusState input,
input.confirmFocusState
background-color: #FFFFCC;