关于DW的“时间线”

　　页头那个动画绝不是Gif哦！更不是Flash，它就是用DW的“时间线”做的！本课将以此例，说明“时间线”的最基本操作。
“时间线”是DW首家推出的独有概念， 利用它可轻易地使网页动起来！
　　首先得明白，“时间线”只能控制“层”（另文介绍），通过改变“层”的属性如大小、可见度、堆栈、位置等来产生动画效果，离开“层”，时间线是无所作为的。下面，我们就开始制作页头那个动画：
　　你可选择其它透明背景的gif图片，在作图软件中翻转180度存成方向相反的另一图片，本例中是n1.gif及n2.gif（两只鸟）。打开DW，插入一个“层”，在层内装入n1.gif，把此层移在页面右上角。
　　选菜单“window”中的“Timelines”命令，调出“时间线”面板。选择该“层”（注意不是图片），用鼠标拉进面板（如右图），这时会出现一条15帧的“时间帧”，把鼠标点击最后一帧（即第15帧），再把层移到左上角		 　
，这时你可按F12试试，你的第一个DW动画做    
好啦！只是太快了？请用鼠标把第15帧拖长到第40帧，再看看，差不多了。没完，这个太简单了，咱们再插入第二个“层”，装入n2.gif，放在左上角，用鼠标选取第40帧，现把“层2”拉进“时间线”面板，如图，出现第二个15帧长度的帧序列。为使速度一样，请把第二帧序列拉到80帧，再选择第80帧，最后把“层2”拉到右上角。再看看效果，嘿嘿不错哩，但还没完，咱们要求左边的鸟飞到右边时，右鸟不见，而反方向飞行时左鸟不见！下面就进行本例中最为有趣的操作：
　　要实现这个效果，就要用到DW的另一特性：“行为”。
　　让我们选择第一帧， 点图中右上角的“小三角”调出隐藏菜单，选“Add Behavior”调出“行为”面板，单击“＋”，选择菜单中“Show-Hide Layers”命令，在出现的对话框中看到了什么？层1及层2，选“层1”点“show”；选“层2”点“hide”。OK退出。聪明的你肯定会想到：再选择第40帧，在“行为”面板中作相反的设置，即“层1”为“hide”，“层2”为“show”，好了，题头的动画已完成！有兴趣者打开网页代码看看，实际上DW为我们生成了150行之多的“Javascript”代码，同样效果的gif动画恐怕要上百K吧！
　　最后请别忘了把“时间线”面板中的“Autoplay”及“Loop”打上勾哦，否则鸟是不会飞的。
　　这仅是个最简单的例子，实际上，利用“时间线”并配合“行为”甚至可做出无数特殊效果甚至游戏！
　　几点补充， “时间线”看上去有点象Flash，但不同的是它用“帧频”来决定动画长度，图中Fps就是表示缺省每秒15帧。另外DW时间线也可加入“关键帧”，选择它后可随意改变运动轨迹，当然也可使这小鸟满屏“乱”飞，方法是选择“对象层”，打开时间线的隐藏菜单，点击“Record path of Layer”，然后你可把该“层”随意移动，同时你能看到相应轨迹。
　　“时间线”的操作最能体现你的想象力，相信你能举一反三，做出令人惊叹的网页！