Dreamweaver3 Layer Application Skills (iii)

Source: Internet
Author: User
Tags add insert modify dreamweaver
dreamweaver| skills in the Dreamweaver can not be ordinary text directly to the special effects, this may be the designer did not think of this problem. Really, can't you? Of course, you just need to change a little code to see the effect first.

>> How to give text layer effects ( See examples )

1. First enter the text you want to do special effects, for it to do a link, whatever the link.
2. Build a layer, set to (hidden) implied, because the effect can be implemented on the link, the layer effect on the link to do a good job.
3. The linked label is with, what we're doing now is putting withUse withThe substitution can achieve the purpose. Of course, there are some other special effects can be achieved in the text. such as Onclick,popup message, as long as the link can be implemented on the special effects, can generally be implemented in text.

Basic application of >>timeline ( See examples )

TimeLine (timeline) is Dreamweaver the most essential point, is also Macromedia most proud of. Use timeline to do animation can fly full page, the implementation of the animation is mainly through the Java Script statement to complete, you do not have to understand the Java script and distress, in the DW you just use a few mouse click on OK. DW Animation is built on the layer, that is, there is no layer of participation in the DW animation is not possible, this is why I have timeline summed up as a layer application reasons.
Let's familiarize ourselves with the timeline panel, press the keyboard ctrl+f9 or window->timeline to open the Panel as shown below:



1. Timeline selection box, which lists all the current timeline animation names, to facilitate your choice of editing.
2. Frame control button, the leftmost button function is to return to the first frame, the remaining is left or right to move a frame.
3. Animation playback component, FPS is the animation playback speed; AutoPlay, play animation when you open a Web page, loop, or not.
4. Behavior set track, there is a "B" character, it is the abbreviation of behavior, this is the most exciting, in the future I will talk about.

5. Timeline with flash friends must be no stranger to it.

6. Animation track, each track can only have one animation, that is, each track can only have one layer effect. DW3 supports 32 tracks, which can be a pretty complicated effect.

The timeline we already know, and that's the first and simplest example-flying's picture.
1. Insert a layer with pictures, the timeline panel to call (CTRL+F9), with the mouse to drag the layer to the animation track, you can build a cartoon segment. It is not supported by DW2 's friends. The Execution menu command "Modify>timeline>add obeject to Timeline" can also achieve the same effect.
2. By default, the animation length of 15 frames, of course, you can also increase or decrease as needed, just drag the last frame of the animation backward.
3. Move the playback pointer to the last frame, drag the layer to the place where you want it to be, and the simplest animation is done basically. If you want to play the animation as soon as you open the page, select AutoPlay. If you don't want the animation to game over, you can also select the Loop (loop).
4. This is the step that I added, you want to let the animation walk the curve, just look at this step. Inserts a keyframe (key frame) in the middle of the animation, and executes "Modify>timeline>add keyframe" to insert a keyframe. Then move the playback pointer to the keyframe and drag the layer. Press F12 Preview, the layer will go curve.
Finally I give an example that may not be previewed and you should save this page to be able to preview it. A more complex example is given in the next section. Turn from: Dynamic Network production guide www.knowsky.com

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.