网页设计与制作项目教程作者陈义文主编项目4拓展1课件.pptVIP

项目四 网站首页制作 任务要求 利用Spry技术设计首页导航，要求二级菜单有下拉效果。 最终效果 操作提示 ? 光标定位在“div#menu”。将工具栏切换到“Spry”工具栏，单击“Spry菜单栏”选项，如图4-19所示。 操作提示 ? 在“属性”面板中添加一级菜单，包括“首页”“公司简介”“新闻动态”“整车销售”“配件销售”“联系方式”“客户咨询”“公司招聘”，并修改菜单条名称为“MenuBar”，如图4-20所示。 操作提示 ? 添加二级菜单。新闻动态的二级菜单包括“行业动态”“企业新闻”；整车销售的二级菜单包括“豪卡系列”“豪威系列”“豪运系列”“豪沃7系列”“豪沃8系列”“斯太尔王系列”“金王子系列”“黄河少帅”“斯太尔系列”“华威专用汽车”；配件销售的二级菜单包括“驾驶室”“发动机”“车桥”“零部件”，如图4-21所示。 操作提示 ? 单击“保存”按钮后，会出现如图4-22所示的提示框。 操作提示 ? 单击“确定”按钮后，会在站点下自动添加文件夹和相应文件，如图4-23所示。 操作提示 ? 修改CSS样式。在已经做好的导航上单击，注意“属性”面板的变化，如图4-24所示，单击“CSS面板”按钮。 操作提示 ? 在Dreamweaver右侧可以看到打开的“CSS样式”面板，如图4-25所示。单击“全部”按钮，并展开“SpryMenuBarHorizont