Indem Sie den Wert einer Objekteigenschaft ändern, erstellen Sie eine visuelle Animation. Bei der Herstellung einer Animation müssen Sie zuerst festlegen, welche Eigenschaften Sie animieren wollen.
Sie müssen die Objekteigenschaften von einem Wert auf einen anderen Wert umstellen und die Dauer der Animation, also die Anzahl der Frames angeben. Die Dauer der Animation entspricht der Zeit, die zwischen Startwert und Endwert vergeht. Sie können beispielsweise die Werte für Höhe oder Breite eines Objekts ändern, um es zu vergrößern oder zu verkleinern.
Jede Eigenschaft hat ihre eigene Ebene. Das bedeutet dass der Zeitleisteneditor für jede veränderte Objekteigenschaft eine Ebene anzeigt. Die Positionswerte (oben, links, Position) werden automatisch beim Hinzufügen eines Objekts hinzugefügt. Der erste Frame jeder Standard-Eigenschaftsebene ist ein Keyframe, der die Standardwerte des Objekts aus der Seitengestaltung enthält.
Wenn Sie die Eigenschaften eines Objekts in einem anderen als dem ersten Frame ändern (mit Ausnahme der Positions- und Größeneigenschaften oben, links, Breite, Höhe), fügt der Zeitleisteneditor zwei Keyframes hinzu, aber der erste Keyframe wird als leer angesehen, so dass NetObjects Fusion zwischen den beiden Keyframes kein Motion-Tweening erstellen wird.
Warnung: Sie können die Eigenschaften oben und links nicht mehr verändern, wenn Sie die Eigenschaft "Position" im Zeitleisteneditor löschen.
Die Positionseigenschaft kann als "absolut" oder "relativ" eingestellt werden und bestimmt die Interaktion des Objekts mit anderen Objekten auf der Seite.
Wenn der Postionswert auf "absolut" steht, wird das Objekt aus dem Seitenkontext herausgenommen. Das bedeutet, dass der Rest des Seiteninhalts sich so verhält, als ob das absolute Element gar nicht exisiterte, auch wenn es auf der Seite sichtbar ist. Wenn dieses Objekt seine Größe verändert oder bewegt wird, findet dabei keine Interaktion mit den anderen Objekten statt. Das Objekt kann über anderen Objekten schweben, sie verdecken oder hin- und her gezoomt werden. Dies ist dann nützlich, wenn Sie den Effekt eines Banners erzielen wollen, dass auf der Seite hin- und her fliegt, sich dabei vergrößert oder verkleinert und in einer Ecke schwebt, ohne dass dabei das gesamte restliche Layout beeinträchtigt wird.
Wenn der Positionswert auf "relativ" steht, wird das Objekt nicht aus dem Seitenkontext herausgelöst. Das heißt, dass es, wenn es vergrößert wird, andere Objekte wegschiebt, um sich Platz zu verschaffen und dabei das Layout verändert. Wenn Sie also nicht möchten, dass das Objekt andere Objekte verdeckt, wenn es vergrößert wird, sollten Sie diesen Eigeenschaftswert einstellen.
Standardmäßig ist die Position auf "absolut" eingestellt, da die meisten Animationen unabhängig vom Layout gestaltet werden.
So setzen Sie Anfangs- und Endwert einer Animation fest:
Schieben Sie den Abspielkopf auf den ersten Frame.
Stellen Sie die Eigenschaft auf den gewünschten Startwert ein.
Schieben Sie den Abspielkopf auf den gewünschten Frame und legen Sie den Endwert fest.
Die Keyframes, die die beiden Werte speichern, werden automatisch hinzugefügt. Wenn Sie beispielsweise eine Objekteigenschaft ändern, während Sie sich in Frame 20 befinden, dann fügt NetObjects Fusion zwei Keyframes, 1 und 20, hinzu, aber der erste wird leer sein.
Mit der CSS-Stylesheet-Palette können Sie die Eigenschaften ändern. Die Positions- und Größeneigenschaften (oben, links, Breite, Höhe) können ebenfalls geändert werden, indem man das Objekt im Layout verschiebt oder in seiner Größe verändert.