Spry-Assets in Adobe Dreamweaver sind vorgefertigte Seitenelemente, die aus HTML, Cascading Style Sheets und JavaScript bestehen. HTML ist die Seitenauszeichnungssprache, die zum Erstellen von Webseiten verwendet wird. Cascading Style Sheets (CSS) werden verwendet, um das Erscheinungsbild von HTML-Dokumenten zu formatieren. und JavaScript ist eine weit verbreitete clientseitige Skriptsprache. Dreamweaver enthält viele Spry-Elemente zum Erstellen verschiedener Arten von Menüs, Navigationsleisten und Formularelementen. Sie können das Erscheinungsbild eines Spry-Assets ändern, indem Sie dessen CSS-Regeln bearbeiten.
1
Öffnen Sie die Dreamweaver-HTML-Datei mit einem Spry-Asset, das Sie ändern möchten, oder starten Sie eine neue HTML-Datei, indem Sie auf das Menü „Datei“ klicken und „Neu“ auswählen. Das Dialogfeld Neues Dokument wird geöffnet. Wählen Sie „HTML“ aus der Liste „Typ“ und wählen Sie das gewünschte Layout aus der Liste „Layout“. Klicken Sie auf die Schaltfläche „Erstellen“.
2
Klicken Sie auf das Menü „Datei“ und wählen Sie „Speichern unter“. Das Dialogfeld Speichern unter wird geöffnet. Benennen und speichern Sie Ihre Datei.
3
Klicken Sie mit dem Mauszeiger auf die Seite an der Stelle, an der Sie ein Spry-Asset einfügen möchten.
4
Klicken Sie auf das Menü „Einfügen“, wählen Sie „Spry“ und wählen Sie dann ein Spry-Asset aus dem Flyout-Menü. Dreamweaver fügt das Spry-Asset in die Seite ein. Die Art des erstellten Seitenelements hängt von der Spry-Option ab. Wenn Sie beispielsweise ein Spry-Menü auswählen, fügt Dreamweaver ein Menü ein. Wenn Sie ein Spry-Formularfeld ausgewählt haben, fügt Dreamweaver ein Formularfeld ein. Sie können ein bestimmtes Objekt im Element bearbeiten, z. B. eine Menübezeichnung oder einen Formularfeldrand, indem Sie es auswählen und anschließend die CSS-Regeln des Objekts bearbeiten.
5
Wählen Sie das Objekt aus, das Sie bearbeiten möchten.
6
Gehen Sie zum Bereich „Eigenschaften“ und klicken Sie auf die Schaltfläche „Regel bearbeiten“, um das Dialogfeld „CSS-Regeldefinition“ für das ausgewählte Objekt zu öffnen. Sie können zahlreiche Änderungen am Erscheinungsbild des Objekts vornehmen. Um beispielsweise das Erscheinungsbild von Text zu ändern, klicken Sie in der Kategorieliste auf „Typ“. Hier werden Optionen zum Ändern der Eigenschaften des ausgewählten Texts im Seitenelement angezeigt, z. B. Schriftfamilie, Schriftgröße und Schriftstil. In diesem Dialogfeld können Sie auch den Hintergrund, den Rahmenstil und viele andere Eigenschaften ändern.
7
Beenden Sie Ihre Änderungen und klicken Sie dann auf „Übernehmen“. Dreamweaver zeigt die Änderungen auf der Seite an. Klicken Sie auf „OK“, um das Dialogfeld „CSS-Regeldefinition“ zu schließen.
8
Wählen Sie ein anderes Objekt aus, das Sie ändern möchten, und klicken Sie auf die Schaltfläche „CSS-Regel“.
9
Nehmen Sie die Änderungen wie in den Schritten 6 und 7 beschrieben vor.