Operation Manual

465
VERWENDEN VON DREAMWEAVER
Spry-Seiten visuell erstellen
Last updated 10.4.2012
Menüelementen das Attribut „target“ zuweisen
Das Zielattribut gibt an, wo verlinkte Seiten geöffnet werden. Wenn Sie beispielsweise ein solches Attribut einem
Menüelement zuweisen, wird beim Anklicken des Links die verlinkte Seite in einem neuen Browserfenster geöffnet.
Wenn Sie mit Framesets arbeiten, können Sie zudem den Namen des Frames angeben, in dem die verlinkte Seite
geöffnet werden soll.
1 Wählen Sie ein Menüleisten-Widget im Dokumentfenster aus.
2 Wählen Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) den Namen des Menüelements aus, dem Sie
ein Zielattribut zuweisen möchten.
3 Wählen Sie eines der vier Attribute aus dem Feld „Ziel“:
_blank öffnet die verlinkte Seite in einem neuen Browserfenster.
_self lädt die verlinkte Seite im gleichen Browserfenster. Dies ist die Standardoption. Befindet sich die Seite in einem
Frame oder Frameset, wird die Seite innerhalb dieses Frames geladen.
_parent lädt das verlinkte Dokument in das übergeordnete Frameset des Dokuments.
_top lädt die verlinkte Seite in das oberste Fenster des Framesets.
Stile deaktivieren
Sie können die Stilfunktion eines Menüleisten-Widgets deaktivieren, damit seine HTML-Struktur in der
Entwurfsansicht besser zu sehen ist. In diesem Fall werden Menüleistenelemente auf der Seite als Liste mit
Aufzählungspunkten und nicht als Menüelemente mit Stilen angezeigt.
1 Wählen Sie ein Menüleisten-Widget im Dokumentfenster aus.
2 Klicken Sie im Eigenschafteninspektor („Fenster“ > „Eigenschaften“) auf „Stile deaktivieren“.
Ausrichtung von Menüleisten-Widgets ändern
Sie können die Ausrichtung von Menüleisten-Widgets von horizontal in vertikal und umgekehrt ändern. Sie müssen
dazu lediglich den HTML-Code für die Menüleiste ändern und sicherstellen, dass Sie die korrekte CSS-Datei im
Ordner „SpryAssets“ ausgewählt haben.
Im folgenden Beispiel wird die Ausrichtung eines Menüleisten-Widgets von horizontal in vertikal geändert.
1 Öffnen Sie in Dreamweaver die Seite mit dem horizontalen Menüleisten-Widget.
2 Fügen Sie ein vertikales Menüleisten-Widget („Einfügen“ > „Spry“ > „Spry-Menüleiste“) ein und speichern Sie die
Seite. Damit stellen Sie sicher, dass für Ihre Seite die korrekte CSS-Datei für eine vertikale Menüleiste eingefügt wird.
Note: Ihre Site verfügt bereits über ein vertikales Menüleisten-Widget, weshalb Sie kein weiteres mehr einfügen müssen.
So müssen Sie lediglich die Datei „SpryMenuBarVertical.css“ mit der Seite verknüpfen. Klicken Sie dazu im Bedienfeld
„CSS-Stile“ („Fenster“ > „CSS-Stile“) auf die Schaltfläche „Stylesheet anfügen“.
3 Löschen Sie die vertikale Menüleiste.
4 Suchen Sie in der Codeansicht („Ansicht“ > „Code“) die Klasse „MenuBarHorizontal“ und ändern Sie sie in
„MenuBarVertical“. Die Klasse „MenuBarHorizontal“ ist im Container
ul-Tag für die Menüleiste (<ul
id="MenuBar1" class="MenuBarHorizontal">) definiert.
5 Suchen Sie jetzt nach dem Menüleistenkonstruktor:
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
6 Entfernen Sie die Vorausladeoption imgDown (nebst Komma) aus dem Konstruktor: