Operation Manual

Table Of Contents
458
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Alle Widgets im Spry-Framework sind mit eindeutigen CSS- und JavaScript-Dateien verknüpft. Die CSS-Datei enthält
alles Notwendige für den Widget-Stil, während die JavaScript-Datei ihre Funktionalität bestimmt. Wenn Sie ein
Widget über die Dreamweaver Benutzeroberfläche einfügen, verknüpft Dreamweaver diese Dateien automatisch mit
Ihrer Seite. Ihr Widget erhält dadurch Funktionalität und Stil.
Die mit einem Widget verknüpften CSS- und JavaScript-Dateien werden nach dem Widget benannt. So wissen Sie
immer, welche Dateien zu welchem Widget gehören (So heißen die mit dem Akkordeon-Widget verknüpften Dateien
folgerichtig „SpryAccordion.css“ und „SpryAccordion.js“). Wenn Sie ein Widget in eine gespeicherte Seite einfügen,
erstellt Dreamweaver einen Ordner mit Namen „SpryAssets“ auf Ihrer Site, in dem die dazugehörigen JavaScript- und
CSS-Dateien gespeichert werden.
More Help topics
Grundlegendes zu Cascading Stylesheets” on page 134
Spry-Widgets - Ressourcen und Tutorials
Die folgenden Online-Ressourcen enthalten weiterführende Informationen zum Anpassen von Spry-Widgets.
Spry widget samples (Beispiele für Spry-Widgets)
Customizing Spry Menu Bars in Dreamweaver (Spry-Menüleisten in Dreamweaver anpassen)
Spry Validation widgets (Spry-Überprüfungs-Widgets) - Video-Tutorial
Spry-Widget einfügen
Wählen Sie „Einfügen“ > „Spry“ und dann das einzufügende Widget aus.
Bei diesem Vorgang fügt Dreamweaver beim Speichern der Seite automatisch die benötigten Spry JavaScript- und
CSS-Dateien hinzu.
Note: Sie können Spry-Widgets auch über die Kategorie „Spry“ im Bedienfeld „Einfügen“ hinzufügen.
Spry-Widget auswählen
1 Zeigen Sie mit dem Mauszeiger auf das Widget. Daraufhin wird sein blau gestrichelter Rahmen angezeigt.
2 Klicken Sie oben links auf das Widget-Register.
Spry-Widget bearbeiten
Wählen Sie das zu bearbeitende Widget aus und nehmen Sie Ihre Änderungen im Eigenschafteninspektor
(„Fenster“ > „Eigenschaften“) vor.
Genaue Informationen zum Bearbeiten bestimmter Widgets finden Sie im jeweiligen Abschnitt.
Stil eines Spry-Widgets festlegen
Suchen Sie nach der CSS-Datei Ihres Widgets im Ordner „SpryAssets“ für Ihre Site und bearbeiten Sie sie nach
Ihren Vorstellungen.
Genaue Informationen zum Stil bestimmter Widgets finden Sie im jeweiligen Abschnitt.
Sie können das Format eines Widgets auch anpassen, indem Sie ihn über das Bedienfeld „CSS“ bearbeiten, genau so,
wie Sie das für andere Seitenelemente tun würden.