The Timelines panel shows how the properties of AP elements and images change over time. Select Window > Timelines to open the Timelines panel.

A.

Keyframes

B.

Timelines pop‑up menu

C.

Frame numbers

D.

Behaviors channel

E.

Animation channel

F.

Animation bars

G.

Playback head

Keyframes

Define frames in a bar where you have specified properties (such as position) for the object. Dreamweaver calculates intermediate values for frames in between keyframes. Small circles mark keyframes.

Behaviors channel

Shows the behaviors that should be executed at a particular frame in the timeline.

Timelines pop‑up menu

Specifies which of the document’s timelines is currently displayed in the Timelines panel.

Animation channel

Displays bars for animating AP elements and images.

Animation bars

Show the duration of each object’s animation. A single row can include multiple bars representing different objects. Different bars cannot control the same object in the same frame.

Playback head

Shows which frame of the timeline is currently displayed in the Document window.

Frame numbers

Indicate the sequential numbering of frames. The number between the Back and Play buttons is the current frame number. You control the duration of animation by setting the total number of frames and the number of frames per second (fps). The default setting of 15 frames per second is a good average rate to use for most browsers running on common Windows and Macintosh systems.

Note: Faster rates may not improve performance. Browsers always play every frame of the animation, even if they cannot attain the specified frame rate. The frame rate is ignored if it is higher than the browser can manage.

Context menu

Contains various timeline-related commands.