首页 > 工具 > Fireworks > 正文

DW4 应用 Firework 文件详解

2020-09-19 13:51:30
字体:
来源:转载
供稿:网友
一、创建高效集成的应用环境

  为了使dreamweaver和firework的集成功能得到最大程度的发挥,你必须按照指定的顺序正确的安装他们,当然如果你使用的是集成以后的安装程序就可以忽略下面的操作了.

  先启动dreamweaver4的的安装程序,完成以后再开始firework4的安装.这时firework会在安装的过程中自动检测本地是否已经安装了dreamweaver.如果发现的话,它会自动把必要的集成文件添加到相应的子目录中.如果你已经搞错了顺序,建议利用firework的反安装程序卸载掉,然后重新安装.

  至于具体的添加文件,这里就不细讲了.不过为了方便你确定是否"集成"成功,可以在dreamweaver安装子目录dreamweaver4/configuration/objects/common下查看是否存在fireworks html.htm,fireworks html.js两个文件,有的话.基本就没什么问题了.

  好的!现在我们看一下究竟如何在dreamweaver中灵活的应用firework文件.这里的firework格式文件除了包括一般的png或其他扩展(gif,gif89a,jpeg)的图片形式外,还有比较高级的firework4 html文件.而我们所重点利用的也就是后者.

  二、在dreamweaver4中直接插入及编辑firework图片文件

  在网页中插入图片文件应该是最简单不过了,不论是何种格式的图片都能够通过菜单"insert"-"image"轻松的导进来.当然你也可以通过"object"面板上的"图片插入"按钮来实现.

  1、打开需要编辑的文件,将光标定位到需要插入图片的位置.

  2、单击"图片插入"按钮,然后在"select image source"窗口中选定文件的具体路径.如果图片文件恰恰在网站根文件夹中,"确定"后不会有任何提示信息,如果是从网站以外引用的话,dreamweaver会弹出如下的信息提示框:

  


  单击"是",在"另存为"对话框中选择文件的保存目录(默认为网站的其实根目录).

  3、这时目标图片已经进来了,除了在网页中调整该图片对象的属性(大小,显示色彩等)外.你还可以直接调用firework4对它进行优化处理.这也是两者集成操作的一个表现.

  三、在dreamweaver4中插入firework4 html文件

  鉴于大家可能对这个概念还比较模糊,下面我们先介绍一下什么是firework4 html文件格式.顾名思义既然多了一个"html"的尾巴,当然在输出中就少不了这个东西了.fireworks4的html文件中包含了与它相关联的诸多信息:图像的链接、图像的切片信息以及javascript脚本语言等等.

  大家都知道在firework4中增加了很多以前在网页中才能实现的效果,包括热点控制,下拉菜单制作.而这些的实现都是需要类似javascript的脚本语言支持的.当然我们现在用firework制作就变的相对简单多了,并且程序本身提供的效果也是蛮不错的.

  制作完成了,下面一个问题就是如何在不影响效果的基础上,将他们导入到指定的网页中.根据不同的需求,我们提供了大概4种不同的导入方法:

  1、以独立的网页文件输出

  这种情况可能比较少(多为设计性的网页),不过在需要时,倒是很简单.

  完成以后,选择菜单"file "-"export",进入文件导出窗口,如图

  



  在"保存类型"下拉列表中选择"html and images"即可.然后你就可以在浏览器里查看效果了.

  2、利用"insert fireworks html"菜单或按钮完成

  不过毕竟firework所产生的html文件更多的时候是作为网页的某一部分出现的,因此dreamweaver同时也提供了不错的导入功能.
  注意一下,在dreamweaver4的"object"面板中有一个代表firework的图标.鼠标悬停,你会得到一个"insert fireworks html"的提示信息,单击这个按钮就可以插入firework导出的html文件了.具体的步骤如下:

  1)保存当前文档到dw所在的站点目录中.注意一定要输出为.htm的扩展名,否则dreamweaver在插入时不能够正确识别,同时在网页编辑窗口中定位好光标位置.

  2)单击"insert fireworks html"按钮或者使用菜单命令"insert"-"interactive image"-"fireworks html".在弹出的的对话框里单击"browse",选择需要插入的firework html文件,如图
  

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表