《DreamweaverCS5.5中文版案例教程教学资源第9章节9课件》由会员分享，可在线阅读，更多相关《DreamweaverCS5.5中文版案例教程教学资源第9章节9课件（14页珍藏版）》请在金锄头文库上搜索。
1、第9章 使用行为和JavaScript为网页增添活力,使用行为，可以使网页具有一些动态效果，这些动态效果是在客户端实现的。利用Dreamweaver CS5.5插入客户端行为，实际上是Dreamweaver自动给网页添加了一些JavaScript代码，这些代码能够实现动态网页的效果。,第9章 使用行为和JavaScript为网页增添活力,行为是Dreamweaver CS5.5的一个功能强大的工具。使用Dreamweaver行为，可以在文档中允许用户与Web页进行交互，以多种方式与网页互动或执行某些任务。例如，可以让层显现和消失，执行任意数量的互动图像，或者控制Flash影片等。所有这些操作你
2、甚至不需要知道编程语言，只要通过指定一个动作，并且指定触发这个动作的事件，Dreamweaver会将JavaScript代码自动放置在文档中。 Dreamweaver已经简化了在Web页上每个可能的对象中包含默认事件来使用行为的过程。例 如，当用户将鼠标指针移动到某个链接上时，浏览器就为该链接生成一个 onMouseOver事件，然后浏览器查看是否存在为该链接生成该事件时的浏览器应该调用的 JavaScript 代码（这些代码是在被查看的页中指定的）；为不同的网页元素定义不同的事件。 动作是由JavaScript代码组成的，这些代码执行特定的任务，如弹出系统窗口、显示或隐藏 层、播放声音等。D
3、reamweaver CS5.5提供的动作都是由Dreamweaver工程师精心编写的，以提供最大的跨浏览器兼容性。,9.1 行为的概念,9.2 添加行为,在Dreamweaver CS5.5中，进行附加行为和编辑行为的操作都将使用到“行为”子面板，在其中用户可以进行添加、删除行为等操作，如图9-1所示。,9.2 添加行为,为页面中的对象添加行为的具体操作步骤如下。,9.3 行为的动作和事件,在Dreamweaver中，行为是事件和动作的组合。事件是在特定的时间或是用户在某时所发出的指令后紧接着发生的，而动作是事件发生后网页所要做出的反应。,9.3 行为的动作和事件,所谓的动作就是设置交换图像
4、、弹出信息等特殊的JavaScript效果。在设定的事件发生时运行动作，表9-1列出了Dreamweaver中默认提供的动作种类。,9.3.1 常见的动作类型,9.3 行为的动作和事件,事件就是选择在特定情况下发生选定行为动作的功能。例如，如果运用了单击图片之后转移到特定站点上的行为，这是因为事件被指定了onClick，所以执行了在单击图片的一瞬间转移到其他站点的这一动作，表9-2列出了Dreamweaver中常见的事件。,9.3.2 行为的动作和事件,9.4 使用JavaScript,JavaScript是一种能让网页更加生动活泼的程序语言，也是目前网页设计中最容易学且最方便的语言。用户可以
5、利用JavaScript轻易地做出亲切的欢迎信息、漂亮的数字钟及有广告效果的跑马灯，还可以显示浏览器停留的时间，这些特殊的效果都可以提高网页的可看性。,9.4 使用JavaScript,9.4.1 JavaScript基本语法,1、常量,2、变量,整型常量,实型常量,布尔值,字符型常量,空值,变量的命名,变量的类型,变量的声明,9.4 使用JavaScript,9.4.2 JavaScript事件,JavaScript是基于对象的语言，而基于对象的基本特征，就是采用事件驱动。它在图形界面 的环境下，使得一切输入简单化。通常鼠标或热键引发的动作被称为时间驱动，而由鼠标或热键引发的一连串程序的动作
6、，被称为事件驱动。而对事件进行处理程序或函数，被称为事件处理程序。 JavaScript事件主要有验证用户输入窗体的数据和增加页面的动感效果等用途。 一般来说，一个利用JavaScript实现交互功能的Web网页总是拥有如下3个部分的内容。,9.4 使用JavaScript,9.4.3 JavaScript对象,面向对象的程序设计方法并不是一个新概念，目前，面向对象的设计方法被认为是一种比较成功和成熟的设计方法，广泛地应用在各种程序语言中。典型的面向对象的程序设计方法有以下3个特性。,1.封装性,2.继承性,3.多态性,9.5 案例利用行为制作关闭窗口效果,步骤01 打开素材文件,步骤02 选
7、择图像,步骤03 添加行为1,步骤04 添加行为2,9.5 案例利用行为制作关闭窗口效果,步骤05 “行为”子面板,步骤06 网页浏览效果,步骤07 提示框,9.6 知识与技能梳理,行为是Dreamweaver的一个功能强大的工具。使用Dreamweaver行为，任何Web设计者都可以让层显现或消失，执行任意数量的互动图像，或者控制Flash影片。所有这些操作甚至不需要知道JavaScript。行为是Dreamweaver中需要掌握的富有挑战性的特性之一。本章分析了隐藏在行为背后的概念和使用行为的实体，以及Dreamweaver和其他署名的第三方提供的行为的使用。,重要工具：表格、图像、媒体。 核心技术：通过图片和多媒体的添加制作更加精致美观的网页效果。,实际应用：企业网站、旅游网站、个人主页。,
