文档介绍：教案首页
（以2课时为单元）
课序：17
第九章 第 1-3 节
目的要求：
（1）了解WEB图像基础
（2）掌握Fireworks软件的基础操作
教学内容： 。在Fireworks中处理图像一般遵循以下流程：创建图形和图像→创建Web对象→优化图像→导出图像。
二、静态图像的制作
Fireworks ，使用它创建和编辑位图、矢量图形，还可非常轻松的做出各种网页设计中常见的效果，比如动画、翻转图像、导航条、下拉菜单等，设计完成以后，如果在网页设计中使用，可将它输出为HTML文件，还能输出在Photoshop,Illustrator和Flash等软件中编辑的格式。
1、Fireworks
Fireworks ：“文档”窗口、“工具箱”面板、“属性”面板、集成工作面板。
2、位图图像处理
在网页中大部分使用的是位图图像。
Fireworks的工具箱提供了丰富的处理位图图像的工具，能够实现选取、裁剪、绘制、变形、修饰位图图像的功能。
3、绘制和编辑矢量对象
矢量绘图实例：标志集锦。
矢量绘图是基于路径的绘画。与使用一行行像素来构成马赛克式图像的位图不同，矢量对象使用线条，可以说是对线条的描述。
矢量工具的使用
绘制基本图形
绘制直线、矩形、椭圆、多边形、星形等。
绘制自动形状图形
编辑路径
已绘制好的路径可以进行修改，例如：修改曲率、增删节点或切割路径等。
“部分选取”工具
“钢笔”工具
“刀子”工具
组合和组合路径
组合：选择“修改”菜单｜“组合”命令，多个矢量对象将组合为一个矢量对象，每个矢量对象保持原有属性，选择“取消组合”命令，恢复为多个矢量对象。
组合路径：对多个矢量图形路径采用逻辑运算方法组合为一个复杂的路径。选择“修改”菜单｜“组合路径”组中的某一项命令。
笔触、填充和样式
笔触
填充
样式
4、文本应用
在网页中，千篇一律的文本使人感到很乏味。对于徽标、特殊标题以及其它装饰性内容，常常将文本做成图形，起到了画龙点睛的作用。
输入文本
单击“文本”工具，在“属性”面板中，设置文本的属性：如字体、字号、颜色、样式、字间距、行间距、水平缩放、基线调整、文本的对齐方式、消除锯齿级别等，在画布上单击鼠标左键，输入文本。
设置效果
文本和普通的矢量对象一样，可进行笔触和填充的设置，在“属性”面板中，单击“笔触”或“填充”选择框，在弹出的调色板上选择颜色，在调色板中，单击“填充选项”或“笔触选项”按钮，可设置更为复杂的填充效果或笔触效果。
将文本转换为路径
为了使文本的属性像矢量对象一样灵活多变，可将文本转换为路径。但此时文本不再具有文本的特性，不能作为文本进行编辑。
5、层
一个Fireworks文档中可以包含多个层，一个层又可以包含许多对象。文档中的每一个对象都属于某个特定的层。用户可以创建层、复制层、删除层、激活层、共享层。还对层或包含在层内的对象可进行如下操作：显示／隐藏／锁定层或某个对象，直接单击“层”面板下方的某个按钮，或单击“层”面板右侧“选项”按钮，在弹出菜单中选择某项命令。
6、蒙版
蒙版能够隐藏或显示图像的某些部分，实现各种特殊效果。
文字蒙版
文字蒙版其实就是将图像和文字组合在一起，使文字中包含图像的内容。
矢量蒙版
矢量蒙版分为“路径轮廓”和“灰度外观”两种类型。
“路径轮廓”将按照蒙版对象的路径区域进行显示被遮盖的对象。而“灰度外观”则是取决于蒙版对象和背景色之间的明度关系。蒙版对象上明亮的像素点显示，较暗的像素点显示背景色。
位图蒙版
以蒙版对象中的像素来影响被蒙版所遮盖的对象的可视区域，与photoshop中的图层蒙版类似。
教案首页
（以2课时为单元）
课序：18
第九章 第 1-2 节
目的要求：
（1）了解WEB图像基础
（2）掌握Fireworks软件的基础操作
（3）掌握矢量图形和位图图像的制作
教学内容：
WEB图像基础
静态图像的制作
重点与难点：
重点：fireworks软件的基础操作和静态图像的制作难点：WEB图像基础
教学方法： 上机实训
手段：课堂教学为主，学生练习为辅。
教学步骤：
引入上机实训实例，然后布置上机任务：
位图图像的处理技巧
矢量图形的制作技巧
复习提问：
作业题目：
预习内容：
课时分配：