电子教案-《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．简述如何设置状态栏文本？