Dreamweaver8.0 time axis and create timeline animation

The timeline is based on the passage of time. A animated editing interface that moves the layer position to show the animation effect, including the various functions necessary to make the animation in the timeline.

1, the time axis of the various functions

(1) Timeline pop-up menu: Represents the current timeline name.

(2) Timeline pointer: A frame that displays the current position on the interface.

(3) Move to the first frame regardless of the position of the timeline.

(4) Represents the current position of the time pointer.

(5) represents the number of frames displayed per second. The default value is 15 frames. Increase the frame value, the animation will play faster.

(6) Automatically do not put: Select the item, the Web page document in the application of animation automatically run.

(7) loop (loop): Select the item to continue the animation on the timeline.

(8) Behavior channel: Select the behavior to run in the specified frame.

(9) KeyFrames: Frames that can be changed.

(10) Layer bar: means to insert the "layer" and other objects.

(11) Layer channel: It is the space for editing layers.

2. Display the timeline in DW8

Select the window/Timeline of the menu bar or press the shortcut key alt+f9 to display the timeline.

Creating a timeline Animation

A timeline can only move hierarchical objects, and if you want to move objects such as text or images, you can place them in a layer.

1, open 09.html files,

Place the cursor at the top left of the page, select the layout > drawing layer on the Insert Panel, and create six layers. Enter the text "small", "Wood", "web", "Huan", "Ying", "You", the layers are arranged in the appropriate position.

2. Open the timeline. When you select Layer 1, drag to the first line in the timeline.

3. In the same way, the layer containing other text is also dragged to the 第2-6 line of the timeline according to the order of the text.

4, in order to slow down the speed of text movement, the timeline of 15 frames all expanded to 25 frames.

5. Select the first frame of the Layer1 in the timeline, and enter (-50) in the top coordinate value (T) of the property panel so that the text can be placed on the upper side.

6, using the same method to select the first frame of the remaining layer, the top coordinate value (T) is uniformly set to (-50).

7, in order to drop a text for a period of time, starting from the second animation bar back to move 5 frames. Tick the AutoPlay options.

8, according to F12 browsing effect.

See the full set of "dreamweaver8.0 tutorials"