Fireworks 4.0 认证教程 第一章 Fireworks 4.0入门
【内容提要】
本课主要介绍Fireworks的工作界面,熟悉一些基本操作,设置工作参数。
主要内容包括:
1.1 Fireworks的简介
1.2 Fireworks的工作界面
1.3 设置Fireworks的工作参数
重点与难点:
Fireworks的菜单栏、工具栏、工具箱的使用,这是学习Fireworks的基础,也是入门的难点。
关键字:
菜单栏、工具栏、工具箱、工作参数
【本课内容】
1.1 简介
Fireworks 4是Macromedia公司推出的第一个专门针对网络的图形图像处理软件,除了基本的图像处理功能外还为它配备了强大的网络开发功能,使它在网络上得到了越来越广泛的应用,Fireworks与其他一些图形图像处理软件相比,在图像处理上毫不逊色,尤其重要的是Fireworks在网络应用上有着绝对的优势,方便、快捷的制作动画、按钮,创建热点、生成切片,还有完善的图像优化功能,甚至可以用Fireworks来编辑整幅web页面 ,它为web页面的制作提供了全套处理方案,再也不必象以前那样为制作web页面而在各种软件之间频繁切换 。
Fireworks能与其他软件完美的结合,可以直接生成HTML代码为FrontPage、Dreamweaver等专门的HTML编辑器所用,也可以直接在Dreamweaver中启动Fireworks来编辑相应的图像,完成编辑后,图像自动更新。Fireworks的这些特性使其成为炙手可热的网页图形图像处理工具。
1.2 Fireworks的工作界面
在学习Fireworks的具体使用之前,我们先来熟悉Fireworks的工作界面和一些基本操作。这些内容不可能一下子就掌握,我们会在以后的教程当中经常使用到,再逐渐积累直至完全掌握这部分内容,这需要一个循序渐进的过程。
1.2.1 启动Fireworks,让大家领略一下Fireworks的全貌
Fireworks的工作界面分为7大部分,分别是:标题栏、菜单栏、工具栏、工具箱、文档窗口、面板、状态行,我们将在下面逐一说明。
一、 标题栏
标题栏左侧显示Fireworks的图标和名称,接着显示的是正在编辑的文档名以及文档的格式。
二、 菜单栏
菜单栏存放了一个软件所有的命令,通过菜单栏几乎可以执行所有的命令,完成所有的工作,Fireworks的命令相当多,多数的菜单选项还包含级联菜单,菜单选项右侧的小三角表示有级联菜单,点击该菜单选项便会打开相应的级联菜单。
三、 工具栏
Fireworks中主要有两个工具栏:
【Main】 工具栏

【Modify】工具栏

工具栏中放置了许多快捷命令按钮,主要为了方便用户快速进行一些操作。
为了调整屏幕显示空间,我们可以按住键盘"ctrl" 键,拖动工具栏使其处于浮动状态,再移到空闲位置;或者单击【Window】菜单下的【toolbars】级联菜单中的【Main】和【Modify】命令将其隐藏或显示。
四、 工具箱
工具箱中工具的使用将在以后详细讲解,在此先熟悉一下工具的名称,便于以后的学习。
五、 文档窗口
文档窗口是用来显示正在编辑的图像内容,相当于画家使用的画布。可以在"Original ""Preview""2-up"、"4-up"状态之间切换。
Original标签页:主要工作页,即工作窗口,所有的编辑工作都在此标签页内进行。
Preview标签页:预览,在此标签页中可以观察目前编辑的图像在网页上的状态。在此标签页内不能执行任何编辑动作。
2-Up、4-Up标签页:分别打开两个、四个窗口,可以对各种导出方案做比较,以决定最优方案。
六、 面板
面板也是Fireworks的一个工具集;在window菜单下有"stroke"、"effect"、"layers"等总共18个面板选项。这些面板以及相关参数我们会在今后的学习中逐步熟悉并掌握。
可以参照教材了解面板的组合、拆分,以及面板的组成,每一个面板都许多设置控件,如:下拉菜单、复选框、滑块标尺等。通过这些控件调节我们才能做出自己的效果。


