|
文/Donger
Fireworks4与Dreamweaver4的结合使用--
在Dreamweaver4中应用Fireworks4文件篇
输出Fireworks文件为Dreamweaver的库对象
Dreamweaver中的库对象是一个非常有用的封装的HTML包,一个库对象中可能包含上百条代码,如果您要去一条条地理解修改的话将会是一个费时费力的过程。在Dreamweaver中,库对象被作为一个整体来对待,因此设计者们只需要关心一个元素就可以。使用Dreamweaver库对象就可以在插入Fireworks输出内容的时候免去对代码的处理,其中还可以包括最复杂的行为。
在Fireworks中导出Dreamweaver的库对象的处理方法如下:
1、 使用菜单命令File->Export,显示Export对话框。

2、 在保存类型的下拉列表中选择Dreamweaver Library(.lbi)。
3、 在slices选项里有三个选择,分别为:
a) None(无切分):将文档输出为只有一个图片组成的库对象,而不管文档中是否包含切片对象或是行为。
b) Export Slices(输出切片对象):根据文档中的切片设置输出包含切片的或是行为的库对象。
c) Slice Alone Guide(沿辅助线切分):根据辅助线设置切分图片来输出库对象。
4、 其他几个复选框的选项同上二节所述相同,不再重复。
5、 点击保存按钮导出该库对象文件,于此同时Fireworks会提示你,必须将导出的库文件放置到你的站点目录中单独的Library目录中,选定你的库目录后,Fireworks会将导出的文件放置于你指定的库目录中。
在Fireworks中当文档被作为Dreamweaver4库对象导出后,非常容易将其插入到Dreamweaver的页面中,您按以下步骤进行操作:
1、 在Dreamweaver4中,打开要插入导出的库对象的页面文件。
2、 如果当前文档窗口中没有Library面板,使用菜单命令Window->Library,或在Dreamweaver
Launcher中单击Library图标。
3、 此时在Library中就会显示出该库对象。

4、 在需要插入库对象的地方放置光标,从Library面板中选择库对象,点击Library面板中的Insert按钮或是从面板中直接把库对象拖到当前页面需要的位置,此时库对象被加入到页面中,并且处于选中状态。
您可以在页面中自由移动由Fireworks4生成的库对象,代码也会根据需要移动。
Dreamweaver库对象的最大一个特别就是它的可编辑性,这个特性有些类似于Fireworks中的Symbol的属性。编辑一个库对象,则Dreamweaver就会自动更新所有使用该对象的Web页面。一般图像的修改操作可以从Dreamweaver的属性面板中单击Edit(编辑)按钮,而库对象图像的修改而必须先"解锁"。
要编辑一个库对象,可以按如下步骤进行操作:
1、 在自己的Dreamweaver窗口中打开库对象,有二种方法:
从Web页面选择页面中内嵌的库对象,在属性面板中点击Open按钮。

打开Library面板,点击面板底部的Edit按钮
此时库对象会在属于自己的Dreamweaver的文档窗口中打开
2、 选中图像,再从属性面板中点击Edit按钮。如果文件不是PNG格式的,Fireworks会询问用户是否需要打开源文件进行编辑,并且给用户一个机会去选择,选中的PNG文件将会自动在Fireworks4中打开。
3、 根据需要在Fireworks4中修改文件。
4、 完成后,使用菜单命令File->Update。修改后的文件自动在Dreamweaver的库对象文件中进行更新。
5、 在Dreamweaver中,使用菜单命令File->Save,保存该库对象
6、 Dreamweaver将会注意到该库对象已经做过了修改,它会询问是否要更新本站点中所有包含该库对象的Web页面文件。如果需要更新所有包含该库对象的页面的话,单击Yes,如果以后希望再进行更新,则点击No。
如果选择了以后更新库对象,那么您可以在以后任何时候想更新的话,只需要使用菜单命令Modify->Library->Update
Pages就可以了。
|