Fireworks MX 2004和Dreamweaver的整合和运用
大家都知道FW和DW同出一个公司,他们是互为利用的,FW的图片处理后多数是在DW里应用。那么我今天就来看看他们是怎么相互整合的。先请你下载今天用到的素材
第一,首先我们先在FW里做个图片的处理。请大家打开FW2004软件,点文件点打开找到今天教程里提供的图片素材001.webp属性面板里设置宽 750X600然后全居中。选择画布也将画的大小和图片一致,然后选择右边形状面板里的透视形状,将其拖入图片上,适当调整一下透视的位置。如图:
第二步,在调整好了透视形状后,选文本工具,字体华文行楷,颜色随意,分别写,闪客启航,启航论坛,启航教室,启航教务,如图:
第三步,我们分别给这四段文字做一个简单的效果。请你选中闪客启航四个字,然后看属性面板的右下角就效果功能,点开上边的加号,点“阴影和光环”|“点投影”。使其字有投影的效果,同样的方法讲其他三个连接启航论坛,启航教室,启航教务,做好。如图:
第四步,选中闪客启航,按F8或右键调出元件面板。,这一个过程和FLASH一样,然后选其类型为按钮。同样的方法启航论坛,启航教室,启航教务分别转换为按钮。如图:
第五步,这时会看到做的按钮就有了按钮的属性。我们来设置一下属性。首先请你选中第一个按钮,你的鼠标指向中心点的时候,鼠标就成手的形状,单击鼠标左 键出来对话框,我们就选“添加图像交互行为”。出来的对话框里我们选在第四帧交换,然后点旁边的文件夹调入一张你要交换的图片。(素材图片里提供了一张 2003111321153022603.webp)然后在属性面板里连接部分填上按钮要指向的地址。RLT里填上相应的文字说明,目标选择一个你要打开的 方式。同样的方法去设置其它三个按钮。如图:
第六步,我们在图片的中上方做个热区。请你选中工具拦里的热点工具——圆形热点工具按住shift键在按钮的上边拖出一个正圆(400X400)然后连接部分同按钮一样设置一下地址,文字说明,目标。如图:
至此我的就简单的对这张图片做了相应的处理和加工。那么接下来就请你点文件点导出,请你放入一个建立好的文件夹里。我就开始在DW里去应用这个图片。。。。。
请同学门打开DW2004,然后点文件点保存,命名为002.htm 然后点插入——表格,建立一个一行一列的表格,设置表格的属性。宽度设为100%,居中对齐。然后鼠标在表格里点一下,属性面板里水平居中对齐,垂直顶端对齐,然后点
菜单里的插入点图象对象——FW html
在出来的对话框里点浏览,找到你刚才在FW里导出的001.htm文档,点确定,这时候你在FW里做好的图片就被DW所以应用。你觉得不满意还可以在DW里进行一些修改和编辑。,然后点文件点保存,去硬盘里浏览和测试你做的效果