Fireworks 基础知识小结

技术  /  管理员 发布于 7年前   275

PNG文件格式
　　很多人预测PNG（Portable Network Graphics可移植的网络图形）将以其在WEB上的优越文件格式取代象GIF和JPEG等传统的图象格式。PNG格式在处理WEB图形方面的确有其独到的长处：
　　1、无失真：不象JPEG图形文件，在将图片保存成PNG格式时，图象不会丢失任何的颜色信息。
　　2、高压缩率：PNG格式的文件甚至可以比GIF有更大的压缩率。 
　　3、支持位透明：PNG支持alpher通道透明，alpher通道透明不同与Index索引颜色透明之处在于：Index索引颜色透明要么是完全透明，要么是完全不透明；而alpher通道透明颜色可以使同种颜色之中部分透明而其它部分不透明。
　　4、伽码（gamma）校正：PNG格式是第一种支持监视器的伽码设置修正，这使得PNG格式的图象在任何平台上都可以得到同样的显示效果。
　　5、支持真彩色：类似于JPEG图象格式，PNG可以处理上百万种的颜色。
　　6、强大的图形再编辑性：在将图片保存成PNG文件格式之后，重新在Fireworks中调出来编辑时，图片仍然很好地保持了图层的分隔和对象的分隔，并允许我们对该图片的任何一独立的部分做任意的修改。这大大方便了我们以后对该图形的修改和编辑处理。
　　虽然到目前为止，大多数的浏览器还不能或者只能通过插件来实现对PNG文件格式的支持，但是我们可以预见，随着PNG文件格式的不断完善和普及，PNG图片将很快成为续GIF和JPEG之后的第三种主要的WEB图形格式。
　　在使用Ｆｉｒｅｗｏｒｋｓ进行一些操作时，它会有一些警告提示信息，就比如上面提到的“Ｄｏｎ＇ｔ ｓｈｏｗ ｔｈｉｓ ａｇａｉｎ”如果你选择了“不再提示我”，这个信息就不会再次出现了。但在某种情况下，你有想看到这个信息提示，你可以选择：Ｃｏｍｍａｎｄｓ＼Ｒｅｓｅｔ Ｗａｒｎｉｎｇ Ｄｉａｌｏｇｓ恢复警告提示），则这个提示又会出现。 
　　
　　Fireworks使用环境的参数设置 
　　大部分的Fireworks使用环境参数我们都可以通过点选菜单File-->Preferences，在打开的Preferences对话框里进行设置，Preferences对话框包括了General（常用）、（编辑）、Floders（文件夹）、Import（导入）四大选项面板，改变了这里各选项的设置之后，我们必须在下一次重新开启Fireworks时，这些设置方起作用。
　　在General中我们可以分别对Undo Steps（撤消次数）、系统使用的默认颜色Color Defaults和Interpolation（图象修正）作适当的参数设置。我们不提倡将Undo Steps值设置得太高，因为这样很占用内存资源。同时，如果我们将撤消次数设定为8次，Fireworks3.0新增类似于Photoshop5.0的History功能面板也会自动将我们的最近八次操作记录在案，可惜的是Fireworks3.0的History功能面板不能象Photoshop5.0有无数次undo的功能。
　　在Edit选项面板上，提供了诸如精确光标设置、以图象编辑模式打开图形文件、以及Fireworks Source Files区域内：（When Editing from External Application）当我们使用Fireworks来编辑诸如Dreamweaver或者别的HTML编辑器里的图象时，定义是否使用Fireworks默认的PNG格式来打开；和（When Optimizing from External Application）定义当你使用Fireworks的优化命令来优化你在Dreamweaver的图象时是否使用Fireworks默认的PNG格式来打开等。
　　Fireworks不仅同样可以支持第三厂商开发的外挂滤镜，而且还允许用户使用Photoshop的部分插件（Plug-ins），同时Fireworks还允许我们增加使用其它的填充纹理和图案。这些选项我们都可以通过Floders选项面板进行设定。
　　Import选项面板是Fireworks3.0为Preferences对话框新增的选项面板，其实该选项面板是将Fireworks2.0中的General选项面板中的Photoshop File Convertion独立抽出来进行的一种深化。主要是用于设定我们在Fireworks中用何种方式来打开Photoshop的缺省文件格式PSD。 
　　
　　Fireworks的图片切割 
　　将大图片分割成一块块的小图片，并且将这些小图片装载在一个HTML的表格中，在WEB页面中无缝组拼成原来的大图，这是网页制作中优化大图、优化网页的其中一种最常用也是最有效的方法。在还没使用Fireworks之前，你可能还在为这种痛苦的差事忙得焦头烂额，是Fireworks的专门图片切割工具解救你于这种痛苦之中。具体的切图操作我们可以查看学习中心的相关文章。 
　　
　　Fireworks的图象导出 
　　PNG被Fireworks视为自身的图象格式，通过选取Save或Save as我们可以将Fireworks中处理的图片保存成该文件格式。
　　目前所有WEB浏览器广泛支持的仅有GIF和JPEG这两种图象格式，如何导出WEB的这两种图象格式呢？Fireworks为我们提供了非常好用的Export Preview（导出预览）和Export Wizard（转存精灵）两大功能版块，有关它们的详细解说我们同样可以查看在学习中心的相关文章。
　　在Fireworks中我们一般都是使用Export Preview功能版块来导出包括GIF和JPEG在内的各种格式的图象文件，其实，细心的Fireworks还给我们提供了几种其它的特殊导出： 
　　Selected Slice：选择切片，该特别导出允许你只导出切图的其中一块或几块切片。 
　　Layers/Frames to Files：单独导出图象的其中一图层或动画的某一帧。 
　　Css Layers：将图片导出并放置在各自的CSS（Cascading Style Sheets）图层中，如果在做WEB页面要使用到该图层时，可以将生成的代码直接COPY到WEB页面适当的地方即可。 
　　Lotus Domino Image Well：导出用于Lotus Domino文档中的Image Well格式。 
　　Flash SWF：将动画导出生成Flash电影的SWF文件格式。 
　　Illustrator 7：将Fireworks图象导出为Illustrator的.ai文件格式。 
　　
　　Fireworks的行为 
　　选取菜单“Window-->Behaviors”打开行为功能面板，使用该功能面板，我们可以很容易做出各种简单的滚盖图（rollover）、交互图片、导航条、状态栏文本信息等等。 
　　
　　与Dreamweaver的无缝结合 
　　只要你将Dreamweaver的默认图象编辑器设定为Fireworks，这样在Fireworks中处理的Dreamweaver编辑器里的文件会立即跟随更新。
　　可以在Dreamweaver中使用Fireworks提供的标准控制对图片进行优化处理，而无需打开Fireworks。
　　可以把Fireworks生成的代码直接输出到Dreamweaver的Library或直接挎贝到Dreamweaver网页编辑器适当的位置。
　　利用Fireworks的Behaviors，可以非常方便地生成各种滚盖图或交互按钮等等。 
　　
　　导入Fireworks2.0的Style 
　　你是否因为Fireworks3.0少了好些Fireworks2.0中的风格模式（Styles）而在着急呢？不用急，先找到你原来Fireworks2.0的安装目录Macromedia\Fireworks 2\Settings\Styles下的“Style Defaults.stl”文件，然后将它COPY到你Fireworks3.0的相同安装目录下，再开启你的Fireworks3.0，点击Style功能面板右上角的小三角形，在弹出的菜单中选取“Import Styles”命令，导入你刚COPY过Fireworks3.0安装目录下的该.stl文件即可。