行为应用.docVIP

实验八 在网页中加入行为应用 【实验目的】 通过本实验，使学生熟悉如何在网页中通过加入行为应用使得网页更丰富多彩的方法。 【实验要求】 [1] 了解什么是行为应用； [2] 掌握设置各种行为应用的方法。 【实验内容】 在已制作好的网页index.html上添加各种行为应用。 【基础知识】 1、行为（Behavior）是在Dreamweaver 8中预置的JavaScript程序，由事件（event）和对应动作（actions）组成。它能实现用户与网页间的交互，通过某个动作来触发某项计划。如当用户在页面中将鼠标移动并单击某一个链接后，载入了一幅图像，这就产生了两个事件onMouseOver和onClick，同时触发了一个动作载入图像。 2、浏览器都会提供一组事件，事件与动作相关联。当访问者与网页进行交互时，浏览器生成事件，但并非所有的事件都是交互的，如设置网页每10s自动重新载入。根据所选对象和指定的浏览器的不同，事件将有所不同。Internet Explorer和Netscape Navigator是当今主的流浏览器。IE4表明此事件适用于Internet Explorer 4.0浏览器，NE4表明此事件适用于Netscape Navigator 4.0浏览器。 3、在使用行为前要先了解行为的具体操作场所——“行为”面板，在Dreamweaver 8右侧的浮动面板组中打开“标签”面板，在其中单击“行为”选项卡打开“行为”面板，如没有“行为”面板，可以选择[窗口]([行为]菜单命令，也可按【Shift+F4】键打开“行为”面板。 4、 OnClick 当访问者在指定的元素上单击时发生 OnDblClick 当访问者在指定的元素上双击时发生 OnKeyDown 当按下任意键的同时发生 OnKeyUp 当按下的键松开时发生 OnKeyPress 当按下和松开任意键时发生。此事件相当于把OnKeyDown和OnKeyUp这两个事件合在一起 OnLoad 当一图像或网页载入完成时发生 OnMouseDown 当访问者按下鼠标时发生 OnMouseMove 当访问者将鼠标在指定元素上移动时发生 OnMouseOut 当鼠标从指定元素上移开时发生 OnMouseOver 当鼠标移动到指定元素时发生 OnMouseUp 当鼠标弹起时发生 OnSubmit 当访问者提交表格时发生 OnUnload 当访问者离开网页时发生 【实验步骤】 1、当网页打开时弹出信息 （1）选中body标签，单击【行为】面板中的按钮，在弹出的菜单中选择【弹出信息】选项 （2）在对话框中设置要显示的文本“欢迎来到吉林市利江防腐钢衬玻璃有限公司网站！”，如图所示 （3）单击【确定】按钮 （4）在文档中选中设置弹出信息的对象，在行为面板中设置动作为onload，让页面在加载时，就自动弹出该信息对话框。 2、弹出窗口 在各大门户网站中，经常可以看到一些弹出的小窗口，大部分是用来显示广告。广告窗口对网站来讲是提高效益，对企业来讲是提高点击率、扩大宣传，这是一举两得的事。弹出窗口可以使用【行为】面板中的【打开浏览器窗口】命令实现。 （1）将实验素材中的openwindow.htm文件作为弹出窗口，index.htm作为主窗口 （2）选中index.htm文档的body标签，单击【行为】面板中的按钮，在弹出的菜单中选择【打开浏览器窗口】选项。 参数设置 描述 要显示的URL 弹出窗口的页面地址 窗口宽度 弹出窗口的宽度 窗口高度 弹出窗口的高度 属性 导航工具栏 设置是否在弹出窗口中显示浏览器的导航工具栏 菜单条 设置是否在弹出窗口中显示浏览器的菜单条 地址工具栏 设置是否在弹出窗口中显示浏览器的地址工具栏 需要时使用滚动条 设置是否在弹出窗口中显示浏览器的滚动条 状态栏 设置是否在弹出窗口中显示浏览器的状态栏 调整大小手柄 设置弹出窗口是否可以让用户调整窗口大小 窗口名称 设置弹出窗口的名称 （3）弹出窗口页面的Flash大小为宽300，高250，以此标准来设置弹出窗口的大小。 （4）单击【确定】按钮，在【行为】面板中设置动作为onload。 3、设置状态栏文本 在网页中当鼠标移到有链接的对象上时，在状态栏中会显示该链接的URL地址，而在浏览网页时有时会看到状态栏中有跑马灯的效果或网站的欢迎信息，这可以通过在行为面板中设置状态栏文本来实现。 （1）打开index.htm，选中图片z.gif， 单击【行为】面板中的按钮，在弹出的菜单中选择【设置文本】→【设置状态栏文本】选项，打开【设置状态栏文本】对话框。 （2）在对话框中的【消息】文本框中输入在状态栏中显示的文本。 （3）点击【确定】按钮，在【行为】面板中设置动作为on