Macromedia Fireworks 8概述
第1章 Fireworks 8概述
1.2 绘图工具的使用
1.2.3 “位图”工具区 位图” “位图”工具区包含处 位图”工具区包含处 理位图的16个工具， 16个工具 理位图的16个工具，如图 23所示 其中： 所示。 6-23所示。其中：
1.2 绘图工具的使用
1.2.3 “位图”工具区 位图”
1.2 绘图工具的使用
1.2.4 “矢量”工具区 矢量” “矢量”工具区的工具用于编辑矢量图形、编辑 矢量”工具区的工具用于编辑矢量图形 的工具用于编辑矢量图形、 路径和输入文字等。 矢量” 路径和输入文字等。 “矢量”工具区包含处理矢量 图的24个工具，如图6 24所示 其中： 24个工具 所示。 图的24个工具，如图6-24所示。其中：
1.2 绘图工具的使用
1.2.2 “选择”工具区 选择” “选择”工具区如图6选择”工具区如图 如图6 22所示 提供了指针、 所示， 22所示，提供了指针、部分 选定、缩放和剪切工具。 选定、缩放和剪切工具。在 有下三角的按钮上鼠标左键 不放， 不放，就能看到工具组中的 其它工具。其中： 其它工具。其中：
1.1 Fireworks 8的工作界面 8的工作界面
1.1.1“工具” 1.1.1“工具”面板
1.1 Fireworks 8的工作界面 8的工作界面
1.1.2“属性” 1.1.2“属性”检查器 “属性 ” 检查器 将根据当前所选工具和所选中的 属性” 检查器将根据当前所选工具和所选中的 对象发生变化，默认情况下，它位于文档窗口的底部， 对象发生变化 ， 默认情况下 ， 它位于文档窗口的底部 ， 如图6 所示。 属性” 查器是一个上下文关联面板， 如图6-4所示。“属性”检查器是一个上下文关联面板， 它显示当前选区的属性、当前工具选项或文档属性。 它显示当前选区的属性 、 当前工具选项或文档属性 。 默认情况下， 属性”检查器停放在工作区的底部。 默认情况下，“属性”检查器停放在工作区的底部。
第2章初识Dreamweaver 8
3．改变原点位置
默认的标尺原点在画面左上角，也可以自己改变原 点位置。单击标尺的原点处，将会出现一个十字线， 图2-29 重设原点 交点为可以移动的原点，放置在适当位置，即重新 设置了原点。
2.23
© 2007
第2章
初识Dreamweaver 8
标尺
4．还原原点位置
在横纵标尺交叉处双击，即可还原标尺原点。
Dreamweaver 8新功能
缩放 辅助线
“编码”工具栏
代码折叠
工作区布局
用于 Mac 的选项卡式文档 新的起始页面 改进的站点同步和存回/取出功能 比较文件
2.6
© 2007
第2章
初识Dreamweaver 8
Dreamweaver 8新功能
选择性粘贴 站点相关引用
除了插入面板和属性面板，Dreamweaver中的 浮动面板还有很多，比如设计面板、代码面板、文 件面板、动作面板、应用程序面板等。这些面板的 最大的好处是节省屏幕空间，使屏幕看起来简单整 洁。正是这些不同面板的综合使用，才使得网页纷 繁的功能逐一实现。
2.13
© 2007
第2章
初识Dreamweaver 8
状态栏参数
2.17
© 2007
第2章
初识Dreamweaver 8
辅助功能
2.18
© 2007
第2章
初识Dreamweaver 8
使用辅助工具
2.4 使用辅助工具
网格 标尺 辅助线 放大镜
Dreamweaver 8的代码折叠功能
2.19
© 2007
第2章
初识Dreamweaver 8
2.24
© 2007
初识Fireworks
1.1.1 Fireworks 8概述 1.1.2 Fireworks特色概述 1.1.3 Fireworks 8新功能
1.1 Fireworks概述
1.1.1 Fireworks 8概述
❖ 在绘图方面Fireworks结合了位图以及矢量图处理的特点，不仅具备复杂的图象处理 功能，并且还能轻松地把图形输出到Flash、Dreamwe 矢量图是以路径定义形状的计算机图形。
矢量路径的形状由路径上绘制的点确定。 矢量图的填充占据路径内的区域。
❖ 位图是由称为像素的小正方形组成的图形。
扫描的图像以及用位图绘画程序（如Photoshop）创建的图形都属于位图图形，也被称为栅格图像。 矢量图拉大后不失真，但位图拉大后会失真。
1.2 Fireworks入门
❖ 打开Fireworks软件，会弹出如图所示的Fireworks 8 版本的启动界面。
❖ 该界面显示软件名、版本号和版权等信息。
工作界面
菜单栏
文档标签
工具箱
工作区
上传功能
快速导出 动画播放区 属性面板
面板组
网页设计
1.1.3 Fireworks 8新功能
（1）新增图像编辑面板。 （2）支持QuickTime Image、 MacPaint、 SGI和JPEG 2000文件格式的
导入。 （3）优化了批处理工作流。 （4）矢量兼容性。 （5）更多分割选项。 （6）识别ActionScript 颜色值 (0xFFCC00)。 （7）CSS弹出式菜单。 （8）移动界面组件。 （9）特殊字符面板。
判断矢量图和位图的方法
❖ 100%视图显示状态下拉大图形，看看会不会变模糊，图像拉大后变模糊的是位图， 反之是矢量图；
macromedia dreamweaver 8
macromedia dreamweaver 8Macromedia Dreamweaver 8 是一个功能强大且易于使用的网页设计和开发工具。
它提供了一个直观的用户界面，使用户能够轻松创建和编辑各种类型的网页，包括静态页面、动态页面和交互式页面。
本文将介绍 Dreamweaver 8 的核心特性和功能，并提供一些使用 Dreamweaver 8 的最佳实践。
首先，让我们了解一下 Dreamweaver 8 的主要特点之一：所见即所得（WYSIWYG）编辑器。
Dreamweaver 8 提供了一个直观的编辑环境，用户可以在其中直接编辑网页内容，并实时预览所做的更改。
这大大简化了网页设计和开发的过程，使用户能够更快速地完成任务。
此外，Dreamweaver 8 还提供了丰富的模板和样式库，以便用户可以快速创建专业且美观的网页。
这些模板和样式库涵盖了各种不同的行业和主题，用户可以根据自己的需求选择和修改。
这不仅能够提高网页设计的效率，还能确保网站的一致性和专业性。
Dreamweaver 8 还支持动态网页开发，用户可以使用内置的服务器技术（如PHP和ASP）来创建和管理动态网页。
用户可以轻松地集成数据库、编写服务器脚本和处理用户输入。
Dreamweaver 8 还提供了强大的调试功能，使用户能够快速定位和修复网页中的错误。
除了基本的网页设计和开发功能外，Dreamweaver 8 还提供了一些高级功能和工具，以进一步增强用户的工作流程。
例如，它提供了代码片段功能，使用户能够快速插入常用的代码块，并自定义自己的代码库。
此外，Dreamweaver 8 还支持版本控制系统，使团队成员可以协作开发和管理网页项目。
关于 Dreamweaver 8 的最佳实践，以下是一些建议供参考：1. 组织文件结构：在开始设计和开发网页之前，建议先规划好文件结构。
这将使您的项目更加有序，并使文件更易于管理和维护。
2. 使用 CSS：CSS（层叠样式表）是一种强大的设计工具，可以帮助您更好地控制和布局网页。
第八章 Fireworks入门
8新增功能 ห้องสมุดไป่ตู้ireworks 8新增功能
工作流程的优化包括简化的重命名功能， 工作流程的优化包括简化的重命名功能，在批 处理过程中进行缩放时检查文件尺寸的功能， 处理过程中进行缩放时检查文件尺寸的功能， 增加了状态栏和日志文件等。 增加了状态栏和日志文件等。 8增强矢量图兼容性 增强矢量图兼容性。 4、 Fireworks 8增强矢量图兼容性。在 Flash和Fireworks之间移动对象时 之间移动对象时， Flash和Fireworks之间移动对象时，会保留矢 填充、笔触、滤镜和混合模式） 量性（填充、笔触、滤镜和混合模式）。 8能识别ActionScript颜色值 能识别ActionScript 5、 Fireworks 8能识别ActionScript颜色值 0xFFCC00） 在将ActionScript ActionScript颜色值从 （0xFFCC00）。在将ActionScript颜色值从 Flash复制并粘贴到Fireworks颜色值字段中 复制并粘贴到Fireworks Flash复制并粘贴到Fireworks颜色值字段中 8可识别该颜色值 可识别该颜色值。 时，Fireworks 8可识别该颜色值。
Fireworks简介 Fireworks简介
8是Macromedia公司推出的Studio8的 公司推出的Studio8 Fireworks 8是Macromedia公司推出的Studio8的 组件之一，是第一个完全为网页制作者设计的软件。 组件之一，是第一个完全为网页制作者设计的软件。 它极大的简化了网络图形设计的工作难度， 它极大的简化了网络图形设计的工作难度，使用 Fireworks可以轻松制作出十分动感的GIF动画 可以轻松制作出十分动感的GIF动画。 Fireworks可以轻松制作出十分动感的GIF动画。
使用Fireworks8制作图像
【实例6.4】绘制一本打开的书，并且上 面有两个半圆的LOGO图片。
【实例6.5】绘制向外扩展的五角星。
文本的编辑
Fireworks 8提供了许多文本功能。使用工具箱中的 “文本”工具，在画布中希望文本块开始的位置单击或拖 动光标，可产生一个文本块，可以在其中输入文字。
1．固定宽度文本块和自动调整大小文本块 2．设置文本属性 3．文本附加到路径 4．文本转换为路径和位图 【实例6.6】制作圆形印章效果。
1．选择描边种类 2．在路径上放置笔触 3．为笔触增加纹理
填充
Fireworks的填充可以将路径变为实际应用中的各种 图形效果。
1．填充对象 2．设置填充 3．设置渐变填充 4．调整填充效果 5．为填充增加纹理和设置边缘 【实例6.7】制作一个立体效果的按钮。
使用样式和形状
Fireworks的“资源”面板组中提供了大量定义好的 样式和图形，可以在制作图像时直接使用。
创建和编辑位图
1．绘制图形 2．导入外部图像 3．擦除位图
编辑选区
在网页制作时对位图的处理主要是进行修饰处理，如 改变大小、修改颜色、增加特效、去除红眼和多余的色斑 等。修饰图像前一般先要选取要修饰的区域，形成一个闪 烁虚线组成的选区。
1．增加选区 2．选区边缘设置 3．编辑选区
【实例6.8】制作羽化的图像。
6.1 Fireworks 8简介
Macromedia Fireworks 8的工作界面与Dreamweaver 8的工作环境相似，都采用了非常人性化的设计界面，用 户可以根据实际需要进行设置。
网页图像的格式
在计算机图形学中，根据成像原理和绘制方法的不同，可 以将图像分为两大类：基于数学公式描述的矢量图形和基于 像素的位图图像。位图是由屏幕上许多细微的小点组成，基 于位图的图形程序实际上就是把图形中的像素点作为处理的 对象。位图的优点是能够真实地模拟现实生活中的色彩，缺 点是放大后会失真。矢量图形是由直线和曲线构成的，其显 示质量与屏幕分辨率无关，当进行缩放时，图形仍将保持原 有显示质量，不会失真。
Fireworks8使用基础优秀课件
中文版Fireworks 8基础与上机实训
属性面板
属性面板位于绘图窗口旳底部，其中旳参数伴随绘图窗口中旳对象 不同而变化，如下图所示。当编辑矢量图形时，属性面板中会出现笔触、 填充、滤镜等参数设置选项；而当编辑位图图像时，属性面板只出现滤 镜参数设置选项。灵活利用属性面板旳各项参数设置，能够制作出许多 独特旳图形效果。要打开或关闭属性面板，选择“窗口”|“属性”命令 即可 。
2. Fireworks 8旳工作界面主要由下列几种部分构成： _____ 、 _____ 、 _____ 、
_____和_____。
3.
面板能够显示撤消和重做旳命令列表，合理利用该面板能够大大简化工作流程。
4. 要在“打开”对话框中同步选中多种文件，按住键盘上旳 _____ 键，可选择多种相连旳文 件；按住_____ 键，可选择多种不相连旳文件。
中文版Fireworks 8基础与上机实训
1.7 思索与练习
操作题
14. 在Fireworks 8中创建一种名为“我旳快捷键”旳自定义快捷键方案，并设置该方案中部分 常用旳快捷键。
15. 在Fireworks 8中新建一种800×600旳文档，并导入一幅图像，然后将画布旋转180°。
7. Fireworks 8提供了_____ 、 _____ 和 _____ 3种视图界面。
中文版Fireworks 8基础与上机实训
1.7 思索与练习
选择题
8. 在Fireworks 8中能够经过( A. 双击“手形”工具按钮 B. 双击“缩放”工具按钮
)措施迅速设置文档为100%显示。 C. 在画布中双击 D. 按住Alt键在画布中单击
9. 在Fireworks 8中，用复制命令复制一种对象后，再新建一种文档，则该文档旳默认画布大 小为( )。
Fireworks 8 教程第01章 Fireworks 8使用基础
中文版Fireworks 8基础与上机实训
1.3 创建Fireworks文档
在Fireworks 8中创作图片时，首先要创建一个新文档或者打开一 个已经存在的文档。建立文档时的一些重要参数可以在创作过程中随时 改变 。
❖ 新建新文档 ❖ 打开文档 ❖ 保存和导出文档
中文版Fireworks 8基础与上机实训
保存和导出文档
在Fireworks 中创建的文档一般都会保存为PNG格式文档。如果想 生成Web页中常用的JPEG或GIF格式，则需要使用“导出”命令。
选择“文件”|“保存”命令，打开下图所示的“另存为”对话框。 在该对话框的“文件名”文本框中输入文档名称，并选择保存路径，然 后单击“保存”按钮即可保存文档 。
中文版Fireworks 8基础与上机实训
快速创建切片和热点
切片是Fireworks中用于创建交互性对象的基本构造块，它不像矢 量图形或位图图形那样以图像的形式存在，而是作为网页对象以HTML 代码的形式出现。在Fireworks的“层”面板的“网页层”中可以查看、 选取和编辑切片对象。此外，使用拖放交换图像的方式将交互性添加到 切片也是一种快速创建交换图像效果的方法。下图所示为在网页图像上 创建的切片 。
中文版Fireworks 8基础与上机实训
1.7 思考与练习
填空题
5. 若要在文档的水平和垂直尺寸之间保持相同的比例，可以选择“图像大小”对话框中的 _____ 复选框。
6. Fireworks的_____ 在画布上显示为一个由横线和竖线相交构成的网状体系。它不随设计的文 档一同导出，只是起到辅助设计的作用，只能在工作环境中看到。
在Fireworks 8中，工具箱可以在窗口中任意移动，用户只需在其 上按下鼠标左键并拖动，即可在非功能区改变其放置位置。。
FIREWORKS8标准实例教程教程课件第一章初识Fireworks8
1．分板停靠在同一个面板停靠架上，选择 其中一个面板，整个面板停靠架便会一起出现。也可以手动对浮动面 板进行停靠和拆分操作。
例如，要将〖外形〗面板以选项卡形式从资源组合中拆分出来，具体 操作如下：
(1)单击〖资源〗面板组右上角的选项按钮，打开选项菜单。
第一章 初识Fireworks 8
1.1 Fireworks 8的新功能
1.Fireworks 8不仅继承了以往Fireworks的强大功能，还增添了许多新的特性。 下面我们看一下它与以前的版本相比有哪些改进。
2.新增〖图像编辑〗面板，使用该面板可以快捷地访问常用的图像编辑工具、 滤镜和菜单命令。
Fireworks参数设置中设置历史面板中保留的撤销步数的最大步数。 (5)样式：通过Fireworks大量内置的样式，用户可以灵活地创建对象所需的属
性。也可以将对象的集体属性保存为样式，或导入编辑好的样式。 (6)库：通过将符号从库中拖到文档工作区可以迅速创建Fireworks的一个实例，
创建的实例同库中的元素符号有对应的动态链接，可以通过在库中修改对所 有实例同时进行修改。 (7)URL：通过URL面板，系统可以自动保存用户编辑过的URL地址。此外还 允许用户在URL面板中添加新的地址。 (8)颜色混合器：允许不同的编辑者根据自己的需要调整或选择颜色模型。 (9)外形：选择所需要的对象外形。可以方便地实现对象的三维效果处理等操 作。 (10)信息：通过信息面板可以迅速读取对象的大小和位置信息，用户还可以 根据需要输入数值精确调整这些设置。 (11)行为：使用行为面板可以方便的为图像添加需要的动作组合，并删除不 满意的动作。避免了编写JavaScript代码。 (12)查找：在批量处理时使用该面板可以起到事半功倍的效果。
第一章 Dreamweaver8概述
第一章Dreamweaver8概述1-1Dreamweaver8简介Dreamweaver8是Macromedia公司最新推出的一款功能强大的网页制作软件,它继承了以前版本易学易用的特点,同时又增加了许多特点,比如图形的编辑、CSS样式表、表格的嵌入、FTP上传与支持建立网站应用程序等新功能。
它将可视布局工具，应用程序开发功能和代码编辑支持组合为一个功能强大的工具系统，使每个级别的开发人员和设计人员都可利用它快速地创建网页界面。
Dreamweaver8支持ActiveX、Javascript、Flash、ShockWave等特性。
用于对Web 站点，Web页面和Web应用程序进行设计、编码和开发。
由于Dreamweaver采用了Roundtrip HTML技术。
这项技术使得网页在Dreamweaver和HTML代码编辑器之间可以进行自由转换，HTML句法及结构不变。
这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。
由于其强大的功能特性，它已成为一款不可多得的网页制作利器。
1-2Dreamweaver8的新功能1．改进的工作流程2．扩展的CSS支持3．快速的文件传输4．对XML/XSLT的远景支持5．样式渲染工具栏6．放大工具7．改进的站点同步和登记/注销8．比较文件9．特殊粘贴1-3 Dreamweaver8的界面简介1．选择工具界面当第一次启动Dreamweaver8时，将出现“工作区设置”，左边是“设计器”，右边是“编码器”工作区布局。
我们选择设计器工作区模式。
“设计器”工作区布局采用多文档界面形式，将所有文档窗口以及面板模式集合到主窗口中，并将面板组叠放在窗口的右边，以方便用户操作。
“设计器”默认一开始是弹出标尺的，如果您不习惯，可以在标尺上点击右键，隐藏标尺，或者快捷键Ctrl+Alt+R.“编码器”工作模式主要针对喜欢用代码编写网页的用户而设计的。
2．Dreamweaver8的窗口组成它由七个部分组成：标题栏、菜单栏、快捷插入面板、工具栏、文档窗口、属性面板和面板组组成。
macromedia flash 8
macromedia flash 8Macromedia Flash 8 是一款非常流行和强大的多媒体和动画制作软件。
它是由Macromedia公司（现在成为Adobe公司的一部分）开发和发布的。
Flash 8 推出于2005年，是Flash系列中的一个重要版本。
它拥有许多创新功能和改进，为设计师和开发者提供了更多的工具和选项，使他们能够创建出更引人注目和令人惊叹的多媒体内容。
首先，Flash 8 提供了更加强大和灵活的动画功能。
设计师可以利用时间轴和关键帧来创建复杂的动画序列。
Flash 8 还引入了动画缓动功能，可以通过添加缓动效果使动画更加平滑和自然。
此外，Flash 8 还支持更多的图像和视频格式，包括JPEG、PNG、GIF和QuickTime等。
这使设计师能够更多样化地展示他们的作品，并获得更好的视觉效果。
其次，Flash 8 引入了ActionScript 2.0，这是一种基于面向对象编程的脚本语言。
ActionScript 2.0 提供了更高级的编程功能，使开发者能够创建出更复杂和交互性强的FLASH应用程序。
此外，Flash 8 还提供了一个内置的代码编辑器，使开发者能够更轻松地编写和调试脚本代码。
这样设计师和开发者可以更好地协作，提供更好的用户体验。
Flash 8还提供了更强大的图形编辑工具。
与以前的版本相比，Flash 8 中的绘图工具更加精确和灵活。
设计师可以使用这些工具创建各种矢量图形，如图标、按钮和标志。
Flash 8 还引入了高级渐变和滤镜效果，使设计师能够创建出更加复杂和引人注目的视觉效果。
此外，Flash 8 还具有更强大的形状操作功能，例如缩放、旋转和变形，使设计师能够更准确地调整和编辑图形。
除了以上功能之外，Flash 8 还具有一些其他的创新和改进。
它提供了更好的文本渲染和排版功能，使设计师能够创建出更美观和易读的文本内容。
Flash 8 还引入了一个内置的音频和视频播放器，使设计师能够更方便地嵌入和播放多媒体文件。
Fireworks 8一小时极速入门
计算机培训系列Fireworks 8 一小时极速入门1 Fireworks 8 入门1.1 进入Fireworks 8Fireworks 8是一款面向网页设计的图像处理软件，可以完成网页设计中绝大多数的图形图像设计。
在开始菜单中找到macromedia，展开点击Fireworks 8，即可启动软件。
点击文件菜单的新建，输入宽度和高度（根据屏幕分辨率而定，这里定为1024和768），如图：进入后选择要导出的文件格式，如图：注意：根据格式要求的不同，选择不同格式；一般GIF格式的颜色数较少，用于保存简单图片，对于照片一类的图片，要选择高品质的JPG格式将文件保存。
1．2图像文件的导入为了使用图片背景与整体统一，需要将白色边框去除，使用魔术棒工具：在白色区域点击，按下键盘上的Delete键，得到如下的效果：重复这一过程，将内部的白色区域去除。
1.3 其它图形导入与层的设置继续执行导入操作，得到下面图形：注意：后面的导入的图形盖住前面的图形和文字，在后面导入的图形上单击右键，在排列项中找到“上移一层”或“移到最前”，使所有元素按顺序显示。
将需要显示的层移动到最前面，背景移动到后面。
选中“淮阴师范学院”，如下图，调整图形的颜色，在滤镜中还有阴影等，可以将这些效果加入到图形中。
调整相对位置，得到下面图形：1．4 在图形内放入文字在工具箱中找到文字工具A，在需要放置文字的地方点击，输入文字，修改字体和颜色。
或者在“窗口”菜单中找到“样式”，选中相应的样式，再进行文字的设置。
选中需要处理的子图形，在命令菜单中找到创意，找到需要的效果项：如图像渐隐：效果如下图：可以看到背景色以一定的程度呈现出来。
1．6 图像的修饰——橡皮擦与刷子在实际的图象运用中，经常有一些元素是用户不需要的，可以使用橡皮擦工具将不需要的地方擦除。
如果仅仅遮盖已有的一些小标志，也可以使用刷子工具，先在擦除的区域附近取色，然后进行擦除，这样能保持颜色一致。
SW05 第5章 Fireworks8 基本操作电子课件
2018/7/25
第5章
Fireworks8简介
25
5.2.4 添加与编辑文本
9．单击菜单栏中“修改”|“画布”|“修剪画布”命令，使画布大 小与图形大小一致。 10．保存文件。 文本在附加到路径后，选择“文本”工具并选中要编辑的文本， 就可以编辑文本。此外将含有软硬回车符的文本附加到路径时会现错 误。
2018/7/25
第5章
Fireworks8简介
29
5.2.6 制作网页导航实例
4．矩形应用了样式如图所示。
5．选择文本工具，在属性检查器中设置字体：隶书，字号：28， 加粗，颜色：#993333，在矩形上添加文本“首页”。 6．单击菜单栏中“修改”|“画布”|“修剪画布”，使画布与图形 大小一致。 7．保存文件完成按钮的制作。
5.1.2文件的基本操作
2018/7/25
第5章
Fireworks8简介
4
5.1.1 Flash8的操作界面
单击“开始”按钮，在开始菜单中依次选择“程序”— “Macromedia”—“Macromedia Fireworks 8 ”，启动Fireworks 8 程 序，进入Fireworks 8 的欢迎界面，如图所示。
2018/7/25
第5章
Fireworks8简介
12
5.2.1 编辑图像的基本操作
2．扭曲工具
（1）选择要扭曲的对象。 （2）单击扭曲工具，在文档窗口中，图形四周出现8 个方形变形手柄。 （3）将鼠标移到变形手柄，变为双向箭头时，按下并 拖动鼠标
Fireworks8简介
2018/7/25
第5章
Fireworks8简介
20
5.2.3 绘制与编辑失量对象
第7章 Fireworks 8基础知识
• 7.1 网页图像概述 • 7.2 认识Fireworks 8
• 7.3 矢量图像的绘制与编辑
• 7.4 修改对象
7.1 网页图像概述
• 7.1.1 图像的格式 在讲解网页图像的处理之前，我们首先应该了解一下网页图像的格式 及特点。目前网络支持的图形格式主要有JPEG/JPG、GIF和PNG三种。 由于这3种格式各有利弊，在设计网页时，要根据实际情况来考虑选择 使用哪种图像格式。 • 7.1.2 矢量图像和位图图像 1．矢量图像 矢量图像是用包含颜色和位置属性的直线或曲线（即称为矢量）来 描述图像属性的一种方法。比如，一个圆包括两部分：由通过圆的边缘 的一些点组成的轮廓和轮廓内的点。矢量图形是具有独立分辨率的，即 它可以在不损失任何质量的前提下，以各种各样的分辨率显示在输出设 备中。 2．位图图像 位图图像是对每一个栅格内不同颜色的点进行描述，这些点称为 像素。例如，上面所说的圆图像，可以由所有组成该圆的像素点的位置 和颜色来描述。因为编辑位图图像时，修改的是像素点，而不是直线和 曲线，因而，不可能通过修改描述椭圆轮廓的直线或曲线来更改椭圆的 性质。
7.2 认识Fireworks 8
（7）透视阴影和纯色阴影。为打开的路径和文本对象添加透视阴影，对 多次所应用到的对象印上标记的新动态滤镜。 （8）新增的图像混合模式。混合模式增加到39种，功能更强大了。 • 7.2.2 Fireworks 8 的工作界面 进入Fireworks 8工作状态之前，我们先要来熟悉Fireworks 8的工 作界面。Fireworks 8的界面大致可以分为文档窗口、工具栏、工具箱、 面板和菜单等几项 . • 7.2.3 文档的基本操作 介绍了Fireworks 8的工作环境之后，开始介绍文档的基本操作方法。 文档操作是Fireworks 8中最基本的操作，包括新建文档、打开文档、 导 入 文 档 等 。 在 Fireworks 8 中 ， 文 档 图 像 采 用 PNG 格 式 。 PNG 是 （Portable Network Graphic）便携网络图像的首字母缩写，是一种新 型的图像格式。
5.网店装修-fireworks简介
操作步骤（续）
• 使用工具箱中的刷子工具，并在属性面板 中选择相应的笔触，直接绘制眼睛的睫毛 。
Fireworks 8.0
26
课堂小结
• Fireworks8.0简介与flash 8.0 • 结合第一学期学习的flash 8.0来熟 Fireworks8.0 • Fireworks8.0“工具”面板， • 矢量图与位图的区别
新课引入
重点难点
【重点】“工具”面板
【难点】Fireworks 8.0工作环境
一、FiБайду номын сангаасeworks8.0简介
• 1.简介 Fireworks 8.0是一个功能非常强大的绘制 和处理图片的软件。它主要针对网页图形设 计和制作的，使用它创建和编辑网页图形， 可以对其进行动画处理、添加高级交互功能 以及优化图像等。
2. Fireworks常用的文件类型
• PNG：即可移植网络图形，是 Fireworks 的本身文件格式。 • GIF：是一种很流行的网页图形格式，可用 于卡通、徽标、包含透明区域的图形以及 动画。 • JPEG：专门为照片或增强色图像开发的图 像格式。
二、Fireworks 8.0工作环境
• • • • • • • 标题栏 菜单栏 文档窗口 工具栏 “工具”面板 “属性”面板 其它浮动面板
2.位图 位图图像也称为点阵图像，位图使用我 们称为像素的一格一格的小点来描述图像。
• 3.两者的区别： 矢量图形与分辨率无关，可以将它缩放 到任意大小和以任意分辨率在输出设备上打 印出来，都不会影响清晰度。 位图是由一个一个像素点产生，当放大 图像时，像素点也放大了，但每个像素点表 示的颜色是单一的，所以在位图放大后就会 出现咱们平时所见到的马赛克状。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
属性检查器
• 在Fireworks中，每个工具都有相应的属性检查器。属性 检查器在Fireworks中是非常重要的一个面板，可以显示 当前选区的属性、当前工具选项以及文档属性。 • 属性检查器位于工作区的底部，当选择一种工具时，属 性检查器显示工具的属性，有些工具选项在使用这个工 具工作时，属性检查器显示所选对象的属性，如钢笔和 直线工具等。 • 属性检查器可以只显示两行属性，也可以显示四行属性， 可以通过双击属性面板选项卡设置，也可以单击左上角 的按钮进行设置。 • 在没有选择任何对象的情况下，属性检查器显示的是花 布的属性。
工具栏
• 工具栏位于菜单栏的下方和工作区上方的位置。 • Fireworks的工具栏分为两部分，常用的文件按 钮和常用的对象修改按钮。 • 可以对工具栏执行拖动，更改工具栏的停放位 置。要想取消停靠工具栏，可以按住工具栏最 左侧位置不放，把工具栏从其停放位置拖走即 可。停放工具栏，则把工具栏拖到主窗口顶部 的停放区，直到出现窄蓝色的放置区域松开鼠 标即可。
堆叠浮动的面板
• 可以把浮动的面板放在工作区的任何位置， 也可以把浮动的面板或面板组堆叠在一起， 拖动最上面的标题栏时，把它们作为一个 整体进行移动。
调整面板大小
• 把面板、面板组或面板堆叠最小化或最大 化，既可以通过双击选项卡名称实现，也 可以双击选项卡旁边空白的区域实现。拖 动面板的任意一条边，可以调整面板的大 小。
工具箱
• 工具箱位于Fireworks工作区的左侧，按不同的 功能分为选择、位图、矢量、Web、颜色和视 图六个类别，每个功能区又按不同的用途分成 几个工具按钮，工具箱提供一套极为专业的绘 图工具和网页切片工具，利用这些工具可以绘 制出各种图形并快速生成网页组件，几乎包含 了Fireworks在操作时应用的所有的工具。 • 某些工具按钮右下角有一个小三角的标志，说 明这个工具是包含几种不同形式的工具组。单 击工具图标，并按住鼠标左键，拖动指针以高 亮显示所需的工具，然后释放鼠标左键。
添加和删除面板
• 用鼠标右键单击选项卡，在弹出的快捷菜 单中单击【关闭】命令，可以从停放中删 除面板。通过【窗口】菜单，选择这个面 板，把它停放在所需的位置。
处理面板组
• 把面板标签拖动到这一组突出显示的放置 区域中，可以把面板移到组中，如果要重 新排列组中的面板，把面板标签拖动到一 个新位置。移动组，拖动标题栏。
面板
• 面板是工作区的重要组成部分，是浮动的 控件，可以通过面板编辑所选对象的各个 方面或文档的元素。通过面板，还可以处 理状态、层、元件、颜色样本等。
管理窗口和面板
• 在Fireworks中，可以把一些面板放置到一起， 也可以管理窗口和面板。 • 重新排列、停放或浮动工作区 • 取消或停放面板 • 移动面板 • 添加和删除面板 • 处理面板组 • 堆叠浮动的面板 • 调整面板大小
开始页
• Macromedia Fireworks 8的工作 环境主要开始界面、菜单栏、 工具栏、工具箱、工作区、属 性检查器和一些浮动面板组成。 • 在启动Fireworks时，在没有打 开任何文档的情况下，开始页 就会出现在工作环境中。 • 在开始页中，不仅可以新建 Fireworks文档，还可以通过模 板创建Fireworks文档，在开始 页的左侧，可以快速地打开最 近使用的文档。还可以通过网 络访问Fireworks教程以及 Fireworks 8的新增功能。此外， 还可以使用Fireworks Exchange 功能，把一些新功能添加到 Fireworks功能中。
Macromedia Fireworks 8概述ne
关于Macromedia Fireworks 8
• Macromedia Fireworks 8是一款真正意义上的网 页图形设计软件，可以说是完美之至。 Fireworks与Dreamweaver、Flash的结合非常紧 密。Fireworks可以引用所有的Photoshop滤镜， 并且可以直接把PSD格式图片导入，使用 Fireworks，可以在画布上同时创建和编辑位图 和矢量对象。而且Fireworks提供了安全色的使 用和转换，支持网页十六进制的色彩模式。切 割图形、做影像对应、设置背景透明，优化图 像等，在Fireworks中做起来也非常方便，修改 图形也变得很容易，不需要打开Photoshop等 各类软件。
重新排列、停放或浮动工作区
• 在打开几个文件时，工作区以选项卡方式 显示，可以对工作区的选项卡进行重新的 调整停放。
取消或停放面板
• 停放是一组放在一起显示的面板或面板组， 通常在垂直方向显示，可以通过把面板移 到停放中或从停放中移走来停放或取消停 放面板。
移动面板
• 在移动面板中，会看到蓝色突出显示的放 置区域，可以在这个区域中移动面板。移 动面板时按住控制键可防止其停放，在移 动面板时按取消键可取消这个操作。