Dreamweaver切片、导航.docVIP

上机要求 掌握切片工具的使用，能熟练制作下拉菜单，在Dreamweaver中插入。 能制作风格一致的导航条，在Dreamweaver中插入。 上机内容 导入一张图片，使用切片工具对该图片进行切割，在Fireworks中保存并插入Dreamweaver中。 制作如下风格一致的导航条并在网页中插入。 制作如下图的下拉菜单，并在网页中插入。 上机步骤 步骤如下： （1）文件—导入菜单，导入一幅JPG图片。 （2）选中工具箱中的切片工具，拖动鼠标在图片上画出一个矩形区域。 （3）这个操作可以反复进行，在图像上画出多个切片区域。如图所示。 （4）使用指针工具依次选中每一个切片，使用优化面板分别进行优化。在每一个切片的优化工作进行之后，文件—导出菜单进行导出，选择HTML和图象。 （5）在Dreamweaver中打开一张网页，插入—图象—Fireworks Html，选择刚才保存的网页文件插入。 步骤如下： （1）文件—新建，新建一个文档，在新文件中选择“编辑—插入—新建按钮”打开按钮编辑器。在按钮的编辑窗口有5个选项卡，其中前4个分别对应4种不同的按钮状态。 （2）选中“释放”选项，这里我们先绘制一个圆角矩形，添加文字，将字号设置为20，得到如图所示效果。 （3）制作按钮的鼠标滑过效果。单击“滑过”选项，单击“复制弹起时的图形”按钮可将“释放”状态按钮的一个副本粘贴到“滑过”窗口中，然后对其