网页设计基础教程与上机指导第版使用行为.pptVIP

第11章 使 用 行 为 教学提示和教学目标 教学提示：行为由对象、事件和动作构成。行为是用来动态响应用户操作、改变当前页面效果或执行特定任务的一种方法。Dreamweaver 8中自带的行为多种多样、功能强大，它可以让用户不用编写JavaScript代码即可实现多种动态页面效果。 教学目标： 熟悉行为概述 熟悉行为的面板 掌握行为动作和事件 掌握使用Dreamweaver自带的行为 11.1 行 为 概 述 Dreamweaver 8中的行为是一系列JavaScript程序的集成，通过行为使得网页制作人员不用编程而实现动态效果。行为包括两部分的内容，一个部分是事件，另一个部分是动作。动作是特定的JavaScript程序，只要在事件发生后，该程序就会自动运行；行为是事件和该事件所触发的动作的结合，在Dreamweaver中主要通过【行为】面板来控制行为的使用。 11.1.1 行为面板 11.1.2 动作 11.1.3 事件 11.1.1 行为面板 Dreamweaver 8提供了丰富的内置行为，这些行为利用简单直观的语句设置，无需需要编写任何代码就可以实现一些强大的交互性和控制功能。 【行为】面板的作用是为网页元素添加动作和事件，使网页具有互动的效果，在介绍【行为】面板前先了解一下三个词语：事件、动作和行为。 事件：是浏览器对每一个网页元素的响应途径，与具体的网页对象相关。 动作：是一段事先编辑好的脚本，可用来选择某些特殊的任务。如播放声音、打开浏览器窗口、弹出菜单等。 行为：实质上是事件和动作的合成体。 选择【窗口】|【行为】命令，打开【行为】面板，如图11.1所示。在该面板中包含以下四种按钮： 【添加行为】：在该下拉菜单中选择其中的命令，会弹出一个对话框，在对话框中设置选定动作或事件的各个参数。如果弹出的菜单中所有选项都为灰色，则表示不能对所选择的对象添加动作或事件。 【删除事件】：删除列表中所选的事件和动作。 【增加事件值】按钮：向上移动所选的事件和动作。 【降低事件值】按钮：向下移动所选的事件和动作。 11.1.2 动作 动作是最终产生的动态效果，动态效果可以是播放声音、交换图像、弹出提示信息、自动关闭网页等。下面是Dreamweaver中默认提供的动作的种类。并且以实例为中心详细说明利用各种动作可以得到的实际效果。 调用JavaScript：调用JavaScript特定函数。 改变属性：改变选定客体的属性。 检查浏览器：根据访问者的浏览器版本，显示适当的页面。 检查插件：确认是否设有运行网页的插件。 控制Shockwave或Flash：控制影片的指定帧。 拖动层：允许在浏览器中自由拖动层。 转到URL：可以转到特定的站点或者网页文档上。 隐藏弹出式菜单：隐藏在Dreamweaver上制作的弹出窗口。 跳转菜单：可以建立若干个链接的跳转菜单。 跳转菜单开始：在跳转菜单中选定要移动的站点之后，只有单击GO按钮才可以移动到链接的站点上。 打开浏览器窗口：在新窗口中打开URL。 播放声音：在设置的事件发生之后，播放链接的音乐。 弹出消息：在设置的事件发生之后，显示警告信息。 预先载入图像：为了在浏览器中快速显示图片，事先下载图片之后显示出来。 设置导航栏图像：制作由图片组成的菜单的导航条。 设置框架文本：在选定帧上显示指定内容。 设置层文本：在选定层上显示指定内容。 设置状态栏文本：在状态栏中显示指定内容。 设置文本域文字：在文本字段区域显示指定内容。 显示弹出式菜单：显示弹出菜单。 显示-隐藏层：显示或隐藏特定层。 交换图像：发生设置的事件后，用其他图片来取代选定图片。 恢复交换图像：在运用交换图像动作之后，显示原来的图片。 时间轴：用来控制时间轴，可以播放、停止动画。 检查表单：检查表单文档在有效性的时候才能使用。 11.1.3 事件 事件用于指定选定行为动作在何种情况下的发生。例如想应用单击图像时跳转到制定网站的行为，则需要把事件指定为单击事件onClick。下面根据使用用途分类介绍Dreamweaver中提供的事件种类。 onAbort：在浏览器中停止加载网页文档的操作时发生的事件 onMOVE：移动窗口或框架时发生的事件 onLoad：选定的对象出现在浏览器上时发生的事件 onResize：访问者改变窗口或框架的大小时发生的事件 onUnLoad：访问者退出网页文档时发生的事件 onClick：用鼠标单击选定要素时发生的事件 onBlur：鼠标移动到窗口或框架外侧时等非激活状态时发生的事件 onDragDrop：拖动选定要素后放开时发生的事件 onDragStart：拖动选定要素时发生的事件 onFocus：鼠标到窗口或框架中处于激活状态时发生的事件 on MouseDown：单击鼠标左键