21实际最具创意的MM公司推出了一个最具创意的网页设计软件-Dreamweaver MX。
他以能够快速建立动态网站和实用的网站管理功能受到大家的喜爱。
实用方便,容易上手是macromedia公司软件的特点。
但最近有网友和我抱怨:"我感觉DW实在没有什么好学的了。"
我想其实不尽然,现在大家都能用DW制作出一个精美的网站,但大家好象都忘记的DW的最大特点,就是Timeline和Behaviors。
Behaviors大家可能经常会用到,但timeline大家用的就少了,最多也就是弄个滚动公告栏一类的,难道MM公司费心打造的功能就被我们这么浪费了?不,我们要利用每一滴资源。OK,不多费话,从今天起,大家就开始和我一起体验T&B的魅力吧~
一:熟悉T&B的工作环境
让我们先来熟悉一下T&B的面板:
timeline:
具体功能都在上面了,还有一些,Fps是每妙钟播放的帧数,值越大动画越流畅;
Autoplay:选中后自动播放动画,若没有选中则需要事件触发来播放动画,例如一个按钮等;
Loop:选中后循环播放动画。
Behaviors:
二:T&B面板的基本操作
Timeline:

右键单击timeline面板后可以看到一个菜单,一般都是些基本操作,
AddKeyFrame:添加关键帧,快捷键:按住Ctrl单击左键;
AddBehaviors:添加事件;
AddFrame:添加帧;
Remove Frame:删除帧;
AddTimeline:添加时间线;
Remove Frame:删除时间线;
Rename Timeline:重命名时间线。
Behaviors:

单击事件选择按钮后,会看到一个菜单,里面都是一些常用的事件,你可以上网下载更多的Behaviors,记住在学习T&B的时候,要将Show Events For改为IE5.5或IE6.0,
上图的Events为当前object的事件,比如inload,onclick等,动作一栏是当前事件所触发的动作。按delet或减号都能删除当前事件。
OK,知道了T&B的基本操作,我们就先来做一个简单的移动物体。
三:简单移动物体的制作
首先在DW中添加一个层,先让我们把它弄的漂亮点,然后右键单击层,单击Add Timeline,或者你也可以直接把层拖动到Timeline面板上,可以看到层已经被添加到Time Line面板上了,选中Time Line面板上的最后一帧,再选择层,将层拖动到你想移动到的位置上,这时可以看到层中有一条线出现,这就是时间线了,记得选中Auto play,OK,你的第一个网页动画做好了。
使用DW做网页动画是不是很简单呢?下面我们来个复杂点的,用timeline做一个滚动公告栏。
四,滚动公告栏的制作
我们来结合上个教程做一个滚动公告栏。
首先把公告栏的修饰工作完成,然后在页面中添加一个层layer1,将层和公告栏的位置对应,像这样:

我们要将layer1的值相应的修改一下,因为它现在还不能满足我们的需要,我们要利用Cilp这个属性来控制层显示的范围:Right和Left值要设为0px ,Top与Bottom要和layer1的值相同,新建一层laye2,layer2要在layer1内添加,使用相对定位, T值和L值要设为0px。在laye2中输入你想写的内容,打开Timeline面板(或按快捷键alt+F9),将layer2添加到TimeLine面板,选中第一帧,将第一帧的layer2向下拖动到滚动层的起事位置,选中最后一帧,将layer2拖动到滚动栏的结束位置,选中Auto paly和Loop,滚动公告栏做好了,预览一下,是不是滚动的太快了?我们可以将最后一帧向后拖动,这就要看你的要求了。
第一节讲完了,你有什么问题吗?可以给我(mail:bluenoone@163.com)寄电子邮件。记得关注下节课,我们将结合Behaviors来做更眩的东东。
(赵龙)