零起点Dreamweaver CS3,Flash CS3,Fireworks CS3网页制作培训教程电子教案第8课

《零起点Dreamweaver CS3,Flash CS3,Fireworks CS3网页制作培训教程电子教案第8课》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第8课初步认识FireworksCS3本课要点具体要求本课导读上机练习本课要点了解Fireworks的工作环境设置图像文档环境具体要求熟悉浮动面板的使用掌握画布的设置本课导读Fireworks是专门为制作网页设计而开发的软件，它综合了矢量、位图及网页图像编辑功能。本课主要介绍了FireworksCS3的工作环境及画布的设置等知识。8.1了解FireworksCS3的工作环境网页设计中，Fireworks主要用于设计图标和界面效果，制作简单的小动画和按钮等。另外，使用Fireworks还可以处理位图和矢量图。8.1了解Firework

2、sCS3的工作环境8.1.1知识讲解8.1.2典型案例——自定义Fireworks工作界面8.1.1知识讲解本节主要介绍Fireworks的工作界面、设计工具和浮动面板的使用。8.1.1知识讲解1.认识Fireworks工作界面2.设计工具的分工及作用3.浮动面板的使用1.认识Fireworks工作界面从【开始】菜单中启动Fireworks后，进入Fireworks启动界面，如下图所示。1.认识Fireworks工作界面单击【新建】栏中的【Fireworks文档（PNG）】超链接，进入Fireworks的工作界面，如下图所示。2.设

3、计工具的分工及作用从工具箱中可以看出，Fireworks工具的分工十分明确，下面来看看工具箱中各工具的功能是如何分配的。2.设计工具的分工及作用【选择】栏：该栏的工具用于选择、变形和裁切编辑窗口中的对象。【位图】栏：用于创建和编辑位图。【矢量】栏：该栏集中了对矢量图进行绘制和编辑的工具。【Web】栏：网页编辑工具，使用该栏工具可以对效果图进行切片和创建热点等操作。2.设计工具的分工及作用【颜色】栏：用于取色、填充颜色，以及设置笔触线和填充颜色，与其他图像软件中的对应工具功能相似。【视图】栏：以不同的视图模式查看图像效果，也可通过手形

4、指针移动观看，或用放大镜放大显示图像。3.浮动面板的使用浮动面板是可以展开或关闭的参数设置区。要调用浮动面板，可以按各自对应的快捷键，也可以从【窗口】菜单中选择相应的命令打开。8.1.2典型案例——自定义Fireworks工作界面案例目标本例介绍自定义工作界面，主要介绍浮动面板的相关操作。8.1.2典型案例——自定义Fireworks工作界面操作思路：（1）打开所有面板。（2）关闭不常用的面板。（3）保存所做的自定义操作。操作步骤请老师参照软件讲解8.1.2典型案例——自定义Fireworks工作界面案例小结本案例自定义了一个工作界

5、面，主要进行了面板的添加、分离和关闭等操作。本例中关闭了【调色板】和【颜色】面板，主要是因为这两个面板的功能可以通过【属性】面板来完成，这样可节约面板空间。8.2设置图像文档环境在编辑或设计图像效果前都需要对图像文档窗口的尺寸、分辨率和显示模式进行设置。下面就来了解一下相关的知识。8.2设置图像文档环境8.2.1知识讲解8.2.2典型案例——设置“主页”文档环境8.2.1知识讲解本节将介绍新建文件、导入文件、修改文档属性以及调整图像显示比例的方法，操作与Dreamweaver等软件创建新文档的操作类似。8.2.1知识讲解1.新建文件

6、2.导入文件3.修改文档属性4.视图模式及显示比例1.新建文件新建文件的具体操作如下：（1）选择【文件】→【新建】命令，或按【Ctrl+N】组合键，打开【新建文档】对话框。（2）在【画布大小】栏中设置要制作的图像的宽、高与分辨率大小。（3）在【画布颜色】栏中指定画布颜色。默认状态为白色，如果需要其他颜色，可选中【自定义】单选按钮，再单击图标，从弹出的颜色选择器中选择需要的颜色。（4）设置完成后单击【确定】按钮，完成Fireworks文档的创建。2.导入文件在Fireworks中可以导入外部的文本、网页或图片等文件。导入文件的具体操作

7、如下：（1）选择【文件】→【导入】命令，或按【Ctrl+R】组合键打开【导入】对话框。（2）在【文件类型】下拉列表中选择要导入的文件类型，再选择导入的文件，单击【打开】按钮导入窗口中。3.修改文档属性修改文档属性的方法是在确定没有选择任何对象的情况下，在画布空白处单击鼠标，打开文档【属性】面板进行修改，如下图所示。4.视图模式及显示比例图像视图模式有标准视图模式、带菜单的全屏模式和全屏模式3种。选择【选择】工具栏中的任意一项工具，按【F】键可在不同视图模式间切换。另外，设计者也可以在工具箱的【视图】栏中选择需要的视图模式。如果要放大

8、或缩小图像，可以使用【视图】栏中的放大镜工具进行，或者按【Ctrl++】组合键放大，按【Ctrl+-】组合键缩小，还可以在窗口右下角的文档尺寸下拉列表中选择显示比例。8.2.2典型案例——设置“主页”文档环境案例目标本例将应用新建文件