《网页设计》完整课件网页设计10–2.pptVIP

第十一讲 行为事件(2) 在这节，我们继续学习Dreamweaver系统提供的行为事件的应用： 7、检查浏览器 优秀的网站应考虑到不同的访问者在访问网页时，网页是否能够正常显示。为了兼容不同版本和类型的浏览器，有的网站甚至为同一内容的页面制作了不同浏览器上运行的版本，这样做是非常麻烦的。使用“检查浏览器”动作，可以很快地解决这个问题。 在使用“检查浏览器”动作，可以获取用户的浏览器版本和类型，根据浏览器的类型和版本的不同，将用户转到不同的网页。 例如设计者可以将使用N4或更高版本的浏览器的访问者转到第一页，把IE4或更高版本的浏览器的访问者转到另一页，而将其它类型的浏览器的访问者留在当前页。此行为通常被附加到页面的body标签上。 操作步骤如下： 1)、打开需要附加该动作的页面。 2)、选中body标签，打开系统行为面板， 单击“+”按钮，在弹出的动作菜单中选择“检查浏览器”动作。弹出以下对话框： 3)、在弹出的对话框中进行相关设置，设置完毕，按“确定”。 在相应的下拉列表中选择的各项的含义如下： [留在此页] 停留在本页面。 [转到URL] 跳转到URL文本框中指定的页面中去。 [前往代替URL] 跳转到代替URL文本框中指定的页面中去。 8、控制Shockwave或Flash 使用【控制Shockwave或Flash 】动作，可以控制Macromedia Shockwave或Macromedia Flash的播放、停止、重放。 操作步骤如下： 1）、单击插入栏中的常用面板的插入Flash对象按钮，在文档中插入一段Flash动画。 2）、打开其属性面板，在最左上方区域中为Flash影片命名（必须取名，才能用这个动作来控制它）。 3）、在文档窗口中插入三个图像按钮，用来作为控制Flash影片的对象。 4）、选定“播放”按钮，然后打开行为面板，点击“+”按钮，从动作弹出的菜单中选择【控制Shockwave或Flash 】命令，打开【控制Shockwave或Flash 】对话框： 5)、在对话框中的【动作】选项中选择【播放】选项，单击“确定”按钮。 6）、重复步骤4）和5）为“倒退”、“停止”按钮添加行为。 7）、检查默认事件是否是“onClick”。 设置完成以后，预览网页，就可以使用这三个按钮控制Flash 动画的播放。 9、检查表单 表单数据的合法性检验，有的可以在客户端进行，有的必须在服务器端进行。例如，年龄不能小于0，电子邮件地址不能没有@符号等都可以在客户端检验，无须发送到服务器检验。对于用户的密码，信用卡号等信息，可在客户端检查其合法性，如密码的长度是否满足，但它的正确性必须送到服务器端进行检验。 使用“检查表单”动作检查指定文本域中的内容，是否满足合法性要求。具体做法是： 使用onBlur事件将此动作分别附加到各个文本域，在用户填写表单时对文本域进行检查；或使用onSubmit事件将其附加到表单，在用户单击“提交”按钮时，同时对多个文本域进行检查。只有表单的数据符合要求，才能将表单提交到服务器。若表单的数据不符合要求，必须重新输入。 下面用一个简单的例子介绍在客户端检验数据有效性的一般方法： 1）、创建一个会员注册表单。如下所示： 2）、检查年龄输入的有效性，选择“年龄”文本框，然后打开系统行为面板，单击“+”按钮，从弹出的菜单中选择“检查表单”动作，弹出以下对话框： 3）、在弹出的对话框的命名的栏位中，选择“age”项进行年龄输入范围的设置：勾选“必需的”复选框，然后选择数字从17到70（限定会员大年龄在17~70岁之间）。 4）、选择邮件地址“mail”项设置：勾选“必需的”复选框，然后选择“电子邮件地址”。 5）、在行为面板中选择【onBlur】事件。如下图所示。 6）、预览网页。 在年龄文本框中 输入一个不在17 ~70范围的年龄， 当光标移动到下 一个文本框时， 就会弹出一个警告对话框，说明年龄的输入范围在17~70之内，单击“确定”关闭该对话框，然后重新输入。 7）、用类似的方法检查邮件地址输入的合法性 10、其它行为动作 其它的行为动作用些实际的例子来说明。具体的操作步骤如下： 1）、时间轴 2）、设置状态栏文本 3）、设置层文本 4）、显示弹出式菜单 5）、拖动层 本节小结 知识点1：行为----是响应某一事件而采取的一个动作。当把行为赋予文档中的某个元素时，也就定义了一个动作。 知识点2：动作---- 是行为中的那段Javascript代码，用于完成某一组特定的操作，比如打开窗口，播放一段音乐等。 知识点3：事件----是由用户或者浏览器触发的事件，比如onMouseOver、onLoad等。 要求：熟练掌握如何使用系统提供的行为技术来制作