Dreamweaver网页设计任务5-2.ppt

Dreamweaver网页设计项目教程 机械工业出版社 任务五 制作下拉菜单1（建议2学时） 01 任务实施 02 任务评价 03 触类旁通 任务实施——2 制作下拉菜单 1. 制作下拉菜单。 （1）设置DIV“nav”的定位方式为相对定位。在layout.css样式表中找到对DIV“nav”的设置，对其CSS样式进行更改。 生成的CSS代码如下 （2）制作下拉菜单框架。在DIV“nav”结束标签之前插入DIV，对应的ID名称为“a-mcmw”，用来制作下拉菜单的框架 任务实施——2 制作下拉菜单 任务实施——2 制作下拉菜单 （3）制作下拉菜单的内容。在DIV“a-mcmw”中插入ul列表，并为每个列表项设置链接，对应的HTML代码如下： 任务实施——2 制作下拉菜单 设置该ul列表的CSS样式 任务实施——2 制作下拉菜单 4. 为下拉菜单添加行为。 （1）选中“美厨美味”链接，按住键盘上的“Shift+F4”，打开行为面板选择“添加行为”“显示-隐藏元素”， 任务实施——2 制作下拉菜单 回到行为面板后，行为面板中出现了刚才设定的“显示-隐藏元素”，对其进行设置 任务实施——2 制作下拉菜单 （2）选中“美厨美味”链接，按住键盘上的“Shift+F4”，打开行为面板选择“添加行为”“显示-隐藏元素”。 任务实施——2 制作下拉菜单 回到行为面板后，行为面板中