Information Technology Reference
In-Depth Information
Add the Layer to the Timeline
Select the layer and go to MODIFY>TIMELINE>ADD OBJECT TO
TIMELINE
You will see the layer name RED on the timeline in a grey bar (when selected
it is purple) with a line and two dots. The dots represent keyframes. There is
a start and an end to every animation. Keyframes represent the start, middle,
and finish points of the animation. If you want to change the object during the
span of time, you can add a keyframe in between the beginning and finishing
keyframes. For now let's just get this layer to move across the page.
1.
Click directly on the last keyframe (dot) and move the layer across the
Web page. You can extend the time it take the layer to move from start
to finish by selecting and dragging the last keyframe down the timeline.
2.
Check off the auto play button and preview the Web page in a Web
browser such as Internet Explorer or Netscape by pressing F12. You
determine which browser is used for testing in the preferences of
Dreamweaver.
3.
If all is correct, you should have seen the layer move across the page. It
only moved once because we do not have it set to loop. If it did not work
go back to Dreamweaver and check to see if you there is a check in the
Auto play box located on the timeline. To loop the animation, check off
the loop box. Now preview it in browser again—F12.
You'll notice that Dreamweaver announced that it was going to add a Behavior
to your Web page code (after you checked LOOP) to allow the animation to
go to frame one repeatedly. Behaviors are JavaScript based snippets that
Dreamweaver supplies to help JavaScript programming become a bit easier on
the novice and intermediate. Instead of writing hand coded JavaScript,
Behaviors provide easy, intuitive drop down menus to allow you to use
JavaScript functionality without extensive coding knowledge. We will be
looking a Behaviors and JavaScript later in the text.
Search WWH ::




Custom Search