资源描述：
《网页制作技术教学课件许莉第4章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、本章学习目标了解FireworksMX2004的功能、特点以及工作界面理解图形图像基础知识掌握矢量图形的绘制方法掌握矢量图形的笔触、填充的设置方法掌握图层的使用方法掌握文本应用的方法第4章网页图像制作—Fireworks4.1.1FireworksMX2004的功能及特点FireworksMX2004是用来设计和制作专业化网页图形的软件，可以创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。FireworksMX2004与DreamweaverMX2004
2、、FlashMX2004高度集成，使网页设计时更加方便快捷。使用FireworksMX2004不仅可以处理各种网页图像，还可以制作风格各异的LOGO、BANNER和导航栏，同时FireworksMX2004还可以导出附有HTML代码和JavaScript代码的图像，并直接应用到DreamweaverMX2004中，可以大大提高网页设计的效率。4.1FireworksMX2004简介4.1.2FireworksMX2004的 工作界面4.1.2FireworksMX2004文档的基本操作1．创建文档（1）新建文档选择菜单【文件】
3、【新建】命
4、令，弹出“新建文档”对话框，设置画布的宽度、高度、分辨率以及画布颜色，单击确定即可。（2）打开文档选择菜单【文件】
5、【打开】命令，弹出“打开”对话框，选择需要打开的文件，单击打开即可。（3）保存文档当文档进行了编辑之后，可以选择菜单【文件】
6、【保存】或【文件】
7、【另存为】命令，在对话框中输入需要的路径和名称，即可保存文档，文件默认的扩展名为.png。4.1.2FireworksMX2004文档的基本操作2．修改文档属性（1）修改画布大小选择【修改】
8、【画布】
9、【画布大小】，在“宽度”和“高度”文本框中输入新的尺寸。（2）改变画布颜色选择【
10、修改】
11、【画布】
12、【画布颜色】，选择“白色”、“透明”或“自定义”。（3）旋转画布在【修改】
13、【画布】菜单中有三种旋转方式：旋转180度，顺时针旋转90度以及逆时针旋转90度。（4）修剪画布和符合画布选择【修改】
14、【画布】
15、【修剪画布】。选择【修改】
16、【画布】
17、【符合画布】。（5）改变图像大小选择【修改】
18、【画布】
19、【图像大小】，“图像大小”对话框将打开，在此可以设置图像大小以及分辨率。4.1.2FireworksMX2004文档的基本操作3．布局工具的使用选择【视图】
20、【标尺】命令即可显示或隐藏标尺。选择【视图】
21、【网格】
22、【显示网格】
23、命令即可显示或隐藏标尺。创建水平或垂直辅助线：单击并从相应的标尺拖动，在画布上定位辅助线并释放鼠标按钮。要删除辅助线，可以将辅助线从画布拖走。4.2矢量图形的绘制4.2.1图形图像基础知识1．像素像素（Pixel）是组成图像的基本单元，就是一个一个小的方形的颜色块。当用缩放工具把图像放到足够大时，就可以看到类似马赛克的效果，每个小方块就是一个像素。2．分辨率分辨率是指单位长度所包含的像素数量。分辨率越高，意味着单位长度内所包含的像素越多，图像的颜色过渡就越平滑，显示效果就越好。3．位图图像位图图像就是由像素所组成的图像，因此又称像素图。4
24、．矢量图形矢量图形是由数学方式描述的曲线组成，其基本组成单位是锚点和路径。4.2.2基本形状的绘制1．绘制直线方法1：使用直线工具。选择直线工具，在画布上按下鼠标左键，拖动鼠标到合适位置释放鼠标。方法2：使用钢笔工具选择钢笔工具，在画布上按下鼠标左键，移动鼠标到合适位置单击鼠标。2．绘制曲线方法1：使用钢笔工具选择钢笔工具，在画布上按下鼠标左键，移动鼠标到合适位置单击并拖动鼠标。方法2：使用矢量路径工具选择矢量路径工具，拖动鼠标即可绘制。3．绘制简单几何图形选中矩形工具，单击右下角的三角形，会列出很多几何图形工具。选择所需要的几何图形，在
25、画布上拖拉即可。【实例4.1】绘制如下图形4.2.3路径的基本操作１．路径的接合与拆分选择两个或多个路径，然后选择【修改】
26、【组合路径】
27、【接合】，即可完成路径的接合操作。选择【修改】
28、【组合路径】
29、【拆分】，即可把接合的路径拆分。2．路径的联合选择两个或多个路径，然后选择【修改】
30、【组合路径】
31、【联合】，即可完成路径的联合操作。3．路径的相交选择两个或多个路径，然后选择【修改】
32、【组合路径】
33、【交集】。4．路径的打孔选择两个路径，然后选择【修改】
34、【组合路径】
35、【打孔】。5．路径的裁切选择两个路径，然后选择【修改】
36、【组合路径】
37、【裁切
38、】。4.2.4对象的变换缩放旋转倾斜扭曲翻转数值变形【实例4.2】制作公司标志步骤见书4.3.2填充的设置所谓填充，是指图形的内容，它处于路径的内部。当使用矢量绘图工具绘制图形后，当前填充颜色
