电子教案-《Dreamweaver网页设计与制作(第二版)》-A06-3954(示例)项目四 下载本文

【知识拓展】制作弹出式下拉菜单 有些内容较多的网站经常需要用到下拉菜单,使用“显示-隐藏元素”行为可以实现该功能,下面介绍具体操作。 步骤 1 打开本项目素材“shipin”文件夹下的“index.html”文档。将插入点置于导航条中“产品展示”下方的单元格中,选择“插入记录”→“布局对象”→“AP Div”菜单,插入一个 AP Div,默认名为“ap Div1”。 步骤 2 在AP Div边框上单击将其选中,在“属性”面板上的“宽”和“高”编辑框中分别输入“80”和“100”,然后按 Enter 键确认。 步骤 3 将插入点置于AP Div中,在其中插入一个5行1列,宽为100%,边框为0,边距为 3,间距为 1 的表格,并设置表格背景颜色为白色。 步骤 4 拖动鼠标选中所有单元格,在“属性”面板上设置单元格背景颜色与导航条颜色一致。 步骤 5 在各个单元格中分别输入文本,并设置它们的颜色为白色,居中对齐。 步骤 6 单击“标签选择器”中的“”标签,然后在“行为”面板中单击“添加行为”按钮,在弹出的行为列表中选择“显示 -隐藏元素”。 步骤 7 打开“显示 -隐藏元素”对话框,选中“div\单击“隐藏”按钮,最后单击“确定”按钮。 步骤 8 在“事件”下拉列表中选择“onLoad”,表示在页面刚加载完毕时执行上面设置的动作,也就是隐藏“apDiv1”。 步骤 9 选中“产品展示”所在单元格,单击“添加行为”按钮,在弹出的行为列表中选择“显示 -隐藏元素”,打开“显示 -隐藏元素”对话框。选中“div\Div\”后,单击“显示”按钮,最后单击“确定”按钮。 步骤 10 在“事件”下拉列表中选择“onMouseOver”,表示鼠标滑过时显示 apDiv1。 步骤 11 再次给单元格添加“显示-隐藏元素”行为,本次在选中“div\ 步骤 12 在“事件”下拉列表中选择“onMouseOut”,表示鼠标离开时隐藏 ap Div1。 步骤 13 选中ap Div1,按照给单元格添加行为的方法给其添加同样的行为。保存文档后按F12键预览,当将鼠标放在“产品展示”上时显示下拉菜单。 作业: 1.请简述网页中的链接包含哪几种,分别有什么含义。 2.要在新窗口中打开超链接,应该如何操作? 3.简述如何设置状态栏文本?