Fireworks MX 2004和Dreamweaver的整合和运用

    大家都知道FW和DW同出一个公司，他们是互为利用的，FW的图片处理后多数是在DW里应用。那么我今天就来看看他们是怎么相互整合的。先请你下载今天用到的素材

　 　第一，首先我们先在FW里做个图片的处理。请大家打开FW2004软件，点文件点打开找到今天教程里提供的图片素材001.jpg属性面板里设置宽 750X600然后全居中。选择画布也将画的大小和图片一致，然后选择右边形状面板里的透视形状，将其拖入图片上，适当调整一下透视的位置。如图：

　　 第二步，在调整好了透视形状后，选文本工具，字体华文行楷，颜色随意，分别写，闪客启航，启航论坛，启航教室，启航教务，如图：

　　第三步，我们分别给这四段文字做一个简单的效果。请你选中闪客启航四个字，然后看属性面板的右下角就效果功能，点开上边的加号，点“阴影和光环”|“点投影”。使其字有投影的效果，同样的方法讲其他三个连接启航论坛，启航教室，启航教务，做好。如图：

　　第四步，选中闪客启航，按F8或右键调出元件面板。，这一个过程和FLASH一样，然后选其类型为按钮。同样的方法启航论坛，启航教室，启航教务分别转换为按钮。如图：

　 　第五步，这时会看到做的按钮就有了按钮的属性。我们来设置一下属性。首先请你选中第一个按钮，你的鼠标指向中心点的时候，鼠标就成手的形状，单击鼠标左 键出来对话框，我们就选“添加图像交互行为”。出来的对话框里我们选在第四帧交换，然后点旁边的文件夹调入一张你要交换的图片。（素材图片里提供了一张 2003111321153022603.jpg）然后在属性面板里连接部分填上按钮要指向的地址。RLT里填上相应的文字说明，目标选择一个你要打开的 方式。同样的方法去设置其它三个按钮。如图：

　　第六步，我们在图片的中上方做个热区。请你选中工具拦里的热点工具——圆形热点工具按住shift键在按钮的上边拖出一个正圆（400X400）然后连接部分同按钮一样设置一下地址，文字说明，目标。如图：

　　至此我的就简单的对这张图片做了相应的处理和加工。那么接下来就请你点文件点导出，请你放入一个建立好的文件夹里。我就开始在DW里去应用这个图片。。。。。

　　请同学门打开DW2004，然后点文件点保存，命名为002.htm 然后点插入——表格，建立一个一行一列的表格，设置表格的属性。宽度设为100%，居中对齐。然后鼠标在表格里点一下，属性面板里水平居中对齐，垂直顶端对齐，然后点

　　菜单里的插入点图象对象——FW html

　　在出来的对话框里点浏览，找到你刚才在FW里导出的001.htm文档，点确定，这时候你在FW里做好的图片就被DW所以应用。你觉得不满意还可以在DW里进行一些修改和编辑。，然后点文件点保存，去硬盘里浏览和测试你做的效果

来源：豆豆网

上一篇：fireworks8制作闪闪文字

下一篇：动画实例——创建按钮和导航栏