项目12 使用行为完善网页功能

项目七项目七 使用行为完善网页功能 设置页眉部分设置页眉部分 任务一任务一设置主体部分设置主体部分 任务二任务二任务一 设置页眉部分(一)设置状态栏文本【操作步骤】1.在Dreamweaver 8中定义一个本地站点，并将教学辅助光盘“项目12项目素材”文件夹下的内容复制到站点根文件夹下面，然后在网站根文件夹下面打开主页文档“index.htm”。2.在菜单栏中选择【窗口】【行为】命令，打开【行为】面板，如图所示。3.选中页眉左端的logo图像“images/logo.gif”，然后在【行为】面板中单击 按钮，打开【行为】菜单，从中选择【设置文本】【设置状态栏文本】命令，打开【设置状态栏文本】对话框，在【消息】文本框中输入“西双版纳欢迎您！”，如图所示。4.单击 按钮完成设置，如图所示。5.保存文档并在浏览器中浏览，当鼠标光标停留在logo图像上时，浏览器状态栏将显示事先定义的文本“西双版纳欢迎您！”(二二)制作弹出式菜单制作弹出式菜单1.选中标有选中标有“西双版纳欢迎您西双版纳欢迎您”字样的图像文件字样的图像文件“images/logo01.gif”，并在，并在【属性属性】面板中为其添加空链面板中为其添加空链接接“#”。2.在在【行为行为】面板中单击面板中单击 按钮，从按钮，从【行为行为】菜单中选择菜单中选择【显示弹显示弹出式菜单出式菜单】命令，打开图所示的对话框。命令，打开图所示的对话框。3.勾选勾选【Dont show me this message again】复选框，此对话框将不复选框，此对话框将不再出现，单击按钮，打开下方图片所示的对话框。再出现，单击按钮，打开下方图片所示的对话框。4.在在【文本文本】文本框中输入文本框中输入“澜沧江澜沧江”，在，在【目标目标】下拉列表中选择下拉列表中选择【_blank】选项，在选项，在【链接链接】文本框中定义链接文件为文本框中定义链接文件为“lcj.htm”。5.单击单击 按钮，继续添加其他菜单项，如图所示。按钮，继续添加其他菜单项，如图所示。6.切换至切换至【外观外观】选项卡，设置菜单的外观参数，其中一般状态选项卡，设置菜单的外观参数，其中一般状态【文文本本】的颜色为的颜色为“#000000”，【单元格单元格】的颜色为的颜色为“#006600”，滑过，滑过状态状态【文本文本】的颜色为的颜色为“#FF0000”，【单元格单元格】的颜色为的颜色为“#CCCCCC”，如图所示。，如图所示。7.切换至切换至【高级高级】选项卡，将选项卡，将【单元格宽度单元格宽度】设置为设置为“80像素像素”，将，将【单元格高度单元格高度】设置为设置为“25像素像素”，其他参数可以根据个人喜，其他参数可以根据个人喜好进行设置，如图所示。好进行设置，如图所示。8.切换至切换至【位置位置】选项卡，在选项卡，在【菜单位置菜单位置】选项中单击第选项中单击第4个按钮，个按钮，并勾选并勾选【在发生在发生onMouseOut事件时隐藏菜单事件时隐藏菜单】复选框，如复选框，如图所示图所示。9.单击单击 按钮，完成弹出式菜单设置工作，如图所示。按钮，完成弹出式菜单设置工作，如图所示。10.保存文档，然后按保存文档，然后按F12键预览网页，当鼠标光标经过栏目时，键预览网页，当鼠标光标经过栏目时，便会弹出菜单，单击菜单中的某一项，便会打开所指向的便会弹出菜单，单击菜单中的某一项，便会打开所指向的文档窗口，当鼠标光标离开栏目时，菜单便会消失。文档窗口，当鼠标光标离开栏目时，菜单便会消失。任务二 设置主体部分(一)打开浏览器窗口【操作步骤】1.选中“风景欣赏”栏目下面的第1幅图像“images/xsbn1.jpg”，然后在【行为】面板中单击按钮，从【行为】菜单中选择【打开浏览器窗口】命令，打开【打开浏览器窗口】对话框，2.单击按钮，选择图像文件“images/xsbn 1.jpg”，将【窗口宽度】和【窗口高度】分别设置为“330”和“230”，并勾选【需要时使用滚动条】复选框，如图所示。3.单击单击 按钮，关闭对话框，在按钮，关闭对话框，在【行为行为】面板中将事件设置为面板中将事件设置为“onClick”。然后用相同的方法设置下面的图像。然后用相同的方法设置下面的图像。4.保存网页并按保存网页并按F12键预览网页，单击键预览网页，单击“风景欣赏风景欣赏”栏目下面的第栏目下面的第2幅幅图像，将打开一个新窗口，如图所示。图像，将打开一个新窗口，如图所示。(二)交换图像【操作步骤】1.在文档中选定地图图像“images/map.jpg”，并确认在其【属性】面板中设置了图像名称，这里为“map”。2.在【行为】面板中单击 按钮，从【行为】菜单中选择【交换图像】命令，打开【交换图像】对话框。3.在【图像】列表框中选择要改变的图像“map”，然后在【设定原始档为】文本框中定义其要交换的图像文件“images/xsbn6.jpg”，并勾选【预先载入图像】和【鼠标滑开时恢复图像】两个复选框，如图所示。4.单击按钮，关闭对话框，然后保存网页并进行预览，当鼠标光标停在图像上时，图像会变换为另一幅图像。(三)弹出信息【操作步骤】1.在文档中选定地图图像“images/map.jpg”，然后在【行为】面板中单击按钮，从行为菜单中选择【弹出信息】命令，打开【弹出信息】对话框。2.在【弹出信息】对话框的【消息】文本框中输入提示信息，如图所示。单击按钮，关闭对话框，然后在【行为】面板中选择【onMouseDown】事件。3.保存网页并按F12键进行预览，单击鼠标左键或右键都会弹出信息框，如图所示。(四)控制Shockwave或Flash【操作步骤】1.选定文档左下角的Flash动画，打开其【属性】面板，将视频命名为“fengguang”，并取消对【循环】和【自动播放】两个复选框的勾选。2.选定Flash动画右侧的文本“播放”，并为其添加空链接“#”。3.在【行为】面板中单击 按钮，从【行为】菜单中选择【控制Shockwave或Flash】命令，打开【控制Shockwave或Flash】对话框。4.在【影片】列表中选择命名的影片“fengguang”，在【操作】选项组中点选【播放】单选钮，如图所示。5.单击 按钮，关闭对话框，然后用相同的方法为“停止”添加【停止】行为。6.在【行为】面板中设置事件为“onClick”。7.保存网页并按F12键进行预览，验证“播放”和“停止”链接的有效性。