编者注: 文章内容为汉化版本的Dreamweaver 4.0,配图为英文版本的 Dreamweaver 4.0
你上新浪网首页会看见它页面中有个飘来飘去的广告条,鼠标移上去,还会变成另外的宣传图片。这个广告条没有占用页面的空间,它独立在页面之上,的确是个发布广告条的好方法。那么,这个会移动的广告条到底是如何做成的呢?下面,请跟我一步步学做,看完教材,你也就会自己做了。
做这个广告条,要用到Macromedia DreamWeaver中的Layer(层)和Timeline(时间轴)功能,还得准备两张大小基本相同的广告图片。我们已最新版本DreamWeaver4.0为例,制作移动的广告条。如果还没有这个软件,请到 www.4u2v.com 寻找。
一、用DreamWeaver打开任意一个网页,空白页也可。在菜单中选择“插入Insert”->“层Layer”,即看到网页中多了一个空白Layer1,你也可以为他命名。再将光标点到空白Layer1内,选择“插入Insert”->“图像Image”,插入你的广告条的第一个图片,调整层大小,使层尽可能与图片大小相近,并设置图片链接。然后把层移到动画的起始位置。
二、在菜单栏选择“修改Modify”->“时间轴Timeline”->“添加对象到时间轴Add object to Timeline”。点击后,弹出对话框,告诉你只有图象和层才能添加到时间轴。对话框按确定后,我们选中Layer(单击层标记或层边界,或用层面板选择一层,当一个层被选中时,层边界会显示出调整大小手柄,按住鼠标左键不放,拖进时间轴动画栏的第一频道,即面板上竖写1,2,3等等的“1”那行,时间轴里面马上增加了一个默认的15帧动画。如图1所示:

然后,单击动画栏最后关键帧标记,再选中页面中的层Layer1,将它拖动到动画的结束点,或者在“层的属性面板”改变层的“左 L ”属性大小来确定结束帧层的位置。此时,页面中显示了从动画起始位置到结束位置有一线条,这就是层的运动轨迹。要想让页面打开时候它就开始运动,就在“时间轴TimeLine”面板上的“自动播放Autoplay”前打勾,如图2所示:按在时间轴上中部的“->”箭头不放,就可以直接预览这直线动画了,或者按下F12键预览。

接下来,我们要进行一系列美化工作,因为这个简单的直线运动效果并不美观,而且广告图片也没有产生变化。
|