Menüseite mit aufklappbaren Untermenüs und Hot Spots entsteht

 Zielstellung:

  • Seite besteht aus einer Menüleiste, einer Weltkarte, einem Bildkatalog rechts der Karte;
  • wird auf einen Menüeintrag geklickt, erscheint ein Untermenü;
  • wird auf einen der Untermenüeinträge geklickt, erscheint ein Foto, auf der Weltkarte wird der entsprechende Kontinent farbig hervorgehoben und das Untermenü klappt zu;
  • wird auf einen anderen Untermenüeintrag geklickt, wird das Foto ausgetauscht;
  • wird auf einen anderen Menüeintrag geklickt, öffnet sich das Untermenü, nach Auswahl erfolgt wiederum auf der Weltkarte das farbige Hervorheben, das Zuklappen des Untermenüs und das Austauschen derFotos;
  • wird auf ein Foto geklickt, wird zu einer Erklärungsseite gewechselt (von dort per Schalter wieder zur Menüseite zurück);
  • die Weltkarte hat sensitive Flächen (Hot Spots), die eine gleiche Wirkung, wie die Menüflächen haben;
  • über einen Ende- oder Weiter-Menüeintrag wird zur nächsten Hauptseite gewechselt.

    Zuerst werden die notwendigen Objekte alle auf die Seite geladen und platziert.

    Um Verwechslungen zu vermeiden, sollte jedes Objekt einen kennzeichnenden Namen bekommen.

    Die Untermenürechtecke erhalten neben der Beschriftung eine einheitliche Hintergrundfarbe.

    Das ist hier wichtig, weil einzelne Textrechtecke des 1. Untermenüs zu einer Gruppe zusammengefasst werden.

    Das Menü besteht aus einer großen eingefärbten sichtbaren Hintergrundfläche, aus einem sichtbaren Text und den Menüteilen (hier im Beispiel in die Einzelteile zerlegt).

    Das eigentliche sichtbare Textfeld “Afrika” ist transparent gehalten.
    Damit beim Mauseinsatz eine Veränderung zu sehen sein soll, wurde das Textfeld kopiert, anders eingefärbt, als unsichtbar definiert und unter das Textfeld “Afrika” gelegt.

    Die beiden Untermenüeinträge werden als Textfelder erzeugt, beschriftet und eingefärbt.

    2 unsichtbare Rechtecke sind vorbereitet, um als Schaltflächen zu dienen.

    Gruppierung von Objekten

    Da im 1. Untermenü mehrere Einträge sind, die gleichzeitig aufgeklappt werden sollen, werden sie zu einer Gruppe zusammengefasst.

    Dazu werden bei gedrückter Shift (Umschalt)-Taste alle zusammenzufassenden Objekte angeklickt.

    Im Menübefehl Anordnen wird dann der Befehl Gruppieren angeklickt und der neuen Gruppe ein sinnvoller Name gegeben. (Der Objektgruppe kann jetzt keine Hintergrundfarbe mehr zugewiesen werden.)

    Soll die Gruppierung wieder aufgehoben werden, ist das zu einer Gruppe zusammengefasste Objekt zu markieren. Im Menübefehl Anordnen kann zum Auflösen der Gruppe dann Gruppe auflösen angeklickt werden.

    Zum Schluss werden die einzelnen Objekte richtig positioniert.

    Das Ergebnis der bisherigen Arbeit ist links zu sehen.

    zum Inhaltsverzeichnis