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

编辑框后的“浏览”按钮,弹出“选择文件”对话框,选择要在窗口中显示的网页,此处为“lily”文件夹中的“ha2.html”网页,然后单击“确定”按钮。 步骤 4 回到“打开浏览器窗口”对话框,设置窗口宽度和高度,然后单击“确 定”按钮。 步骤5 在“行为”面板中,单击“事件”列,在其下拉列表中选择“onClick”。 步骤 6 保存文档后按F12键预览,单击添加行为的文本,在显示器左下方弹出一个大小为 570×600 的窗口。 (五)对图像应用“效果”行为 “效果”行为包括增大/收缩、挤压、显示/渐隐、晃动、滑动、遮帘和高亮颜色。以“显示 / 渐隐”为例,介绍这类行为的应用方法。 步骤 1 继续在上文的文档中操作,首先选择网页左侧的广告图片“left1.gif”,然后单击“行为”面板中的“添加行为”按钮,在弹出的行为列表中选择“效果”→“显示 / 渐隐”,如图所示。 步骤 2 打开“显示/渐隐”对话框,单击选中“切换效果”复选框,其他保持默认,最后单击“确定”按钮。 步骤 3 单击“行为”面板中事件名称右侧的下拉按钮,在打开的下拉列表中选择“onLoad”。 步骤 4 保存文档并按F12键预览,可以看到图像不断地由有到无,再由无到有进行变换。 (六)对图像应用“效果”行为 应用“显示-隐藏元素”行为,可以控制AP Div的显示和隐藏,通过对AP Div反复应用该行为,可以实现下拉菜单效果。 步骤 1 新建文档并定位插入点,然后选择“插入记录”→“布局对象”→“AP Div”菜单,插入一个 AP Div,在 AP Div 中插入一个小图片。 步骤 2 单击“行为”面板中的“添加行为”按钮,在弹出的行为列表中选择“显示-隐藏元素”。 步骤 3 打开“显示-隐藏元素”对话框,首先在“元素”列表中选择相应元素,此处为刚才插入的AP Div,然后单击“隐藏”按钮,并单击“确定”按钮。 步骤 4 在“行为”面板中设置“事件”为“on-MouseOut”。 步骤5 保存文档并按F12键预览,最初图片是显示的,当将光标置于图片上方后再拿开时图片就消失了。 (七)应用“设置状态栏文本”行为 很多个人网站都设置了状态栏文本,以表明网站所属人的状态。下面介绍如何为网页设置状态栏文本。 步骤 1 单击“”标签选中整个文档。打开“行为”面板,单击“添加行为”按钮,在弹出的行为列表中选择“设置文本”→“设置状态栏文本”。 步骤 2 打开“设置状态栏文本”对话框,在“消息”编辑框中输入要在状态栏中显示的文本,然后单击“确定”按钮。 步骤 3 在“事件”下拉列表中选择“onLoad”,表示网页下载完毕后即显示设置的状态栏文本。 步骤 4 保存文档并按 F12键预览,可看到状态栏中的文本。 【任务实施】 在学习了应用行为后,请同学们动手,为网站首页添加伴随窗口。效果如图所示。