(第章动态技术.ppt

第9章动态网页技术 本章将通过对制作翻滚图的介绍引入了动态网页技术，主要对添加内置的Flash交互对象和使用行为进行介绍，综合运用了各种动态网页制作技术，使读者能够将所学知识融会贯通。 在这一章中，读者应重点理解和掌握Dreamweaver特有的“行为”概念，它是Dreamweaver中最有特色的功能，能大大提高网页制作的效率。通过本章的学习，读者可以掌握几种动态网页技术，制作出有动态效果的网页，将单一、死板的样式变得更加丰富多彩、引人入胜。 9.1 添加内置的Flash对象 Macromedia公司开发（现已被Adobe公司收购）的Flash技术是当前网络上传输矢量动画的主要解决方案。在Dreamweaver中使用Flash命令之前，应先熟悉下面两个Flash的不同文件格式。 Flash文件（.fla）是Flash程序的源文件。 Flash动画文件（.swf）是一种压缩过的Flash文件格式。 9.1.1 使用Flash按钮对象 9.1.2 使用Flash文本对象 使用Flash文本对象可以创建和插入一个Flash电影，在这个电影中包含了文本动画效果。 9.2 设置Flash对象的属性 在按照上面介绍的步骤给网页加入Flash对象以后，还可以通过“属性”面板设置Flash SWF文件的所有属性。选择菜单栏“窗口→属性”命令，打开“属性”面板，如图9-4所示。 9.3 “行为”简介 Dreamweaver中的“行为”实际上是一些JavaScript的程序，它由事件和动作两部分组成。动作是特定的JavaScript程序，在某个特定的事件发生（如页面加载或者鼠标单击）后，相应的程序就会自动运行。在这一节中，将讲解行为的基本概念，并以几种常用的行为为例，进行详细的说明。 行为是Dreamweaver中最有特色的功能，通过使用它，用户可以不用编写JavaScript代码，就能制作出需要由数百行代码才能完成的功能。行为的关键在于Dreamweaver提供了许多标准的JavaScript程序，这些程序被称为动作。 每个动作都可以完成特定的任务，这样如果所需要的功能在这些动作中，就不必编写JavaScript程序了。另外Dreamweaver使用了开放结构，即任何人都可以开发出外挂插件。 9.3.1 “行为”的本质 行为是一系列使用JavaScript程序预定义的页面特效工具，是JavaScript在Dreamweaver中内置的程序库。使用程序库中的脚本或程序，通常鉴于以下两种目的： （1）通过与服务器的交互执行复杂的数据处理，这通常需要执行服务器端的脚本或程序。 （2）实现简单页面中的交互控制，这就要使用客户端的脚本或程序。 Dreamweaver既有客户端的“行为”，也有服务器端的“行为”，但是由于本书面向的是网页设计人员，而非后台的程序开发人员，因此本书重点介绍客户端的“行为”功能，在后面再简要介绍服务器端行为。 通过行为，可以为页面制作出各种各样的动态交互效果，如交换图像、弹出信息和拖动层等效果。 9.3.2 “行为”的构成 一般来说，一个“行为”由一个“事件”和一个“动作”所组成。 1．动作 “动作”通常是一段JavaScript程序，利用这段程序可以完成相应的任务，比如弹出信息、播放声音和检查浏览器等。 2．事件 “事件”通常由浏览器所定义，它可以被附加到各种页面元素对象上，也可以被附加到HTML标签中，比如附加到“body”标签。 3．事件和动作的组合 将事件和动作结合起来，就构成了“行为”。 9.4 弹 出 消 息 有时希望访问者一进入首页就看到一些最新消息，可以弹出一个消息框，或显示一些文本，如图9-5所示。 9.5 转到URL 这个行为可以使浏览器装载新页面，而不必等访问者单击了链接时才跳转。例如当网站更换了地址，就可以把原地址的首页制作成如图9-9所示的样子，当访问者浏览此页面时就会从这个页面跳转到新地址。如果访问者用的浏览器不支持这项功能，就可以根据提示单击链接，手动进入新地址。目前绝大多数实际用户都使用支持该功能的浏览器，都可以实现自动跳转。 9.6 实践与练习：打开浏览器窗口 很多网站为了吸引用户的注意，常常在打开首页的同时弹出一个浏览器窗口，用于显示通知信息和广告信息等。根