Teach you how to use Dreamweaver to make distinctive divider lines

Dreamweaver

　　Web instruction: If your Dreamweaver MX 2004 has not been upgraded, go to the official upgrade! After the upgrade, you can use the timeline! Click here to download it (it is recommended to use Express or other download tools to download)

A page divider can be said to be an indispensable element in a Web page, which is used primarily to separate the content of a Web page or to decorate a Web page.

　　effect: in the middle of the page will appear a beautiful divider line, and can constantly flashing, thus fully reflects the personality of the site, as shown in Figure 1.

　　Creative Thinking: This example uses a layer for positioning, then inserts a table in the layer, inserts a picture in the table, and adds a style filter effect to the timeline separately.

　　Operation Steps

(1) Create a new Web page file, insert a layer into the page, and insert a 1-row 2-column table in the layer, as shown in Figure 2.

(2) Set the spacing of the table, and then insert a picture in the cell of the table, as shown in Figure 3.

(3) Set the timeline. Pull up the timeline, add the Change property behavior at frame 5th of the timeline, and set the properties of the Layer object, as shown in Figure 4.

(4) Adding behavior and changing attributes. Add the behavior separately in the other frames, change the properties as needed, add the 1th frame behavior to the timeline at frame 40th, and then tick the autoplay check box, as shown in Figure 5.

The following code is described in this diagram:

Glow (color=red, strength=1)

Glow (color=red, strength=2)

Glow (color=red, strength=3)

Glow (color=red, strength=4)

Glow (color=red, strength=3)

Glow (color=red, strength=2)

Glow (color=red, strength=1)

(5) Save the Web page file, and then open the file in the browser, you can see the characteristics of the separator line effect, this example is completed. The divider line is widely used on the Web page, and it is changeable, the reader can think for himself and make a unique dividing line with his own style.

The screenshot of this tutorial is not too complete! I hope you can follow the result! I tried a few times the last reason is not to choose AutoPlay!