网页基础项目十一 案例3.docx

项目十一 应用网页特效 任务三 其他常见网页特效制作 活动一 制作下拉菜单 【活动实施】 第一步：打开并启用dreamweaver cs6软件，创建本地站点新建网页index.html。 第二步：选择【插入】—【布局对象】—AP Div命令，插入AP Div，设置层的属性为下图11-18所示。 图11-18 层属性设置 第三步：将光标放置在层内，插入一个一行三列的表格，如图11-19所示。 图11-19 表格设置属性 第四步：在前面两个单元格中，分别输入“电子商务网站”和“第三方支付平台”，并调整这两个单元格的宽度，最终效果如图11-20所示。 图 11-20 导航条设计结果 第五步：现在开始制作下拉菜单，利用同样的方法插入AP Div，设置memu1层的属性如图11-21所示。 图11-21 层memu1的属性设置 第六步：在层memu1中插入一个5行一列100%表格，分别在每个单元格中输入淘宝网、京东网、苏宁易购、亚马逊。 图11-22 memu1的设计效果 第七步：打开AP Div面板，关闭memu1层的眼睛，使该层的初始状态是不可见状态，如图11-23所示。 图11-23 “AP Div面板” 第八步：选中“电子商务网站”文字，打开行为面板，点击按钮，在下拉选项中选择“显示—隐藏元素”。此时，对话框中会列出当前网页中所有的AP Div。因为我们想要memu1层对“电子