六、CSS格式弹出菜单制作导出

有关弹出菜单的制作方法，不是我们本部分的讲授重点，有关CSS格式控制的地方，才是需要我们注意的。所以本小节就通过一个简单的弹出菜单的制作讲解，使大家对于Fireworks 8里面新增的CSS格式化菜单有一个初步的了解和印象，以更好的进一步的来使用它。

1、打开Fireworks 8，新建一个文件，文件的大小可以根据菜单的大小直接来设置。在编辑区绘制需要在页面上显示的菜单。

2、使用工具箱的“矩形热点”工具给菜单栏直接插入热区，不做转化为按钮元件的操作了。

3、选中“新书推荐”栏所在热区，选择菜单“修改|弹出菜单|添加弹出菜单”命令。在“内容”设置对话框内，将弹出菜单内容的文本、链接及其目标等都设定完毕，单击“继续”按钮，转到“外观”设置对话框。

4、在“外观”设置对话框内，选择单元格格式为“HTML”，将字体、文本大小、弹起状态、滑过状态的文本、单元格颜色都做一个设置。设置完毕，单击“继续”按钮，切换到“高级”设置对话框。

5、在本处，将单元格的相关属性进行一番设置，具体的内容设置此处就不详细讲解了，大家可以参考Fireworks先前版本的有关教程来对其作深入了解，掌握。全部设置完毕后，单击“继续”按钮切换到“位置”设置对话框。

6、菜单位置我们选择“将菜单位置设置到切片的底部”这种格式，如果对于Y值不满意的话，此处可以调整，也可以通过后期进行调整，这就需要用到我们今天要着重介绍的CSS格式菜单的知识了。设置完毕了，完成即可。