INFO + FRAGE + ANTWORT
Ausgewählt: INFO Nr. 555
zum Thema
MULTIMEDIA WEBDESIGN WEBSITES DREAMWEAVER SPRY-WIDGETS
Stichwörter: Dreamweaver, Spry-Widget, Spry-Menüleiste horizontal erstellen
Inhalt: cadat info 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
??? FRAGE Nr. 633
zum Thema
MULTIMEDIA WEBDESIGN WEBSITES DREAMWEAVER SPRY-WIDGETS
Frage: Wodurch wird Struktur, Layout bzw. Format und Interaktivität einer Spry-Menüleiste in Dreamweaver bestimmt?
  Welche Antwort / Antworten ist / sind richtig? (Mindestens 1 Antwort ist, maximal 6 Antworten sind richtig)
  Struktur: Tabellen (<th>, <td>...)
  Struktur: Aufzählungslisten (<ul><li>...)
  Layout bzw. Format CSS-Stile (zB in der Datei "SpryMenuBarHorizontal.css")
  Layout bzw. Format Ebenen-Stile (zB in der Ebene "<div id="SpryMenuBarHorizontal">...)
  Interaktivität: PHP (zB durch die Datei "SpryMenuBar.php")
  Interaktivität: JavaScript (zB durch die Datei "SpryMenuBar.js")
  max. 3 Punkte