Der Zeitleisten-Inspector

Dieses Thema wird hier nicht allzu ausführlich behandelt, denn in der Praxis kann die Animation mit Layern leider nicht allzu oft Verwendung finden. Der erste Grund ist: Der Quellcode, den Dreamweaver produziert, ist so umfangreich, dass die Dateien schnell eine nicht mehr vertretbare Größe erreichen. Der zweite ist, dass der Netscape zwar brav die Animation abspielt, sofern Grafiken verwendet werden (Bei Text und Hintergrundfarbe in Ebenen stellt er diese nicht mehr richtig dar). Aber trotz Resize Fix stürzt er total ab, wenn während der Animation das Browserfenster in der Größe verändert wird. Also Vorsicht beim Einsatz der Zeitleisten-Animation! Eigentlich sollte man solche Animationen besser mit Flash realisieren.

Im Zeitleisteninspector kann man seine Animation anlegen, ändern und erweitern:

Beipiel anschauen

Erstellen einer Zeitleisten-Animation

Eine JavaScript-Animation kann in DW nur mit Ebenen über den Zeitleisteninspector erstellt werden. Mit Hilfe der Zeitleiste erstellt man eine Animation durch Verändern der Position, Größe, Sichtbarkeit und Stapelreihenfolge von Ebenen. Es kann auch die Quelldatei von Bildern geändert werden. Wenn Text oder Bilder animiert werden sollen, müssen sie in Layern verpackt sein.

So geht’s:

• Zuerst einen Layer einfügen und evtl. mit Inhalt versehen (Grafik ist am sichersten).
• Die Ebene markieren: Die Anfasser müssen sichtbar sein.
• De Ebene auf den geöffneten Zeitleisteninspektor ziehen und zwar an den Ort, an dem die Animation starten soll, also üblicherweise auf das erste Bild in der ersten Zeile.
• Die Leiste erhält den Namen der Ebene.
• Alternative: Menü Modifizieren/Zeitleiste/Objekt einfügen

Gleich nach dem Einfügen der Ebene in die Zeitleiste teilt einem DW in dieser Dialogbox mit, welche Animationsoptionen einem zur Verfügung stehen.

So soll’s aussehen:

Für eine erste Animation markiert man das letzte Schlüsselbild und zieht die markierte Ebene an die Position, die man haben möchte. Es erscheint ein schwarzer Faden, der Bewegungspfad. Um das Ergebnis anzuschauen, kann man auf den Wiedergabeknopf drücken (gedrückt halten).

Damit die Animation automatisch beim Laden der Seite im Browser abläuft, muß man ”Auto-Wdg” ankreuzen! Sonst passiert nichts.... ;-) Die Animation wird dann über den Event-Handler "onload" gestartet.

Falls man einen komplexeren Pfad erstellen möchte, kann man ihn genauso leicht aufzeichnen. Im Menü Modifizieren muss man unten die Zeitleiste markieren und den „Pfad der Ebene aufzeichnen“ auswählen.

Man kann zusätzlich noch Verhaltensweisen in die Animation einbinden, und dadurch interessante Effekte erzielen, z. B Layer unsichtbar und wieder sichtbar machen und dergleichen mehr. Wer möchte, kann sich hier zwei Beispiele dazu ansehen. Es lassen sich schon ganz nette Effekte - auch interaktiv - erzeugen....

Animation 1 (läuft nicht korrekt im NS 4.xx)

Animation 2 (Bildschirmauflösung mögl. 1024 x 768)