Komplexe Flash-Navigationsleiste für HTML-Sites

  Entwerfen der Website-Struktur

  Vorbereitung des Flash-Movies

  Organisieren der Bibliothek

	Abb.2: Website-Struktur für die Navigationsleiste

Der Einsatz einer Flash-Navigation empfiehlt eine Frame-Version der Website. Ansonsten würde die Navigation immer neu starten und nicht die gewünschte Funktionalität bieten. Zwar könnte man mittels FS_Command und JavaScript die Interaktion bewerkstelligen, doch ist der Aufwand dafür zu hoch und die Erstellung zu unübersichtlich.

Anmerkung: JavaScript-Befehle an Flash zur Verhaltensbeeinflussung sprechen nur Frame-Nummern an, nicht Labels. Aus diesem Grund auch würde eine nachträgliche Änderung/Erweiterung der Navigation einen hohen Pflegeaufwand bedeuten, da sich unweigerlich die Frame-Positionen verändern!

In Abb. 2 ist die hier zugrundeliegende Website-Struktur der Firma ABC zu sehen.





Vorbereitung des Flash-Movies

Wir wollen die Website für einen Bildschirm der Auflösung 800x600 optimieren. Dies entspricht einem realen Browserfenster von 760x420. Da der spätere links platzierte Navigationsframe keine Scrollbalken haben soll, darf unsere Navigation somit nicht höher als 420 Pixel sein.

Abb.3: Einstellungen der Movie-Eigenschaften

Die Breite der Navigation hängt sowohl von der Tiefe der Struktur ab (insofern Unterrubriken eingerückt werden sollen) als auch von den Rubriknamen und dem allgemeinen Layout. Sie sollte jedoch nicht mehr als 1/3 der Bidschirmbreite einnehmen.
Wir wählen eine Höhe von 420 und eine Breite von 170 Pixel.Desweiteren geben wir eine Frame-Rate von 20 fps ein. Dadurch werden die Animationen flüssiger dargestellt. Die Hintergrundfarbe ist weiß.

Alle Einstellungen werden im Menü "Modify" - "Movie" vorgenommen (siehe Abb. 3)

	Abb.4: Anlegen der Layer

Als nächstes legen wir alle (vorerst) notwendigen Ebenen (Layer) an. Dazu gehören:

• 1 Layer für die Labels
• 1 Layer für die Aktionen (Actions)
• je 1 Layer für jeden Navigations-Button (Ebenen L1, L2 und L3)

Das ergibt 23 Layer. Daß für Labels und Actions separate Layer angelegt werden, erhöht die Übersichtlichkeit. Natürlich könnte man beides auch in einen Layer packen.

Hinweis: In Flash 4 läßt sich die Arbeitsfläche den aktuellen Gegebenheiten optimal anpassen. Lest dazu die Tips im nächsten Kapitel.

Organisieren der Bibliothek

	Abb.5: Bibliotheksstruktur

Ab der Flash-Version 4 haben wir jetzt die Möglichkeit, die Bibliothek (Library) übersichtlich zu organisieren. Durch das Anlegen von Ordnern (Folder), wie man es z.B. vom WIN-Explorer kennt, ersparen wir uns das Vergeben kryptischer Objektnamen und finden schnell jedes Objekt wieder. Durch die Ablage in verschiedene Ordner werden Objekte auch identifiziert, weshalb für zusammengehörige Objekte die gleichen Namen vergeben werden können.

In Erwartung des Kommenden legen wir an dieser Stelle schon mal die Ordner der Bibliothek an (Aufruf der Bibliothek über "Fenster-Bibliothek" bzw. "Strg-L"). Da unsere Buttons Texte sind (siehe nächstes Kapitel), legen wir einen Ordner "Texte" mit drei Unterordnern Level1, 2 und 3 an. Warum, seht ihr später. Genauso wird für die eigentlichen Buttons verfahren. Alle anderen Elemente sollen in jeweils separaten Unterordnern später im Ordner "Diverses" ihren Platz finden (siehe Abb. 5).

Anmerkung: Es mag vielleicht etwas spitzfindig klingen, dies hier so zu beschreiben, jedoch hat meine Arbeit mit Flash gezeigt, daß eine "geordnete" Bibliothek das Flash-Leben ungemein erleichtert. Vielleicht ist das also eine Anregung, es auch so zu machen. Ansonsten könnt ihr es auch bleiben lassen :-).