用Dreamweaver实现漫天花雨效果
淡蓝色的天空下，一朵朵花瓣随风飘下，慢慢的在屏幕中飘荡。你一定要说这种效果用FLASH可以实现。其实用DREAMWEAVER也可以很轻松的实现！
Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具，在于它对DHTML的强大设计功能，上面所说的效果，其实是DHTML的一种。但是使用Dreamweaver，你无须去编写冗长的代码，在DW的窗口里几个拖放，就能轻松搞定。
首先用Firework或Imageready一类的软件制作出几幅动态的GIF花瓣图片来。以ImageReady3.0为例子。按Ctrl+N 新建一个文件，大小100*100左右，背景色可根据网页的背景自行设定。按Ctrl + Shift + N新建一层，取名Flower1，用勾画工具（Polygonal Lasso Tool），勾画出一个花瓣的外形，如图1所示。然后将前景色设为粉红色（颜色代码为：FF99FF），按Edit / Fill 填充，然后在层面版的Flower1上按右键，选择Layer Style / Stroke ，如图2所示。在弹出的Stroke面板里的选择色彩的地方选择一个比刚才的粉红略深的颜色，(颜色代码为：C764B4)，Size选择为1，这样花瓣就被描边，看上去更真实一些。这样一个花瓣就制作完成了。
图1
图2
下面我们来让花瓣动起来。将Flower1复制一层，在层上按右键，选择Duplicate Layer。取名为Flower2。打开Imageready的动画面板，操作方式为：Window / Show Animation，出现如图3的动画面板。按下最下面一排倒数第二个按纽，新建一个动画影格。回到并选中第一影格的位置，在层面板上将Flower2层隐藏。操作方式为单击层前的那个眼睛，如图4所示。
图3
图4
然后在动画面板上，选中第二影格的位置，回到层面板，显示Flower2层，隐藏Flower层。然后选中Flower2层，按Ctel + T，这时花瓣处于自由变换状态，可以用鼠标左右上下移动来改变花瓣的形状。如图5所示。
- 游客发表于:07-06-04
没有效果图啊
- 讲解行业网站设计心得体会全面攻略 (顶了9次)
- 使用CSS美化页面 (顶了3次)
- 用Dreamweaver制作网页七招实用技巧 (顶了2次)
- Fireworks动画--飞机和降落伞 (顶了2次)
- 学习网站建设中一些容易被忽视的问题 (顶了1次)
- Dreamweaver 8 轻松制作漂亮的Flash (顶了1次)
- 使用Dreamweaver8在网页中轻松插入Fl (顶了1次)
- 充分利用Dreamweaver CS3的代码片断 (顶了1次)
- 【基础教程】层及其应用 (顶了0次)
- 加入竖直线的问题 (顶了0次)
- 周一至周五9:00-20:00 周末10:00-17:00
- 客服热线：010-51296260
- 发布招标任务咨询QQ：822959988
- 承接招标任务咨询QQ：822959988
- 发布任务服务邮箱：post@taskcn.org
- 承接任务服务邮箱：service@taskcn.org
- 传真电话：010-82612985