Horizontale Spry-Menüleiste erstellen
Ein Spry-Widget als [
1]
Spry-Menüleiste für ein
horizontales Menü (im Webbrowser als Pulldown-Menü verwendbar) kann in Dreamweaver folgendermaßen erstellt werden:
[
2] Im Menü "
Einfügen" -> "
Layoutobjekte" -> "
Spry-Menüleiste" auswählen oder das Symbol
[
3] "Spry-Menüleiste" aus dem Menü [4A] "Layout" oder aus dem Menü [4B] "Spry" auswählen;
[
5] Im Fenster "Spry-Menüleister" das Layout "Horizontal" auswählen;
[
6] Eine vordefinierte Anzahl von [
7] Menüelementen und [
8] Menü-Unterelementen wird im Arbeitsfenster erstellt.
[
9] Die Struktur dieser Menü-Elemente wird durch Aufzählungslisten (<ul><li>....) festgelegt
[
10] Das Aussehen bzw. Design der Menüelemente bestimmt eine gewisse Anzahl von CSS-Stilen, die in der gleichzeitig erzeugten Datei [
11] "SpryMenuBarHorizontal.css" enthalten sind.
Die dynamischen Eigenschaften rnthält die Spry-Menüleiste durch den JavaScript-Code in der entstanden JavaScript-Datei [
12] "SpryMenuBar.js"
[
13] Im Eigenschaftsinspektor sind die vordefinierten Eigenschaften zu sehen:
[
14] Vordefinierter Namen der Menüleiste (id id="MenuBar1");
Die [
7] Elemente und [
8] Unterelemente mit den vordefinierten Bezeichnungen (zB "Element", "Element 1.1"...);
[
15] Textfeld, in dem die vordefinierten Bezeichnungen geändert werden können;
[
16] Feld, in dem ein zugehöriger Hyperlink eingetragen werden kann (vordefiniert "#" -> Hand wird im Browser angezeigt.)
[
17] Vor der Vorschau im Webbrowser werden zusätzlich Grafiken (zB Pfeile) in die Website kopiert, die das Aussehen der Spry-Menüleisten mitbestimmen