Benutzer-Werkzeuge

Webseiten-Werkzeuge


de:web:dynamic_menus

Dies ist eine alte Version des Dokuments!


Dynamische Menüs

Mit dynamischen Menüs lassen sich große Menüstrukturen platzsparend darstellen. Dies kommt auch der Übersichtlichkeit der Navigation auf einer Website zugute. Dynamische Menüs verhalten sich ähnlich wie Menüs in herkömmlichen Programmen auf einem Computer:

Im normalen Zustand sind nur die Hauptmenüpunkte (z.B. „Produkte“, „Veranstaltungen“ o. ä.) zu sehen. Fährt ein Besucher einer Website mit dem Mauszeiger über einen solchen Hauptmenüpunkt, wird das entsprechende Menü eingeblendet, so dass der Benutzer die enthaltenen Menüpunkte sehen kann. Verlässt der Besucher das Menü mit dem Mauszeiger, wird es wieder ausgeblendet.

Um ein neues Menü zu erzeugen, öffnen Sie im Seiteneditor das Fenster „Dynamisches Menü bearbeiten“ aus dem Menü „Bearbeiten“ / „Dynamisches Menü“. Wenn Sie ein neues Menü erstellen möchten, aktivieren Sie die Option „Neues dynamisches Menü erstellen“ und geben einen Namen für das Menü ein. Durch einen Klick auf die Schaltfläche „OK“ wird das neue Menü erstellt und das Fenster „Dynamisches Menü“ zum Bearbeiten geöffnet.

Sie können auch eine Kopie eines bestehenden Menüs erstellen. Dies ist hilfreich, wenn Sie die Menüstruktur oder auch die Farb- und Schrifteinstellungen eines Menüs übernehmen möchten. Hierfür müssen Sie beim Erstellen des neuen Menüs zunächst das Menü aus der Liste auswählen, das als Vorlage dienen soll. Aktivieren Sie zusätzlich die Option „Als Kopie des ausgewählten Menüs erstellen“.

Die dynamischen Menüs sind nicht an ein bestimmtes Projekt gebunden. Wenn Sie z.B. verschiedene Bereiche einer Website in verschiedenen Projekten verwalten, können Sie die einzelnen dynamischen Menüs mehrfach verwenden.

Öffnen Sie im Seiteneditor das Fenster „Dynamisches Menü bearbeiten“ aus dem Menü „Bearbeiten“ / „Dynamisches Menü“. Wählen Sie das zu löschende Menü aus der Liste aus und klicken auf die Schaltfläche „Dynamisches Menü löschen“.

Öffnen Sie im Seiteneditor das Fenster „Dynamisches Menü bearbeiten“ aus dem Menü „Bearbeiten“ / „Dynamisches Menü“. Wählen Sie das zu löschende Menü aus der Liste aus und klicken auf die Schaltfläche „OK“.

Nach dem Öffnen des Fensters „Dynamisches Menü“ sehen Sie die Struktur und Einträge in einer Liste. Hier können Sie neue Einträge anlegen, verschieben oder löschen. Erweiterte Funktionen erhalten Sie, indem Sie mit der rechten Maustaste auf den entsprechenden Menüeintrag klicken.

Unterhalb der Menüstruktur können Sie im Fenster „Dynamisches Menü“ die Links für die einzelnen Einträge festlegen. Wählen Sie hierfür zunächst den entsprechenden Menueintrag aus. Anschließend können Sie den Link für diesen Eintrag festlegen. Auch Einträge, die ein Untermenü öffnen, können mit Links ausgestattet werden, um z.B. Übersichtsseiten eines Bereiches anzuspringen.

Mit der Schaltfläche „Einstellungen“ im oberen Bereich des Fensters „Dynamisches Menü“ können Sie das Aussehen des Menüs verändern.

  • Bei „Hintergrund“ können Sie die Hintergrundfarbe für die Menüeinträge festlegen. Der Hintergrund wird in der Farbe im Fokusmodus dargestellt, während sich ein Besucher der Website mit dem Mauszeiger über einem Menüeintrag befindet.
  • Für die Rahmen können die Rahmenfarbe sowie –stärke festgelegt werden. Die äußere Rahmenstärke gibt an, wie breit der Rahmen sein soll, der das gesamte Menü bzw. dessen Untermenüs umranden soll. Die innere Rahmenstärke legt die Breite der Linien fest, die sich zwischen den einzelnen Menüeinträgen befinden.
  • Durch einen Klick auf die Schaltfläche „Schriftart“ wird das Fenster „Schriftformat“ geöffnet, in dem die Schrift eingestellt werden kann, mit der die Menüeintrage dargestellt werden. Die beiden Falbfelder legen die Textfarben, für den normalen Zustand bzw. während sich ein Besucher der Website mit dem Mauszeiger über einem Menüeintrag befindet, fest. Mit den Randabständen werden die Abstände vom dargestellten Text zum Rand des Menüeintags eingestellt.

Durch einen Klick auf die Schaltfläche „OK“ werden die durchgeführten Änderungen am ausgewählten Menü gespeichert. Wenn Sie mehrere Menüs bearbeiten möchten, können Sie mit der Schaltfläche „Durchsuchen“ am oberen Rand des Fensters „Dynamisches Menü“ direkt zwischen den einzelnen Menüs wechseln. Änderungen an den Menüs werden auf Nachfrage gespeichert.

Geänderte Menüs werden von StudioLine bei nachfolgendem Publizieren von Seiten berücksichtigt und automatisch mit publiziert.

Assigning a Dynamic Menu to an Object

In Page Editor mode, dynamic menus can be assigned to any images or text objects. When a visitor to your site moves the cursor over the assigned object, the menu will appear. Moving the cursor away from the objects causes the menu to disappear again.

To assign a dynamic menu to an image or text object select it and follow the menu path: “Edit” → “Dynamic Menu” → “Apply Dynamic Menu.” In the “Apply Dynamic Menu” window you can select the menu that will appear when a user’s cursor moves across the object. Use the “Edit Menu” button to open the “Dynamic Menu” window and set or change settings. The dynamic menu will appear left-justified underneath the assigned object. You can change the distance from the object to make it appear at a different position, using the controls in the “Offset to Object” area.

Removing a Dynamic Menu from an Object

You can remove a menu from an assigned object simply by dragging the “Copy Settings” button to the Recycle Bin.

de/web/dynamic_menus.1384357551.txt.gz · Zuletzt geändert: 2013/11/13 10:45 von henning_stummer