利用Dreamweaver实现网上雨天效果的方法
在淡蓝色的天空下，一片花瓣在风中飘落，在屏幕上缓缓飘过。你必须说，这个效果可以用flash来实现。事实上，使用Dreamweaver也可以很容易实现！在淡蓝色的天空下，一片花瓣在风中飘落，在屏幕上缓缓飘过。你必须说，这个效果可以用flash来实现。事实上，使用Dreamweaver也可以很容易实现！
之所以能超越成为FrontPage和Dreamweaver网页设计师设计的首选工具，在于其强大的设计功能对DHTML。上述效应实际上是一种动态网页。但Dreamweaver，你不必写冗长的代码，并在数据仓库的几个窗口拖放就可以轻松完成。
首先，几个动态GIF的花瓣是用烟火或ImageReady软件制作。以imageready3.0为例。按Ctrl + N，是建立一个新的文件，大小约为100×100，和背景颜色可以根据设置网页的背景，按Ctrl + Shift + N的新层，命名为FLOWer1，使用图形工具（polynal套索工具），勾勒出花瓣的形状，如图1所示。然后设置前景颜色为粉红色（颜色代码：ff99ff），编辑/填充它，然后右键点击水平版flower1，选择图层样式/行程，如图2所示。选择在卒中弹出颜色面板选择一个稍深的不仅仅是粉红色（颜色代码：c764b4），尺寸是1，这是花瓣的笔画，看起来更真实。
现在让我们把花瓣移动。复制一层FLOWer1，按层上右键，选择复制图层。名字是flower2打开ImageReady动画面板。操作：窗口/显示动画，出现如图3所示的动画面板。按按钮的第二底排，一个新的关键帧动画，回到第一帧，选择位置隐藏在2 flower2层。操作是单击在图层前的眼睛，如图4所示。
然后在动画控制面板中，选择第二架位置，背面板的显示层，flower2层，花层，然后选择flower2层，记者必须按住+ T，此时的花瓣是在自由的状态，你可以使用鼠标上下移动改变花瓣的形状。如图5所示。
的flower2层二帧显示与自由的花瓣变换做的一个小变化，那么上述方法，第三新的框架和flower3层，然后自由变换做一些小的改变，也可以做6层，最后一帧和第一帧的每一帧，只显示相关层，该层隐藏的休息。
毕竟，在动画面板，按住Ctrl键，所有的帧都选中，然后在0秒的地方根据每帧之间的时间间隔的正确选择，建议不超过0.1秒。这样的花瓣动画完成。你可以看你做的动画的花瓣上动画面板打键（三角形）的原位是不规则的花瓣。它们在原地移动。根据上述方法，我们做一些大的花瓣近100×100px，90×90px，使花瓣小尺寸约60×60px.you可以在Imageready做一个动画，然后使用翻转功能（编辑/变换/），使图像的不同角度翻转出现不同的变化角，使得最终的效果时，你可以避免花瓣单一。
Open Dreamweaver和按Ctrl + N创建一个新的HTML文档。然后根据插入/层，插入一个层，命名为flower1插入图像，根据层，插入我们只做一层的尺寸、大小的图片的图片，单击选择图层（选择必须如图6所示的是层的选择），而不是图像确定选定的图层，然后选择修改/时间轴/添加对象到时间轴，该层将加入线。此时，当线条将出现两种空心端圆，通过直线连接时，两个圆是关键帧，决定花瓣运动。如图7所示。
确定在等时线的第一格红线的位置，然后拖动层的右上角在Dreamweaver主面板，这是确定的花瓣飘落的起点。然后在等时线的flower1层上炉排拉到第六十格的位置，然后确定该红色线在第六十格的位置，然后DW层返回到左下角的屏幕面板在flower1。这一步是确定图片落目的地。注意时间确定起点和终点，一定要看到红色的线的位置，红色线代表你当前运行的前几帧的位置。开始和结束点必须是关键帧的帧，然后选择自动播放和循环，如图8所示，自动运行和运行的意义。在这段时间里你可以预览F12，你已经可以看到花瓣是直线运动。
在这里，我们让花瓣柔软和不规则运动，线面板，点击第十五帧，确认时间线红色线在第十五格的位置，单击右键，选择添加keyfreme，如图9所示，然后主面板层会自动移到第十五去拖动定位到其他地方（可任意拖动，取决于你怎么想的花瓣如何步运动），确认时间移动到第十五层框架应该在什么地方。然后将红色线为第三十，第四十五，重复上面的动作，然后按F12预览，在这一次的花瓣是不规则的运动。再次，它是一个提醒，花瓣不会移动，如果同步插入线条必须是图层而不是图片。
按照上述方法，我们添加一个层，在层中插入一个小图片，重复上述动作，只有层运动可以改变，只需要改变时，关键的选举，在它的主面板位置的层。依此类推，一般加入以上的花朵层的外观，有花雨的影响。