七、 状态行
位于程序窗口的底部,主要用来显示当前编辑的对象和选中工具的相关信息
1.3 设置工作参数
Fireworks允许用户根据喜好设置自己的工作参数,我们只需了解该节内容,不用深究。要进行设置可以按以下操作:
点击【Edit】菜单下的【Preference】命令,打开"Preference"对话框,如图:

可以看到"general"、"editing"、"launch and edit"、"folder"、"import"五选项卡。接下来我们来了解这些选项卡的一些基本的参数设置。
1.3.1 "General"选项卡
从上图中可以看到
1. Undo steps :撤销步骤的步数,系统默认20步,在历史面板上可以看到这前20步,我们可以通过它增加历史步骤,有效范围是0~100,没必要设得太大。这会占用过多的内存
2. Color Defaults :系统对 Brush、Fill、Highlight的颜色默认设置,点击颜色框,更改颜色。
3. Interpolation :用来设置对图像进行缩放时插入像素的方式。有四种方式。
1.3.2 "Editing" 选项卡
1. Precise Cursors :在编辑图像时,有些工具可出现十字光标,便于精确定位。
2. Delete Objects When Cropping :修剪文档或改变画布尺寸时,将删除那些位于选区以外的内容。
3. Expand to fill document 在整个文档范围内进行像素编辑。
4. Open in Bitmap Mode :直接在图像编辑模式中打开图像文件。
5. Turn off "Hide Edges":隐藏边缘。
6. Display Striped Border :显示边缘斑纹。
1.3.3 "Launch and Edit " 选项卡:
在其他应用软件中调用Fireworks进行图像处理时,是否要打开Fireworks的PNG文档 。 有三个选项:
1. always use source PNG :总是使用源PNG 文档。
2. never use source PNG: 不使用源PNG 文档。
3. ask when launching: 调用前询问。
1.3.4 "Folders" 选项卡:
1. Additional materials: 添加外部资源。点击 "Browse"按钮,找到该资源的位置,点击确定进行添加。
2.Scratch Disk: 指定Fireworks存放临时文件的位置,合理利用磁盘空间。
1.3.5 "Import"选项卡:
该选项卡是针对导入Photoshop文件而设置的

1.Photoshop file conversion: PSD文件到PNG文件的转换
"layers"的单选框中,选择将PSD中的层转换为Fireworks的对象还是将层转换为一频。
"Text"中。选择PSD中的文本文字转换为PNG后,是保持原可编辑状态还是保持其外观。
2.use flat composite image: 将PSD文件的图像作为一张简单的图片导入,忽略所有的层、文本等对象。
小结
本章作为入门的第一课,主要是让大家认识一下Fireworks,熟悉Fireworks的工作界面;菜单栏 、工具栏、工具箱、文档窗口和面板的名称以及作用,了解Fireworks的一些基本操作,设置工作参数。我们应重点加强对相关工具的熟悉程度,使我们能很快进入下一阶段的学习。
- 最新文章
- DW网页设计:多彩文字链接[01-10]
- DW MX实例:图片应用技巧[01-10]
- DW网页设计:制作弹出菜单[01-10]
- DW MX实例:网站个性小图标[01-10]
- 如何用Dreamweaver轻松制作弹出菜单[01-10]
- 提高工作效率!使用Dreamweaver模板构建网站[01-10]
- 相关文章
- DW4 应用 Firework 文件详解[01-10]
- 用 onerror 获取错误信[01-10]
- Internet Explorer 6 中的css增强之我见[01-10]
- CorelDRAW绘制天鹅挂表[01-09]
- CorelDRAW制作卷页效果[01-09]
- CorelDraw中的点阵图转矢量图[01-09]
