回到首页  新手指南  网讯速递  技巧应用  上网乐趣  网页制作   建站指南    酷站推荐  软件下载
 Home  Basic Guide News Guide  Skill Guide   Enjoy Guide Web guide  Site Guide Topsite Download
 
关于我们 网站地图 投稿指南

AnyP,我的门户我做主,免费开通个人主页,一起缔造我们的门户世界!


你的位置:首页 > 网页制作指南 > 图像处理 > Fireworks > 系列教程 > Fireworks4与Dreamweaver4的结合使用 > 内容
 
  ·入门篇(1)
·入门篇(2)
·入门篇(3)
·Dreamweaver中插入Fireworks图像文件
·Dreamweaver4中插入Fireworks的HTML文件
·Dreamweaver中复制和粘贴Fireworks HTML文件
·输出Fireworks图像和HTML文件
·输出Fireworks文件为CSS样式表层
·输出Fireworks文件为Dreamweaver的库对象
·Dreamweaver中调用和编辑Fireworks生成的图像
·Dreamweaver中调用和编辑Fireworks生成的表格
·自动更新Dreamweaver中使用的Fireworks HTML代码
·在Dreamweaver中优化Fireworks生成的图像文件
·在Dreamweaver中使用Fireworks行为
·创建Web相册篇
 
·Fireworks4制作弹出菜单大揭密
·Fireworks4极速教程
·Fireworks4功能介绍
·Fireworks4遮罩全接触
·Fireworks4与Dreamweaver4的结合使用
----Related Links----
 
----Related Softwares----
 ::...
 
   
     

文/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就可以了。



 
 ·什么网站最该看一看?
·Dreamweaver 4简明教程
·一笔OUT消网上更走俏
 ·英超球队网站争霸
·常用压缩工具测评
·百万富翁网上培训班
 ·巧用Dreamweaver的线条美
·上网尝尝时装设计的乐趣
·让Dreamweaver设计有线有色

百度中文搜索引擎
网站排行榜


Copyright 2000-2001 FortuneAge Technology Co.,Ltd All Rights Reserved.

版权所有 不得转载 未经明确书面许可,任何人不得复制或在非本公司所属的服务器上做镜像