fireworks教案课件第2章
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第2章 Fireworks CS5的文档操作
本章重点 在介绍了Fireworks CS5的工作环境之后，本章开始介绍文档的基本
操作方法。文档操作是Fireworks中最基本的操作，包括新建文档、 打开文档、导入文档等多个方面。从一个良好的设计基础入手进行创 作，不仅能起到事半功倍的效果，而且能充分体现创作者的专业水平。 学习目的 通过本章的学习，用户应该了解Fireworks中各种文档格式，并能根 据需要创建自己需要的格式文档，在其他开发环境下导入和导出相应 格式的文档。
选择“重新取样”，会保持粘贴位图的原始宽度和高度不变，并在必 要时添加或去除一些像素。选择“不要重新取样”则维持全部原始像 素，这可能会使粘贴图像的相对大小比预想的要大或小一些。
2.2.5 从扫描仪或数码相机中导入图像
Fireworks CS5支持从扫描仪或数码相机中直接导入图像，这是通过 Windows系统的TWAIN模块（或Macintosh系统的Photoshop Acquire 插件）实现的。直接导入的图像是以新文档的形式打开的。选择菜单 栏“文件”|”扫描”命令，就可以很方便地扫描所需的图像。
2.3.2 使用缩放工具
单击缩放工具按钮后，鼠标指针会变成放大镜形状。在文档窗口中单击鼠标 后就可放大显示文档内容；连续单击鼠标左键，还可以在当前基础上连续放 大，每次放大的倍数为前一次的200%。
用户也可以放大文档的指定区域。选中缩放工具后，在文档编辑窗口拖动鼠 标选择要查看的区域，如图所示。释放鼠标该区域就会放大显示在全窗口中， 如图所示。
在“新建文档”对话框中，单击左下角 的“模板”按钮，即可打开“通过模板新建” 对话框，在弹出的对话框中可以选择需要的 模板文件。
2.2.2 打开、关闭、保存文档
Fireworks CS5中打开、关闭、保存文档的方法与Windows中的文件 操作相同 。
2.2.3 图像的导入
导入文档的具体操作如下所示： （1）选择菜单栏“文件”|”导入”命令，打开“导入”对话框。如图 所示。
选取了缩放工具后，按住键盘上的Alt键，鼠标指针会编成缩小镜形状。 单击鼠标左键，即可缩小显示文档内容；连续单击鼠标左键，还可以 在当前基础上连续缩小。
用户也可将文档缩小显示在指定区域。选取缩放工具，按住Alt键，在 文档编辑窗口拖出一个矩形框。释放鼠标文档会在该矩形框中缩小显 示。
此外，用鼠标双击工具箱中的缩放工具按钮，可以将文档的显示比例 恢复到100%。
（2）选择需导入的文件，单击“打开”按钮。
此时“导入”对话框关闭，回到正在编辑的文档，鼠标指针变成一个 直角符号。在文档窗口拖动导入指针，出现一个虚线矩形框，如图所 示。松开鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸 由拖动产生的矩形框决定，如图所示。
2.2.4 插入其他文件中的对象
鼠标移到IE窗口中需导入的对象上。按住鼠标左键不放，将光标拖动 到Fireworks CS5文档编辑窗口上，此时鼠标指针显示为一个 符号 。 （2）将对象拖放在文档编辑窗口合适的位置，释放鼠标，即将对象 插入到当前编辑的文档中 。
2．采用复制粘贴操作
矢量图形与分辨率无关，可以在分辨率不同的输出设备上显示，而不 会改变其外观品质。位图图形与分辨率有关 。
2.3 显示文档
文档是显示在文档编辑窗口的，为了编辑的方便，我们需要采用不同的 显示模式及比例。
2.3.1 直接调整文档的显示比例
选择菜单栏“视图”|“缩放比例”命令，会弹出显示比例清单，如图所示。 在清单中单击所需的显示比例后，图像就会以该比例显示在文档编辑窗口。 用户也可以在文档编辑窗口选取对象，然后单击鼠标右键，此时会弹出右 键快捷菜单。选择“缩放比例”命令，也会有一个显示比例清单，如图所 示。除了显示缩放比例外，还有“选区符合窗口大小”和“符合全部”两 个选项，分别表示将所选对象全窗口显示和将图像全窗口显示。在 Fireworks CS5中，文档的显示比例可以在6%～6400%之间变化。
2.1 概述
在Fireworks中，文档图像采用PNG格式。 PNG是Portable Network Graphic（便携网络图像）的首字母缩写，是一种新型
的图像格式。它采用同GIF图像类似的无损压缩算法，可以在真实重现图像信息 的前提下有效减小文件的大小。PNG图像的格式非常灵活，不仅可以实现GIF的 一些特性，例如透明背景等，还具有蒙板等较为高级的图像特性。与JPG|JPEG 图像不同，JPG|JPEG格式不支持256色（但支持256色灰阶），而PNG格式可 以支持多种颜色数目，例如8位色（256色）、16位色（65536色）或24位色 （16777216色）等，甚至还支持32位更高质量的颜色，包含透明度或 alpha 通 道，并且是连续的。 Fireworks CS5还可以将Photoshop、Freehand、Illustrator、CorelDraw等图像 编辑软件编辑的图像导入。
2.3.3 使用手形工具
当文档大小超出了文档窗口的显示范围时，可以通过拖动文档窗口右 侧和下部的滚动条查看文档的各个部分。不过，Fireworks CS5提供 了更为方便的查看工具——手形工具，它位于工具箱下部的”视图” 栏内，在Fireworks CS5的标题栏上也添加了该工具。单击手形工具 按钮 ，此时，鼠标指针会变成手形 ，在文档窗口上按住鼠标左键 后拖动鼠标，即可很方便地查看文档的各个部分。
2.2 使用文档
2.2.1 创建新文档
创建新文档的具体操作如下所示： （1）选择菜单栏“文件”|“新建”命令，打开“新建文档”对话框。 （2）设置完毕，单击“确定”按钮，即可在文档工作区创建一个空白的PNG文档。 如图所示。
Fireworks CS5新增了设计模板，利 用内置的5种不同类型的模板：文档预设、 网格系统、移动设备、网页和线框图，用户 能够快速创建相应的应用，减少二次开发， 提高效率。此外，用户还可以将常用的文档 结构保存为可与设计小组共享的模板。
插入方法有利用鼠标拖放或采用复制粘贴两种操作方式。 1．利用鼠标拖放 这里以Microsoft Internet Explorer 6.0为例讲解利用鼠标拖放对象到
Fireworks中。 （1）同时打开Microsoft Internet Explorer 6.0和Fireworks CS5，将
本章重点 在介绍了Fireworks CS5的工作环境之后，本章开始介绍文档的基本
操作方法。文档操作是Fireworks中最基本的操作，包括新建文档、 打开文档、导入文档等多个方面。从一个良好的设计基础入手进行创 作，不仅能起到事半功倍的效果，而且能充分体现创作者的专业水平。 学习目的 通过本章的学习，用户应该了解Fireworks中各种文档格式，并能根 据需要创建自己需要的格式文档，在其他开发环境下导入和导出相应 格式的文档。
选择“重新取样”，会保持粘贴位图的原始宽度和高度不变，并在必 要时添加或去除一些像素。选择“不要重新取样”则维持全部原始像 素，这可能会使粘贴图像的相对大小比预想的要大或小一些。
2.2.5 从扫描仪或数码相机中导入图像
Fireworks CS5支持从扫描仪或数码相机中直接导入图像，这是通过 Windows系统的TWAIN模块（或Macintosh系统的Photoshop Acquire 插件）实现的。直接导入的图像是以新文档的形式打开的。选择菜单 栏“文件”|”扫描”命令，就可以很方便地扫描所需的图像。
2.3.2 使用缩放工具
单击缩放工具按钮后，鼠标指针会变成放大镜形状。在文档窗口中单击鼠标 后就可放大显示文档内容；连续单击鼠标左键，还可以在当前基础上连续放 大，每次放大的倍数为前一次的200%。
用户也可以放大文档的指定区域。选中缩放工具后，在文档编辑窗口拖动鼠 标选择要查看的区域，如图所示。释放鼠标该区域就会放大显示在全窗口中， 如图所示。
在“新建文档”对话框中，单击左下角 的“模板”按钮，即可打开“通过模板新建” 对话框，在弹出的对话框中可以选择需要的 模板文件。
2.2.2 打开、关闭、保存文档
Fireworks CS5中打开、关闭、保存文档的方法与Windows中的文件 操作相同 。
2.2.3 图像的导入
导入文档的具体操作如下所示： （1）选择菜单栏“文件”|”导入”命令，打开“导入”对话框。如图 所示。
选取了缩放工具后，按住键盘上的Alt键，鼠标指针会编成缩小镜形状。 单击鼠标左键，即可缩小显示文档内容；连续单击鼠标左键，还可以 在当前基础上连续缩小。
用户也可将文档缩小显示在指定区域。选取缩放工具，按住Alt键，在 文档编辑窗口拖出一个矩形框。释放鼠标文档会在该矩形框中缩小显 示。
此外，用鼠标双击工具箱中的缩放工具按钮，可以将文档的显示比例 恢复到100%。
（2）选择需导入的文件，单击“打开”按钮。
此时“导入”对话框关闭，回到正在编辑的文档，鼠标指针变成一个 直角符号。在文档窗口拖动导入指针，出现一个虚线矩形框，如图所 示。松开鼠标，图片被导入到矩形框中。导入图片大小、位置和尺寸 由拖动产生的矩形框决定，如图所示。
2.2.4 插入其他文件中的对象
鼠标移到IE窗口中需导入的对象上。按住鼠标左键不放，将光标拖动 到Fireworks CS5文档编辑窗口上，此时鼠标指针显示为一个 符号 。 （2）将对象拖放在文档编辑窗口合适的位置，释放鼠标，即将对象 插入到当前编辑的文档中 。
2．采用复制粘贴操作
矢量图形与分辨率无关，可以在分辨率不同的输出设备上显示，而不 会改变其外观品质。位图图形与分辨率有关 。
2.3 显示文档
文档是显示在文档编辑窗口的，为了编辑的方便，我们需要采用不同的 显示模式及比例。
2.3.1 直接调整文档的显示比例
选择菜单栏“视图”|“缩放比例”命令，会弹出显示比例清单，如图所示。 在清单中单击所需的显示比例后，图像就会以该比例显示在文档编辑窗口。 用户也可以在文档编辑窗口选取对象，然后单击鼠标右键，此时会弹出右 键快捷菜单。选择“缩放比例”命令，也会有一个显示比例清单，如图所 示。除了显示缩放比例外，还有“选区符合窗口大小”和“符合全部”两 个选项，分别表示将所选对象全窗口显示和将图像全窗口显示。在 Fireworks CS5中，文档的显示比例可以在6%～6400%之间变化。
2.1 概述
在Fireworks中，文档图像采用PNG格式。 PNG是Portable Network Graphic（便携网络图像）的首字母缩写，是一种新型
的图像格式。它采用同GIF图像类似的无损压缩算法，可以在真实重现图像信息 的前提下有效减小文件的大小。PNG图像的格式非常灵活，不仅可以实现GIF的 一些特性，例如透明背景等，还具有蒙板等较为高级的图像特性。与JPG|JPEG 图像不同，JPG|JPEG格式不支持256色（但支持256色灰阶），而PNG格式可 以支持多种颜色数目，例如8位色（256色）、16位色（65536色）或24位色 （16777216色）等，甚至还支持32位更高质量的颜色，包含透明度或 alpha 通 道，并且是连续的。 Fireworks CS5还可以将Photoshop、Freehand、Illustrator、CorelDraw等图像 编辑软件编辑的图像导入。
2.3.3 使用手形工具
当文档大小超出了文档窗口的显示范围时，可以通过拖动文档窗口右 侧和下部的滚动条查看文档的各个部分。不过，Fireworks CS5提供 了更为方便的查看工具——手形工具，它位于工具箱下部的”视图” 栏内，在Fireworks CS5的标题栏上也添加了该工具。单击手形工具 按钮 ，此时，鼠标指针会变成手形 ，在文档窗口上按住鼠标左键 后拖动鼠标，即可很方便地查看文档的各个部分。
2.2 使用文档
2.2.1 创建新文档
创建新文档的具体操作如下所示： （1）选择菜单栏“文件”|“新建”命令，打开“新建文档”对话框。 （2）设置完毕，单击“确定”按钮，即可在文档工作区创建一个空白的PNG文档。 如图所示。
Fireworks CS5新增了设计模板，利 用内置的5种不同类型的模板：文档预设、 网格系统、移动设备、网页和线框图，用户 能够快速创建相应的应用，减少二次开发， 提高效率。此外，用户还可以将常用的文档 结构保存为可与设计小组共享的模板。
插入方法有利用鼠标拖放或采用复制粘贴两种操作方式。 1．利用鼠标拖放 这里以Microsoft Internet Explorer 6.0为例讲解利用鼠标拖放对象到
Fireworks中。 （1）同时打开Microsoft Internet Explorer 6.0和Fireworks CS5，将