Fireworks 基础知识小结_fireworks

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进行一些操作时,它会有一些警告提示信息,就比如上面提到的“Don't show this again”如果你选择了“不再提示我”,这个信息就不会再次出现了。但在某种情况下,你有想看到这个信息提示,你可以选择:Commands\Reset Warning Dialogs恢复警告提示),则这个提示又会出现。 
  
  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文件即可。

时间: 2024-10-27 19:36:38

Fireworks 基础知识小结_fireworks的相关文章

Fireworks 基础知识

作为第一款专门为设计主页图形而开发出来的软件,Fireworks确实做得非常出色,虽然Fireworks在某些方面仍有欠缺,仍有待提高,但她确确实实地给WEB设计带来了革命性的变化,给WEB图形设计者在设计网页图形时带来了前所未有的方便和快捷,给其它的图象处理软件带来了极大的冲击与推动.Fireworks的功能的确是强大,在这里先给大家说说它的一些基础知识,以便让大家很好的掌握. PNG文件格式 很多人预测PNG(Portable Network Graphics可移植的网络图形)将以其在WEB

jQuery基础知识小结_jquery

1.基础  jquery对象集:   $():jquery对象集合   获取jquery对象集中的元素:    使用索引获取包装器中的javascript元素:var temp = $('img[alt]')[0]    使用jquery的get方法获取jquery对象集中的javascript元素:var temp = $('img[alt]').get(0)    使用jquery的eq方法获取jquery对象集中的jquery对象元素:     $('img[alt]').eq(0)   

css24个canvas基础知识小结

  现把canvas的知识点总结如下,以便随时查阅. 1.填充矩形 fillRect(x,y,width,height); 2.绘制矩形边框 strokeRect(x,y,width,height); 3.擦除矩形 clearRect(x,y,width,height); 4.填充样式 fillStyle="red"; 样式可以为颜色.渐变和图像. 5.描边样式 strokeStyle="red"; 6.描边线条的宽度 lineWidth=4; 7.线条末端形状 l

24个canvas基础知识小结

 现把canvas的知识点总结如下,以便随时查阅. 1.填充矩形 fillRect(x,y,width,height); 2.绘制矩形边框 strokeRect(x,y,width,height); 3.擦除矩形 clearRect(x,y,width,height); 4.填充样式 fillStyle="red"; 样式可以为颜色.渐变和图像. 5.描边样式 strokeStyle="red"; 6.描边线条的宽度 lineWidth=4; 7.线条末端形状 li

Fireworks基础知识:编辑或重新定义样式教程共享

编辑样式以启用或禁用特定的属性(如填充或笔触).重新定义样式以修改其中包括的任何滤镜. 在编辑或重新定义样式时,已应用该样式的所有对象将自动更新.但是,您可以中断所选对象与样式之间的链接. 编辑样式 1.选择"选择">"取消选择"取消选择画布上的任何对象. 2.双击"样式"面板中的某个样式. 3.在"编辑样式"对话框中,选择或取消选择属性. 4.单击"确定"将更改应用于样式. 重新定义样式 1.在画布

javascript之正则表达式基础知识小结_正则表达式

元字符 ^ $ . * + ? = ! : | \ / ( ) [ ] { } 在使用这些符号时需要用"\"来进行转移. 如果记不清楚那些标点符号需要转移,可以在使用标点符号时都使用反斜杠"\" 简单匹配 1.直接量 /javascript/ 匹配带有"javascript"的字符串 比如"javascript is an object-oriented scripting language" 2.[ ] /[abc]/ 匹配

awk基础知识小结第1/2页_linux shell

1.使用规则 awk 适合于文本处理和报表生成,它还有许多精心设计的特性,允许进行需要特殊技巧程序设计.awk 的语法较为常见.它借鉴了某些语言的一些精华部分,如C 语言.python 和 bash. 第一个 awk让我们继续,开始使用 awk,以了解其工作原理.在命令行中输入以下命令:$ awk '{ print }' /etc/passwd您将会见到 /etc/passwd 文件的内容出现在眼前.现在,解释 awk 做了些什么.调用 awk 时,我们指定 /etc/passwd 作为输入文件

shell编程基础知识小结_linux shell

1.文件类型介绍linux系统中主要包括以下七种文件类型: d 目录 - 普通文件 l 符号链接 s 套接字文件 b 块设备文件 c 字符设备文件 p 命名管道文件 2.正则表达式正则表达式在shell编程中非常重要. 从一个文件或命令输出中抽取或过滤文本时.可使用正则表达式(RE),正则表达式是一些特殊或不很特殊的字符串模式的集合. 基本的元字符集:^ 只匹配行首.$ 只匹配行尾.* 一个单字符后紧跟*,匹配0个或多个此单字符.[] 匹配[]内字符,可以是一个单字符,也可以是字符序列.可以使用

jQuery学习基础知识小结_jquery

jQuery学习笔记: jQuery学习 1.基本语法: $(selector).action() $:定义jQuery selector:选择符,查询和查找HTML元素 action():对元素执行的操作 实例: $(this).hide()------隐藏当前元素 $("p"),hide()-------隐藏所有的p元素 $("#ID").hide()-----隐藏id=ID的元素 $("p.Class")--------隐藏class=Cl