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

项目十一 应用网页特效 任务三 使用AP DIV制作下拉菜单 活动二设置网页图片播放 【活动实施】 第一步：打开并启用dreamweaver cs6软件，创建本地站点新建网页index.html。 第二步：选择【插入】-【表格】，创建一个宽度为645px，两行一列的表格，具体设置如图11-32。 图11-32 插入两行一列的表格 第三步：将光标定位到第一个单元格，选择【插入】-【图像】，选择合适大小的图片（WIN7图片）。图片插入之后，选中图片，将图片位置设置为居中，操作如图11-33，最终效果图如图11-34。 图11-33 图片居中操作图 图11-34 插入图片 第四步：将光标定位到第二个单元格，选择选择【插入】-【表格】，插入一张一行三列，边框宽度为2的表格，具体操作如图11-35所示。 图11-35 插入一行三列的表格 第五步：将光标定位到第二行第一列单元格，选择【插入】-【图像】，插入一张图片作为缩略图（凉亭），并调整缩略图的大小和位置。依照同样的方法插入三张缩略图，效果如图11-36所示。 图11-36插入缩略图效果图 第六步：选中第一张大图，将该大图的id设置为bigimage，操作如图11-37。 图11-37 设置id 第七步：选中第一张缩略图，点击“行为”对话框的，选择“交换图像”，弹出的对话框如图11-38 所示。“图像”对话框中选择“图像bigim