《网页制作三合一实用教程 教学课件 ppt 作者 王爱赪 杜金 郭海 第十一章》由会员分享，可在线阅读，更多相关《网页制作三合一实用教程 教学课件 ppt 作者 王爱赪 杜金 郭海 第十一章（67页珍藏版）》请在金锄头文库上搜索。
1、第11章Fireworks MX 2004基础,本章要点 11.1 Fireworks MX 2004简介 11.2 “要快乐就跟我来”图像 11.3 “艺术相框”图像,11.1 Fireworks MX 2004简介,启动Fireworks MX 2004后的工作环境如图11-1-1所示。Fireworks MX 2004的工作环境由标题栏、菜单栏、工具箱、文档窗口、属性栏、主要工具栏、“修改”工具栏、各种面板、文档窗口的状态栏和“隐藏面板”按钮等组成。 单击“窗口”菜单下的菜单命令，可以打开或关闭工具箱及各种面板。单击“窗口”“工具栏”“主要”或“修改”菜单命令，可以打开或关闭主要工具栏和
2、修改工具栏。在菜单栏中，集成了Fireworks的所有操作命令。由图11-1-1可以看出，Fireworks MX 2004的工作环境特点与Dreamweaver MX 2004、Flash MX 2004的工作环境特点基本相同。 单击“编辑”“首选参数”菜单命令，弹出“首选参数”对话框。利用“首选参数”对话框可以进行Fireworks MX 2004工作环境参数的设置。,11.1 Fireworks MX 2004简介,图11-1-1 Fireworks MX 2004的工作环境,11.1 Fireworks MX 2004简介,11.1.1 欢迎窗口 启动Fireworks MX 2004
3、后，在文档窗口中会显示出“Macromedia Fireworks MX 2004”欢迎窗口，如图11-1-2所示。其中各部分的含义如下。,图11-1-2 “Macromedia Fireworks MX 2004”欢迎窗口,11.1 Fireworks MX 2004简介,1“打开最近的项目”栏 单击其中任意一个文件名，将打开相应的文件。单击“打开”按钮，将弹出“打开”对话框，利用该对话框，可以打开已经保存的文件。 2“新建”和“扩展”栏 单击“新建”栏中的“Fireworks文件”按钮，会弹出“新建文档”对话框，在该对话框中进行设置后，单击“确定”按钮后将新建一个Fireworks文档。
4、单击“扩展”栏中的“Fireworks Exchange”热字，将链接到“Fireworks Exchange”网站。 3“学习”栏 此栏由“学习Fireworks快速教程”和“学习Fireworks教程”两个热字组成，单击其中任意一个热字，将链接到相应的站点。 选中“不再显示”复选框后，下次启动Fireworks时将不再显示“Macromedia Fireworks MX 2004”欢迎窗口。,11.1 Fireworks MX 2004简介,11.1.2 主要工具栏、“修改”工具栏和工具箱 1主要工具栏和“修改”工具栏 （1）主要工具栏：它由一些常用的操作按钮组成，包括打开和保存文件、导入
5、和导出文件、撤销与重做、复制与粘贴等。这些都是Fireworks的基本操作，和其他软件的操作方法相同。图11-1-3 “修改”工具栏 （2）“修改”工具栏：它由4组工具组成，如图11-1-3所示，主要用于对图形、图像进行基本编辑。将鼠标指针移到修改工具栏的工具按钮上时，会显示它的中文名称，从中文名称可以了解到其作用（注意：这些工具都是针对选中对象进行操作的）。,11.1 Fireworks MX 2004简介,图11-1-3 “修改”工具栏,11.1 Fireworks MX 2004简介,2工具箱 图11-1-4 工具按钮菜单 Fireworks MX 2004工具箱中集聚了大量绘制和编辑对
6、象的常用工具，如图11-1-1所示。工具箱是图像编辑和设计的工具，将鼠标指针移到工具箱中的工具上时，会显示该工具的中文名称和快捷键。单击工具箱上带有黑三角的工具按钮，会出现一组工具按钮菜单，如图11-1-4所示。当两个工具共享一个快捷键时，连续按快捷键可在两个工具间切换，例如，按V键或0（数字零），可以在“指针”工具和“选择后方对象”工具之间切换。,图11-1-4 工具按钮菜单,11.1 Fireworks MX 2004简介,11.1.3 文档窗口 1新建文档窗口 单击“文件”“新建”菜单命令，弹出“建新文档”对话框，如图11-1-5所示。图11-1-5 “新建文档”对话框 （1）“画布大小
7、”栏：用来设置所需的画布尺寸，默认单位为“像素”，也可以选择“英寸”或“厘米”，Fireworks会自动计算相应宽度和高度对应的像素值，自动进行转换。 “分辨率”常指每英寸的点数（dpi），一般将分辨率设置为72像素英寸就足够了，设置得太高会占据较大的内存空间。 （2）“画布颜色”栏：用来设置画布的背景颜色。系统默认的背景色为白色；选择“透明”单选钮，可将背景设置为透明；选择“自定义”单选钮，可将背景设置成任意颜色。 以后再创建新的图像文档时，该对话框会保持上次创建新文档时的设置，以便创建图像大小和画布颜色时进行参考。但是在往剪贴板中复制或剪切图像后再打开该对话框，其中的画布大小设置就会变成剪
8、切板中图像的大小。,11.1 Fireworks MX 2004简介,图11-1-5 “新建文档”对话框,11.1 Fireworks MX 2004简介,2文档窗口的显示模式 图11-1-6 “2幅”显示模式下的文档窗口 文档窗口不仅是显示和编辑图像的窗口，还是预览图像优化效果的窗口。在文档窗口中包含了4个按钮，具有4种不同的显示模式。其中“原始”模式显示的是当前输出设置的PNG文档；“预览”模式显示的是图像（当前输出设置）在浏览器中的显示效果；“2幅”和“4幅”模式显示几种不同输出设置的图像优化效果，可以对它们进行比较后选择一种较好的设置进行输出。图11-1-6所示是“2幅”显示模式下的显
9、示效果，图像下边是图像说明，文档窗口下边是文档窗口的状态栏。文档窗口的状态栏用来显示文档窗口的大小、显示和修改文档窗口的显示百分比以及控制动画的播放效果。,11.1 Fireworks MX 2004简介,图11-1-6 “2幅”显示模式下的文档窗口,11.1 Fireworks MX 2004简介,3标尺、网格和辅助线 （1）标尺：单击“视图”“标尺”菜单命令，即可在文档窗口的左边和上边显示出标尺，如图11-1-7所示。再单击该菜单命令即可取消标尺。 （2）网格：单击“视图”“网格”“显示网格”菜单命令，即可在文档窗口内显示出网格，如图11-1-8所示。再单击该菜单命令，即可取消网格。单击“
10、视图”“网格”“编辑网格”菜单命令，可弹出“编辑网格”对话框，如图11-1-9所示。利用它可以设置网格的属性。,11.1 Fireworks MX 2004简介,图11-1-7 标尺 图11-1-8 网格 图11-1-9 “编辑网格”对话框,11.1 Fireworks MX 2004简介,图11-1-10 “辅助线”对话框 （3）辅助线：在显示标尺后，用鼠标从标尺处向画布内拖曳，即可在文档窗口中显示辅助线。单击“视图”“辅助线”“显示辅助线”菜单命令，即可隐藏辅助线。再单击该菜单命令，可再次显示辅助线。 单击“视图”“辅助线”“编辑辅助线”菜单命令，会弹出“辅助线”对话框，如图11-1-10
11、所示。利用该对话框可以设置辅助线的颜色、是否锁定，以及是否对齐辅助线等属性。,11.1 Fireworks MX 2004简介,图11-1-10 “辅助线”对话框,11.1 Fireworks MX 2004简介,11.1.4 文档的操作 1打开和保存文档 （1）打开文档。单击“文件”“打开”菜单命令，弹出“打开”对话框，如图11-1-11所示。利用它可以打开Fireworks的PNG格式和其他格式（包括各种位图和矢量图格式、HTML格式、ASCII和RTF文本格式等）的文档。如果希望要打开的文档以“未命名”形式显示，可选中“打开为未命名”复选框。若要以“动画方式”形式显示，可选中“以动画打开
12、”复选框。 （2）保存文档。单击“窗口”“保存”或“另存为”菜单命令，可将编辑好的图像保存为PNG格式文件。 2导入和导出文档 （1）导入文档。在编辑文档时，可以调入其他相应格式的文档。单击“文件”“导入”菜单命令，可弹出“导入”对话框。利用该对话框，可以导入BMP、WMF、TIFF、JPEG和GIF等格式的图像文件，以及HTML、ASCII和RTF文本等格式的文件。 （2）导出文档。单击“文件”“导出”菜单命令或单击主要工具栏中的“导出”按钮，弹出“导出”对话框。利用该对话框，可以选择文件夹、要保存的文件类型（可以保存为JPEG、GIF和HTML等格式文件）和输入文件名，单击“保存”按钮即可
13、。,11.1 Fireworks MX 2004简介,图11-1-11 “打开”对话框,11.1 Fireworks MX 2004简介,图11-1-12 “快速导出”按钮的菜单 另外，单击文档窗口右上角的“快速导出”按钮，弹出它的菜单，如图11-1-12所示。利用该菜单中的菜单命令，也可以快速导出文档。,图11-1-12 “快速导出”按钮的菜单,11.1 Fireworks MX 2004简介,3优化文档 在导出文档前要对文档进行优化处理，可以单击“窗口”“优化”菜单命令，打开“优化”面板，然后利用该面板设置文档格式、调色板类型和设置类型等参数。 单击“文件”“导出预览”菜单命令，弹出“导出
14、预览”对话框，如图11-1-13所示。利用该对话框可以对文档进行优化设置。“导出预览”对话框中各选项的含义如下。,11.1 Fireworks MX 2004简介,图11-1-13 “导出预览”对话框,11.1 Fireworks MX 2004简介,（1）窗口右侧各选项的含义如下。 “预览”复选框：选中此复选框后，将显示出此图像的信息及下载时间。 “保存的设置”下拉列表框：用来设置图像的格式。选择相应的选项后，窗口左侧将出现该选项对应的色板。单击其右边的按钮，可以将用户的设置保存为默认设置。 “导出区域”按钮：设置图像的导出区域。单击此按钮后，图像周围将出现8个控制柄，拖曳其中一个控制柄就可
15、以改变图像的导出区域。 “缩放”按钮及下拉列表框：设置图像的显示比例，不会影响图像导出时的设置。 3个“预览窗口”按钮：设置窗口中分栏的数量。不同的分栏可以显示图像不同位置的细节。此处可以选择一分栏、两分栏和四分栏。 3个按钮：单击“导出”按钮，可以导出该图像；单击“确定”按钮后，更改的图像将替代原始图；单击“取消”按钮则会取消对图像的更改。 （2）“选项”选项卡中各选项的含义如下。,11.1 Fireworks MX 2004简介,“格式”下拉列表框：设置图像的格式，包括GIF、JPEG和PNG格式。 “调色板”下拉列表框：选择调色板的类型。选项更改后，下边的颜色样本会随之改变。 “失真”和
16、“抖动”栏：GIF动画的设置项目，用来设置GIF动画的失真率和抖动度。图11-1-14 JPEG图像格式的两个复选框 “最大的颜色数目”下拉列表框：设置图像最大的颜色数量。GIF格式颜色最多为256种。 “平滑”下拉列表框：JPEG图像格式的设置项目，用于设置图像的平滑度。 两个复选框：如图11-1-14所示。JPEG图像格式的设置项目。“交错式浏览器显示”复选框用于设置渐进式图像。选中“锐化图像边缘”复选框后将不压缩图像的实边。 “导出向导”按钮：单击此按钮后将弹出“导出向导”对话框，如图11-1-15所示。按照向导提示的内容进行设置，可以快速完成图像的导出设置。,11.1 Fireworks MX 2004简介,图11-1-14 JPEG图像格式的两个复选框,11.1 Fireworks MX 2004简介, “优化到指定大小”按钮：单击此按钮，弹出“优
