网页设计基础-13使用行为

《网页设计基础-13使用行为》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第13章使用行为马宝君北京邮电大学2014-05-06本章重点：如何在网页中添加行为如何为“事件”选择合适的“动作”。2行为的特征行为的出现是让Dreamweaver流行的一大原因，它加入网页中常用的特效或功能程序代码，简化成对话框的设置，大大加速了网页的开发。Dreamweaver将许多常用程序整合到“行为”面板中，让网页设计者能够很方便地加入这些程序效果，而且它本身的设计是开放性的，除了Adobe官网外，全世界有许多爱好者为Dreamweaver开发了许多很好的扩展程序，让它的功能更加强大。行为的使用具有以下三种特征跨平台、兼容性高（JavaScript）使用简单、修

2、改容易（行为面板）无限扩展的可能（AdobeExchange网站:https://www.adobeexchange.com/）3行为的概述行为动态交互响应用户的操作、改变当前网页效果或执行特定任务的一种方法。行为是由事件和动作两部分组成，是动作和触发该动作的事件的结合体。4事件和动作事件事件是触发动态效果的原因，它可以被附加在各种页面元素上，也可以被附加到HTML标签中。动作动作其实是一段网页上的JavaScript代码，这些代码在特定事件被激发时执行，从而实现访问者与Web页进行交互。5事件与动作的关系事件与动作的关系将“事件”和“动作”组合起来就构成了“行为”

3、。在将行为附加到页面元素之后，只要对该元素触发了所指定的事件，浏览器就会调用与该事件关联的动作（JavaScript）。事件和动作组成了行为。还可以根据需要，指定和修改动作发生的顺序。6行为的使用Dreamweaver内置了一些行为动作。除此之外，第三方厂商提供了更多的行为库，下载并在Dreamweaver中安装行为库中的文件，可以获得更多的可操作行为。如果已经掌握了JaveScript语言的使用，也可以自己编辑新动作，添加到Dreamweaver中。7JavaScript语言•JavaScript是一门脚本语言，也是一门面向对象的编程语言。•采用的是小程序段的编程方式，

4、与HTML标记结合在一起，使用户对网页的操作更加的方便。•JavaScript的特点：–1、易用性–2、动态交互性–3、跨平台性JavaScript是安全性高的语言，它只能通过浏览器实现对网络的访问和动态交–4、安全性互，可以有效地阻止通过访问本地硬盘或者将数据存入到服务器8JavaScript语言JavaScript程序的示例：9【行为】面板介绍选择【窗口】｜【行为】命令，打开【行为】面板显示设置事件

5、上下移动行为显示所有事件添加或删除动作【显示设置事件】仅显示【添加行为】在出现的附加到当前文档的那些事件动作菜单中,选择一个动作，并指定该动作的相关参数，【显示所有事件】按字母即可添加行为。降序显示所有事件10【行为】面板介绍【显示事件】在此菜单中选择确定哪些事件将显示在“事件”弹出式菜单中【删除事件】单击“删除事件”按钮，可以从行为列表中删除所选的事件和动作。【向上移动】和【向下移动】将特定事件的所选动作在行为列表中向上或向下移动。给定事件的动作是以选定的顺序执行的。11向页面中添加基本行为•添加行为：通过“行为”面板上的“添加行为”按钮，可以将行为附加到整个文档，也可

6、以附加到链接、图像、表单元素或多种其他HTML元素中的任何一种。•事件的选择：在添加行为后，当单击行为列表框中所选事件名称旁边的箭头按钮时，会出现一个下拉菜单，其中包含可以触发该动作的所有事件。根据所选对象的不同，显示的事件也有所不同。•例：“弹出信息”动作加入12事件的分类1.自动类行为设置在标签中，例如一进入网页就自动出现“欢迎光临”的信息对话框。2.互动类用户通过鼠标或键盘的事件产生操作，可将行为设置在图像、文本、超链接等对象上，如当鼠标滑过主菜单时，显示该功能的弹出式菜单。3.表单类使用在表单组件与表单