用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，这样花瓣就被描边，看上去更 实在一些 。这样一个花瓣就制作 实现了 。

下面我们来让花瓣动起来 。将Flower1复制一层，在层上按右键， 取舍Duplicate Layer 。取名为Flower2 。 打开Imageready的动画面板，操作 模式为：Window / Show Animation，浮现如图3的动画面板 。按下最下面一排倒数第二个按纽，新建一个动画影格 。回到并选中第一影格的位置，在层面板上将Flower2层 潜藏 。操作 模式为单击层前的那个眼睛，如图4所示 。

而后在动画面板上，选中第二影格的位置，回到层面板，显示Flower2层， 潜藏Flower层 。 而后选中Flower2层，按Ctel + T，这时花瓣处于 自由变换状态， 可以用鼠标左右上下移动来转变花瓣的 形态 。如图5所示 。

将第二影格所显示的Flower2层的花瓣用 自由变换做丝毫小的 变迁 。 而后再用上面所讲述的 步骤，新建第三影格和Flower3层，再用 自由变换做一些小的 变迁， 顺次 可以做6层左右， 留神最终一个影格与第一个影格的延续性 。每一个影格里不得不显示 绝对的图层，其余的图层要 潜藏起来 。

　　做完后，在动画面板里，按住Ctrl键，将所有的影格所有选中， 而后在0 sec的地方按右键 取舍每一个影格中间的 间隔 工夫， 提议不要超过0.1秒 。这样一个花瓣的动画就 实现了 。 可以按动画面板上的播放键(那个三角形)来观看你做的动画花瓣 。花瓣不 规定的在原地变换移动，按上述的 步骤做几张大的，在100*100px，90*90px左右，用于近处的花瓣；也做几张小的，在60*60px左右，用于远处的花瓣 。 可以在Imageready里做好一个动画， 而后 使用翻转 性能(EDIT / Transform /)，让图片不同角度的翻转，浮现的便是不同角度的 变迁，这样在做最终的 动机的时候，就 可以幸免花瓣的单一性 。

　　 打开Dreamweaver，按Ctrl + N新建一个Html文档 。 而后按Insert / Layer，插入一个图层，取名为“flower1”，在图层中按Insert Image，插入我们 方才所做的那几幅图片中的一幅，将图层的大小变得和图片的大小一样，点击选中该图层(选中后 定然要是图6的样子才是选中了图层)，确定选中图层而不是图片， 而后 取舍 Modify / Timeline / Add object to Timeline，此时该图层会加入等时线，这时候等时线上会浮现两个空心的句号样的圆圈，用直线衔接起来，两个圆圈 示意是 要害影格，确定了花瓣移动的轨迹 。如图7所示 。

确定等时线里红线在第一格的位置， 而后在Dreamweaver的主面板里拖动图层到右上角，这一步是确认花瓣飘落的起点 。再将等时线里的flower1层的最终一格拉到第60格的位置， 而后确定那条红线在第60格的位置，回到DW面板将flower1图层拉到屏幕的左下角，这一步骤是确定图片飘落的终点 。 留神确定起点和终点的时候， 定然要看清红线的位置，红线的位置代表了你目前再做第几影格的操作 。开始影格和终点影格 定然要是 要害影格 。 而后选中上方的Autoplay和Loop，如图8所示，意思是自动运行和循环运行 。这时候你 可以按F12预览一下，你已经 可以看到花瓣沿一条直线在运动了 。

下面我们让花瓣的运动显得柔和丝毫，无 规定丝毫 。在等时线面板里，在第15影格的地方单击一下，确认等时线里的红线在第15格的位置，按右键， 取舍add keyfreme，如图9所示，这时主面板的图层会自动移到第15格应该走到的位置，拖动图层到 其余的地方( 可以任意的拖动，取决于你想让这个花瓣如何运动)，这一步是确认该图层移动到第15影格的时候应该在什么地方 。 而后将红线移到第30格、第45格的位置 反复上面的动作，再按F12预览一下，此时花瓣就呈不 规定的移动了 。再次 揭示，插入等时线的 定然要是图层而不是图片，不然花瓣将不会移动 。

依照上面的做法，我们再添加一个图层，在图层中插入另外一幅稍小的图片， 反复上面的动作，只不过图层移动的轨迹 可以转变一下， 惟独求改边 当选中某个 要害影格的时候，图层在主面板的位置就 可以了 。以次类推，普通加到Flower10层以上的样子，才有满天花雨的 动机 。