260
ADOBE GOLIVE CS2
User Guide
See also
“To name a layer” on page 258
“Specifying the destination URL for a link” on page 169
“Previewing web pages” on page 31
Animating layers
Using the DHTML Timeline Editor
You animate layers in the DHTML Timeline Editor by inserting keyframes in a layer’s time track and repositioning
the layer for each keyframe. You can also set the visibility status or the stacking order of a layer based on a selected
keyframe in its time track. You can use scenes to include multiple animations in the same web page.
A
C
D
E
F
B
G
H
I
J
K
The DHTML Timeline Editor contains time tracks for two layers.
A.
Beginning of the play range
B.
End of the play range
C.
Autoplay button
D.
Scenes options menu
E.
Action track
F.
Time
tracks
G.
Loop and Palindrome controls
H.
Playback button.
I.
Counter for keyframe position in seconds and frames
J.
Frames per
second
K.
Keyframe
To insert a keyframe in the time track
1
Open the DHTML Timeline Editor by clicking the DHTML Timeline Editor button
in the upper right corner
of the document window. A time track appears in the DHTML Timeline Editor for each layer on the page. Initially,
each time track contains a single keyframe.
2
Click a keyframe
to select the time track of a layer. The name of the layer appears in the Layer tab of the Layer
Inspector.
3
Ctrl-click (Windows) or Command-click (Mac OS) at the desired position on the time track to insert a new
keyframe. You can also Alt-drag (Windows) or Option-drag (Mac OS) a copy of an existing keyframe to the desired
position on the time track to create a new keyframe.
The new keyframe marks the end of the play range, indicated by the right play range locator
, which follows as you
drag the keyframe. If you insert more keyframes, the keyframe farthest to the right always limits the play range. The
distance between keyframes determines the playback speed—the shorter the distance, the faster the animation plays
back.
To specify layer position for a keyframe
1
In the DHTML Timeline Editor, select the keyframe
in the time track for the layer.
2
In the document window, drag the layer to the position where you want it to appear for the selected keyframe. You
can also enter the desired position in the Left and Top text boxes in the Layer tab of the Layer Inspector.
Summary of Contents for GOLIVE CS2
Page 1: ...Chapter 1 Copyright User Guide...
Page 251: ...ADOBE GOLIVE CS2 242 User Guide...