网页制作技术教程-第四章-Fireworks(修改).ppt

①了解Fireworks的工作环境 ②掌握Fireworks 中页面图像的制作 ③掌握Fireworks 中页面图像的优化 目 录 第一讲 Fireworks概述 第二讲 Fireworks的基本操作 第一讲 Fireworks概述 [教学内容] 4.1.1 Fireworks的启动与关闭 4.1.2 Fireworks 8的工作界面 [教学重点和难点] 了解Fireworks的启动与关闭，掌握 Fireworks 8的工作界面 4.1.1 Fireworks的启动与关闭 1.启动Fireworks的方法 （1）使用【开始】菜单启动：选择【开始】?【程序】→【Macromedia】 →【Macromedia Fireworks 8】命令。 （2）使用快速启动工具栏启动：在快速启动工具栏中，单击Macromedia Fireworks 8按钮。 （3）使用快捷方式图标启动：在桌面上，双击“Macromedia Fireworks 8”图标。 4.1.1 Fireworks的启动与关闭 2.退出Fireworks 8的方法 （1）单击标题栏右端的“关闭”按钮 。 （2）右击标题栏左端的Macromedia Fireworks 8图标，在弹出的快捷菜单中选择“关闭”命令。 （3）双击标题栏左端的Macromedia Fireworks 8图标。 （4）在菜单栏上，选择【文件】→【退出】菜单命令。 按Alt+F4 组合键也可退出Fireworks 8。 在退出Fireworks 8时，如果文件没有保存，会出现下面的提示对话框。 4.1.2 Fireworks 8的工作界面 4.1.2 Fireworks 8的工作界面 1. 标题栏 和其他程序相同，界面最上部即是蓝色的标题栏，其中显示了应用程序的名称、最小化和还原之间的切换按钮以及“关闭”按钮。 2. 菜单栏 菜单栏包含“文件”、“编辑”、“视图”、“选择、”“修改”、“文本、”“命令”、“滤镜、”“窗口”、“帮助”10个菜单项，几乎所有的功能都可以通过这些菜单来实现。 3. 工具面板 默认状态下，工具面板位于工作界面左侧，其中的工具被编排为6个类型：选择、位图、矢量、Web、颜色和视图。 4.1.2 Fireworks 8的工作界面 4.1.2 Fireworks 8的工作界面 4.“属性”面板 当选择对象或选取工具的时候，其相关信息就会在“属性”面板中显示出来。同时也可以通过修改“属性”面板中的数据或内容来调整图像的相关属性。例如图像的大小、位置及色彩等等。 5. 其他面板组 面板组是Fireworks中常用的资源面板，也是浮动的控件，能够帮助用户编辑所选对象的各个方面或文档的元素。Fireworks的组合面板共有14个，分别为“信息”、“层”、“混色器”、“颜色样本”、“样式”、“URL”、“库”、“形状”、“帧”、“历史记录”、“行为”、“查找”、“优化”和“对齐”面板”。每个面板即可相互独立进行排列又可与其它面板组合成一个新面板。但各面板的功能依然相互独立。点击面板上的名称可展开或折叠该面板。 6. 状态栏 状态栏显示已创建文档的其他相关信息。 4.1.2 Fireworks 8的工作界面 7. 文档编辑区 在文档编辑区上不仅可以绘制矢量图形，也可以直接处理位图图像。 本讲小结 4.1.1 Fireworks的启动与关闭 4.1.2 Fireworks 8的工作界面 上机作业 【实战训练一】第1步骤：设置文档或导入图像 【实战训练二】第1步骤：设置文档或导入图像 【拓展实战一】第1步骤：设置文档或导入图像 【拓展实战二】第1步骤：设置文档或导入图像 第二讲 Fireworks的基本操作 [教学内容] 4.2.1 制作页面图像 4.2.2 图像的优化与导出 [教学重点和难点] 掌握页面图像制作的方面，掌握图像的优化与导出。 4.2.1 制作页面图像 1．创建文档 要创建新图像，可以使用“开始页”创建文档，也可以通过选择【文件】→【新建】菜单命令，打开如下图所示的“新建文档”对话框。 4.2.1 制作页面图像 2．导入图像 选择【文件】→【导入】菜单命令，弹出“导入”对话框。利用该对话框，可以导入PNG、BMP、WMF、TIFF、JPEG和GIF等格式的图像文件，以及HTML、ASCII文本、RTF文本等格式的文件。 【任务4-1-1】 导入图像 【操作要求】 在D:\root\unit4文件夹中新建文件夹，名称为X4-01，启动Fireworks 8，导入D:\素材\第四章\Y4-01