《网页设计》完整课件网页设计10-2

上传人:宝路 文档编号:47925702 上传时间:2018-07-06 格式:PPT 页数:15 大小:132.64KB
返回 下载 相关 举报
《网页设计》完整课件网页设计10-2_第1页
第1页 / 共15页
《网页设计》完整课件网页设计10-2_第2页
第2页 / 共15页
《网页设计》完整课件网页设计10-2_第3页
第3页 / 共15页
《网页设计》完整课件网页设计10-2_第4页
第4页 / 共15页
《网页设计》完整课件网页设计10-2_第5页
第5页 / 共15页
点击查看更多>>
资源描述

《《网页设计》完整课件网页设计10-2》由会员分享,可在线阅读,更多相关《《网页设计》完整课件网页设计10-2(15页珍藏版)》请在金锄头文库上搜索。

1、第十一讲 行为事件(2)在这节,我们继续学习Dreamweaver系统 提供的行为事件的应用: 7、检查浏览器优秀的网站应考虑到不同的访问者在访问 网页时,网页是否能够正常显示。为了兼 容不同版本和类型的浏览器,有的网站甚 至为同一内容的页面制作了不同浏览器上 运行的版本,这样做是非常麻烦的。使用“ 检查浏览器”动作,可以很快地解决这个问 题。在使用“检查浏览器”动作,可以获取用户的浏 览器版本和类型,根据浏览器的类型和版 本的不同,将用户转到不同的网页。 例如设计者可以将使用N4或更高版本的浏览 器的访问者转到第一页,把IE4或更高版本 的浏览器的访问者转到另一页,而将其它 类型的浏览器的访

2、问者留在当前页。此行 为通常被附加到页面的标签上。 操作步骤如下: 1)、打开需要附加该动作的页面。 2)、选中标签,打开系统行为面板,单击“+”按钮,在弹出的动作菜单中选择“检查 浏览器”动作。弹出以下对话框:3)、在弹出的对话框中进行相关设置,设置 完毕,按“确定”。 在相应的下拉列表中选择的各项的含义如下 : 留在此页 停留在本页面。 转到URL 跳转到URL文本框中指定的页面 中去。 前往代替URL 跳转到代替URL文本框中指 定的页面中去。8、控制Shockwave或Flash使用【控制Shockwave或Flash 】动作,可以 控制Macromedia Shockwave或 Ma

3、cromedia Flash的播放、停止、重放。操作步骤如下: 1)、单击插入栏中的常用面板的插入Flash 对象按钮,在文档中插入一段Flash动画。 2)、打开其属性面板,在最左上方区域中为 Flash影片命名(必须取名,才能用这个动 作来控制它)。3)、在文档窗口中插入三个图像按钮,用来 作为控制Flash影片的对象。 4)、选定“播放”按钮,然后打开行为面板, 点击“+”按钮,从动作弹出的菜单中选择【 控制Shockwave或Flash 】命令,打开【控 制Shockwave或Flash 】对话框:5)、在对话框中的【动作】选项中选择【播 放】选项,单击“确定”按钮。 6)、重复步骤4

4、)和5)为“倒退”、“停止”按 钮添加行为。 7)、检查默认事件是否是“onClick”。 设置完成以后,预览网页,就可以使用这三 个按钮控制Flash 动画的播放。9、检查表单 表单数据的合法性检验,有的可以在客户端 进行,有的必须在服务器端进行。例如, 年龄不能小于0,电子邮件地址不能没有 符号等都可以在客户端检验,无须发送到 服务器检验。对于用户的密码,信用卡号 等信息,可在客户端检查其合法性,如密 码的长度是否满足,但它的正确性必须送 到服务器端进行检验。 使用“检查表单”动作检查指定文本域中的内 容,是否满足合法性要求。具体做法是:使用onBlur事件将此动作分别附加到各个 文本域,

5、在用户填写表单时对文本域进 行检查;或使用onSubmit事件将其附加 到表单,在用户单击“提交”按钮时,同时 对多个文本域进行检查。只有表单的数 据符合要求,才能将表单提交到服务器 。若表单的数据不符合要求,必须重新 输入。 下面用一个简单的例子介绍在客户端检验 数据有效性的一般方法:1)、创建一个会员注册表单。如下所示:2)、检查年龄输入的有效性,选择“年龄”文 本框,然后打开系统行为面板,单击“+”按钮 ,从弹出的菜单中选择“检查表单”动作,弹 出以下对话框:3)、在弹出的对话框的命名的栏位中,选 择“age”项进行年龄输入范围的设置:勾 选“必需的”复选框,然后选择数字从17到 70(

6、限定会员大年龄在1770岁之间)。 4)、选择邮件地址“mail”项设置:勾选“必 需的”复选框,然后选择“电子邮件地址”。5)、在行为面板中选择【onBlur】事件。如下 图所示。 6)、预览网页。 在年龄文本框中 输入一个不在17 70范围的年龄, 当光标移动到下 一个文本框时, 就会弹出一个警告对话框,说明年龄的输入范围 在1770之内,单击“确定”关闭该对话框,然 后重新输入。 7)、用类似的方法检查邮件地址输入的合法性10、其它行为动作其它的行为动作用些实际的例子来说明。 具体的操作步骤如下: 1)、时间轴 2)、设置状态栏文本 3)、设置层文本 4)、显示弹出式菜单 5)、拖动层本节小结知识点1:行为-是响应某一事件而采取的 一个动作。当把行为赋予文档中的某个元 素时,也就定义了一个动作。知识点2:动作- 是行为中的那段 Javascript代码,用于完成某一组特定的操 作,比如打开窗口,播放一段音乐等。知识点3:事件-是由用户或者浏览器触发 的事件,比如onMouseOver、onLoad等。要求:熟练掌握如何使用系统提供的行为 技术来制作一些复杂的网页。作业完成今天讲过的行为动作的上机操作。

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 中学教育 > 教学课件

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号