网站建设实验指导书(14)

Dreamweaver 软件 网站建设报告指导。

实验六 Fireworks MX应用

【 实验目的 】使学生熟练掌握Fireworks 图像文档的设置、文档的导入和输出；绘图工具和图像处理工具的使用；掌握图像优化及按指定格式（GIF、JPEG）的导出、掌握按钮、导航条的创建；掌握切片和热点的使用；掌握弹出菜单的制作；掌握图层操作，文字处理，蒙版的创建与编辑，GIF动画的制作。

【 实验器材 】安装有Windows 98/2000/xp；Dreamweaver MX，Flash MX，Fireworks MX；IE浏览器，NetScape浏览器，IIS5.0 等软件的计算机。

【 实验内容 】

利用Fireworks MX的动画功能，制作一个滚动的小球；

试制作一幅图像进入页面中心并越来越淡且变小，而后变成另一幅图像，从小变大越来

越清楚地飞出页面。（提示：两幅图，两个单幅多帧动画，一个进来渐淡渐小，到一定位置后另一幅出现，且从小变大变清楚地飞出页面；

制作一个动态的网站标题（Banner），由6帧图像组成；

试制作一个首页，要求：有站点标志（Logo标志）、动态的广告条（Banner）、导航条

按钮、目录。将主要区域进行切割处理。保存为PNG和Dreamweaver的HTML格式。

【 实验步骤 】

1．导入和导出文档

（1）导入文档。在编辑文档时，可以调入其他相应格式的文档。单击“文件”→“导入”菜单命令，可弹出“导入”对话框。利用该对话框，可以导入BMP、WMF、TIFF、JPEG和GIF等格式的图像文件，以及HTML、ASCII和RTF文本等格式的文件。

（2）导出文档。单击“文件”→“导出”菜单命令或单击主要工具栏中的“导出”按钮，弹出“导出”对话框。利用该对话框，可以选择文件夹、要保存的文件类型（可以保存为JPEG、GIF和HTML等格式文件）和输入文件名，单击“保存”按钮即可。

2．优化文档

在导出文档前要对文档进行优化处理，可以单击“窗口”→“优化”菜单命令，打开“优化”面板，然后利用该面板设置文档格式、调色板类型和设置类型等参数。

单击“文件”→“导出预览”菜单命令，弹出“导出预览”对话框。利用该对话框可以对文档进行优化设置。

3．几何图形和填充属性

工具箱中的几何绘图工具（绘制矩形、圆角矩形、椭圆和多边形）的使用方法基本一样。单击工具箱中的几何绘图工具按钮，在其属性栏中设置相应的属性，然后用鼠标在画布中拖曳，即可绘制出相应的几何图形。几何绘图工具的属性栏的特点如下。

1）．矩形

“矩形”工具和“圆角矩形”工具的属性栏与图6-1基本相同。圆角矩形工具的“属性”栏增加了一个“矩形圆度”文本框，减少了“效果”栏。它们的属性栏中的第2栏用来设置选中对象的填充属性。

（1）“矩形圆度”文本框：用来设置圆角矩形四角的角度值。

（2）“填充类别”下拉列表框：用来选择各种填充方式，例如实心填充、图案填充、线性填充、放射状填充、椭圆形填充和无填充等。如果选择“填充选项”选项，会弹出“填充选项”面板，如图6-2所示，利用它可以设置填充属性。

6-1 “路径”的属性6-2 “填充选项”面