《网页设计与制作教程与实训》全套电子课件教案-第六章 行为的操作.ppt

第六章 行为的操作 6.1 行为的基础 6.2 行为的具体应用 本章要点 行为的基础知识 (行为的添加与行为的编辑) 行为的具体应用 (不同的行为在网页中的具体动用) 6.1行为的基础 行为（behavior）指的是用户运用Dreamweaver MX2004提供给我们的JavaScript功能，并将其放置在网页文档中，为响应某一个事件而执行的动作，当触发该事件时，就会执行相应动作所对应的JavaScript功能。 6.1.1行为的基础 行为是由事件和由该事件触发的动作构成的。设置行为的时候，在【行为】面板中，首先为对象指定行为动作，然后指定触发该动作的事件，便可以将行为添加到网页中。 1 .行为面板 在Dreamweaver MX2004中，单击【窗口】|【行为】选项，打开行为控制面板 2. 动作 动作是内置于Dreamweaver中的预先编写的JavaScript代码，在网页中运用这些动作可以发挥特定的作用，例如播放音乐、检查表单、弹出窗口等等。Dreamweaver MX 2004里提供的动作是由软件工程师精心编写的，在使用时我们可以直接通过Dreamweaver MX 2004中的【行为】面板轻松地将动作加入到网页中。 3. 认识事件 事件是指网页的浏览者所执行的某种操作。例如，当浏览者单击某一个对象时，浏览器为该对象生成一个Onclick事件（鼠标单击），如果存在针对这种事件的动作，浏览器就会调用相应的JavaScript代码。不同的对象各有自己适合的触发事件。 6.1.2行为的编辑　 1. 附加行为 在Dreamweaver MX 2004中，给对象附加行为时，浏览器会自动识别该对象能够接受哪些行为，不能接受哪些行为。附加行为时，可以针对一个对象设置多个行为动作。动作的执行顺序通常是按照我们设置的先后顺序来执行，也可以根据需要进行前后调整。 2. 为附加行为选择触发事件 给对象附加行为时，会自动生成一个触发事件，如果想更改触发事件，可以在行为面板更改。 3. 删除行为 4. 调整行为顺序 5. 修改行为 6. 设置浏览器版本 6.2 行为的具体应用6.2.1调用JavaScript “调用JavaScript”动作可以设置当触发某个事件时，调用相应的JavaScript代码，以实现某个特定的功能。 6.2.2 弹出消息 弹出消息可以制作在载入网页时显示的弹出信息或针对某一对象设置弹出消息。此动作通常可以用来做一些警示信息或提示信息。 6.2.3转到URL 使用“转到URL”动作可以在载入网页的过程中自动跳转到一个新的页面，也可以针对某一个对象设置触发事件时，跳转到另一个网页。 6.2.4弹出广告窗口 使用“打开浏览器窗口”动作可以制作弹出式的广告窗口或欢迎窗口，用户还可以根据需要设置弹出窗口的某些属性。 提示 使用此行为还可以针对整个文档，让用户在打开网页的时候能随之打开另外一个小窗口，可以为本网站做一个内容简介或主要导航，增加网页的美观和实用性。 6.2.5播放背景音乐 使用“播放声音”行为可以针对当前网页设置背景音乐，还可以针对某一对象设置音乐，并可以对音乐播放进行控制，使用此行为可以给网页带来更加精彩的多媒体效果。 1. 关于音频文件的格式 在网页中设置音乐，一般所支持的音频文件类型包括*.wav、*.mid、*.au、*.aiff等文件。 2. 背景音乐的制作 通过行为可以在网页中添加声音,也可以给整个网页设置背景音乐. 6.2.6 时间轴行为 在网页中时间轴的运用可以令网页更加富有活力。在Dreamweaver MX 2004中使用的时间轴和Flash中的时间轴非常的类似，在时间轴上通过每一帧的连续播放形成动画，在Dreamweaver MX 2004中，我们只能通过层创建时间轴动画，因此，在为某个对象创建动画的时候，必须把要创建动画的对象放到层中，层动画包括有直线动画、曲线动画和任意路径的动画。 1. 创建时间轴动画 1）建立时间轴直线动画 2）创建时间轴曲线动画 3）创建任意路径的动画 如果需要创建比较复杂的动画，可以通过“录制层路径”来创建时间轴动画。 4）修改时间轴 时间轴定义好之后，可以根据需要随时进行调整。例如对关键帧进行添加和删除，对动画的路径和移动的速度进行更改等等，下面分别加以说明。 （1）改变动画的起始时间 （2）改变动画条长度 （3）改变关键帧的位置 （4）添加和删除关键帧 （5）改变运动路径 （6）添加和删除时间轴动画 2. 播放时间轴 在时间轴面板中除了使用“自动播放”来控制时间轴的播放外，还可以通过“行为”来控制时间轴的播放和停止。 3. 停止时间轴 在行为面板中