Application of Dreamweaver time line

  I think the timeline should be the most exciting part of the Dreamweaver. Because it does not use ActiveX when implementing Web animations, and any plug-ins or Java applets,dreamweaver make animations by changing the properties of layers and page images at different times. For this reason, Dreamweaver edited pages with layers of animation must be browsed in 4.0 or newer browsers. When the animation can be used to animate the attributes have a layer of position, size, transparency or change the upper and lower position of each layer relationship. The timer line also sets the various behavior of the page. That is to say, the behavior is also included in the editing of the timeline, which makes the pages we edit more varied and exciting. For example, we can change the file source of a picture that is not part of a layer (this is the most basic method of making animation), and then perform an action on a particular frame.

Let's take a look at the time line floating panel. The Time line panel is responsible for changing the properties of the layer or picture over the whole time. If you want to open this panel, you can select the Timelines command in the Window menu. Let's look at the details of the panel below. Please take a look at Figure B. The last column on the panel is the control. The column labeled Uppercase B (Behavior) is the behavior bar, the middle is the time ruler, and a small red block on the ruler is the watch block, which indicates the current display condition. The bottom is the project, there are two items, one is the layer project, the other is a picture project. Let me introduce the concrete usage of the time line panel. The selection column contains the selection and modification of the time line name, and when we build multiple time lines, we can use this option to quickly insert between the lines, and when the Web page is more complex, multiple time lines can be better edited or organized. The time line shown in the figure is "Timeline1". The next few buttons are the selection of the watch location, and the leftmost one is the monitor block to the left. The rewind button is to move the watch block to the left a little, the play button is to move the watch block to the right one small, if there is no item in the current position, the play button monitor block will not slide forward, and use the rewind button immediately back to the end of the project (the right side). The middle of these buttons is where the watch block is located. This box allows you to determine the detail location of the monitoring block. The Fps box allows the author to specify the number of frames per second of the animation, with a default value of 15, which is an average of 15 frames per second that can achieve better results in most cases. If the browser's machine is better, we can also increase the number of frames per second, so that the display effect is smoother. The "AutoPlay" check box to the right of this column is the way in which the animation is played. When selected, a dialog box is displayed to tell the user that the item is selected and the animation will be played automatically when the page is opened. If we select the Loop check box, a dialog box will also be displayed to tell the user that the item is selected and the animation will be looped. In general, these items can be selected unless we want to make the page more flexible and set the animation to play when the viewer performs some sort of action. For example, when the transmission speed is very limited, we can first use a static picture, when the viewer clicks on the image to play the animation. In this way, the waiting time is dispersed so that viewers are not allowed to see the Web page for a long time and give up browsing and the quality of the Web page. We can always click on a button with a question mark to get help, just like the question mark button on other floating panels.

The behavior bar in the timeline panel features extraordinary functionality. We can increase the corresponding behavior in any position to enhance the control of the page and adapt to the outside world. The time bar in figure one has two squares, one black, and the other is a lavender square with a black minus sign in the middle. One of the black at our point. After an area on the behavior bar indicates that the area is selected, you can set the behavior at that time, and the watch block also slides to the selected time, so that the author can see the status of the page when the behavior is performed. Another indicates that the behavior has been set on this line. We can set the behavior in the following simple way. Double-click the small square on the behavior bar for the set behavior to eject the behavior floating panel and display the behavior that has been set. You can refer to the previous article for setting up and modifying the behavior. Do not set the behavior of the area can first select this area, and then right-click pop-up menu (also can not choose, directly right-click, but this is not easy to determine the specific time of action), select the "Add Behavior" command, after the situation and the previous one exactly the same. We can use the mouse to click the small square in the behavior bar to drag to change the time the action takes effect. An action is automatically added when we choose to loop through the animation. Click this behavior to see that the event that fires this behavior is "Onframe xx", corresponding to this event is "go to Frame xx", so if this slider is set within the project's internal