第6章 行为的操作

《网页设计与制作教程与实训》(第2版）第六章行为的操作第六章行为的操作6.1行为的基础6.2行为的具体应用《网页设计与制作教程与实训》(第2版）第六章行为的操作本章要点行为的基础知识(行为的添加与行为的编辑)行为的具体应用(不同的行为在网页中的具体动用)《网页设计与制作教程与实训》(第2版）第六章行为的操作6.1行为的基础行为(behavior)指的是设计者能够运用制作动态网页的JavaScript功能，并将其放置在网页文档中，以允许浏览器与网页本身进行交互，从而以多种方式更改网页或引起某些任务的执行。行为是事件和由该事件触发的动作的组合体。BACK《网页设计与制作教程与实训》(第2版）第六章行为的操作6.1.1行为的基础行为是由事件和由该事件触发的动作构成的。设置行为的时候，在【行为】面板中，首先为对象指定行为动作，然后指定触发该动作的事件，便可以将行为添加到网页中。《网页设计与制作教程与实训》(第2版）第六章行为的操作1.行为面板在dreamweaver8中，单击【窗口】|【行为】选项，打开行为控制面板2.动作动作是内置于Dreamweaver中的预先编写的JavaScript代码，在网页中运用这些动作可以发挥特定的作用，例如播放音乐、检查表单、弹出窗口等等。Dreamweaver8里提供的动作是由软件工程师精心编写的，在使用时我们可以直接通过Dreamweaver8中的【行为】面板轻松地将动作加入到网页中。《网页设计与制作教程与实训》(第2版）第六章行为的操作3.认识事件事件是指网页的浏览者所执行的某种操作。例如，当浏览者单击某一个对象时，浏览器为该对象生成一个Onclick事件（鼠标单击），如果存在针对这种事件的动作，浏览器就会调用相应的JavaScript代码。不同的对象各有自己适合的触发事件。《网页设计与制作教程与实训》(第2版）第六章行为的操作6.1.2行为的编辑1.附加行为在Dreamweaver8中，给对象附加行为时，浏览器会自动识别该对象能够接受哪些行为，不能接受哪些行为。附加行为时，可以针对一个对象设置多个行为动作。动作的执行顺序通常是按照我们设置的先后顺序来执行，也可以根据需要进行前后调整。《网页设计与制作教程与实训》(第2版）第六章行为的操作2.为附加行为选择触发事件给对象附加行为时，会自动生成一个触发事件，如果想更改触发事件，可以在行为面板更改。3.删除行为4.调整行为顺序5.修改行为《网页设计与制作教程与实训》(第2版）第六章行为的操作6.2行为的具体应用6.2.1调用JavaScript“调用JavaScript”动作可以设置当触发某个事件时，调用相应的JavaScript代码，以实现某个特定的功能。BACK《网页设计与制作教程与实训》(第2版）第六章行为的操作6.2.2弹出消息弹出消息可以制作在载入网页时显示的弹出信息或针对某一对象设置弹出消息。此动作通常可以用来做一些警示信息或提示信息。《网页设计与制作教程与实训》(第2版）第六章行为的操作6.2.3转到URL使用“转到URL”动作可以在载入网页的过程中自动跳转到一个新的页面，也可以针对某一个对象设置触发事件时，跳转到另一个网页。《网页设计与制作教程与实训》(第2版）第六章行为的操作6.2.4弹出广告窗口使用“打开浏览器窗口”动作可以制作弹出式的广告窗口或欢迎窗口，用户还可以根据需要设置弹出窗口的某些属性。提示:使用此行为还可以针对整个文档，让用户在打开网页的时候能随之打开另外一个小窗口，可以为本网站做一个内容简介或主要导航，增加网页的美观和实用性。《网页设计与制作教程与实训》(第2版）第六章行为的操作6.2.5播放背景音乐使用“播放声音”行为可以针对当前网页设置背景音乐，还可以针对某一对象设置音乐，并可以对音乐播放进行控制，使用此行为可以给网页带来更加精彩的多媒体效果。《网页设计与制作教程与实训》(第2版）第六章行为的操作1.关于音频文件的格式在网页中设置音乐，一般所支持的音频文件类型包括*.wav、*.mid、*.au、*.aiff等文件。2.背景音乐的制作通过行为可以在网页中添加声音,也可以给整个网页设置背景音乐.《网页设计与制作教程与实训》(第2版）第六章行为的操作6.2.6时间轴行为在网页中时间轴的运用可以令网页更加富有活力。在Dreamweaver8中使用的时间轴和Flash中的时间轴非常的类似，在时间轴上通过每一帧的连续播放形成动画，在Dreamweaver8中，我们只能通过层创建时间轴动画，因此，在为某个对象创建动画的时候，必须把要创建动画的对象放到层中，层动画包括有直线动画、曲线动画和任意路径的动画。《网页设计与制作教程与实训》(第2版）第六章行为的操作1.创建时间轴动画如果需要创建比较复杂的动画，可以通过“录制层路径”来创建时间轴动画。《网页设计与制作教程与实训》(第2版）第六章行为的操作2）修改时间轴时间轴定义好之后，可以根据需要随时进行调整。例如对关键帧进行添加和删除，对动画的路径和移动的速度进行更改等等，下面分别加以说明。（1）改变动画的起始时间（2）改变动画条长度（3）改变关键帧的位置（4）添加和删除关键帧（5）改变运动路径（6）添加和删除时间轴动画《网页设计与制作教程与实训》(第2版）第六章行为的操作2.播放时间轴在时间轴面板中除了使用“自动播放”来控制时间轴的播放外，还可以通过“行为”来控制时间轴的播放和停止。《网页设计与制作教程与实训》(第2版）第六章行为的操作3.停止时间轴在行为面板中既可以控制时间轴的播放，还可以控制时间轴的停止。4．转到时间轴使用“转到时间轴帧”动作在播放过程中可以将播放指针移动到指定帧，在时间轴面板的行为通道中使用此动作，可以设置时间轴的某部分循环若干次。《网页设计与制作教程与实训》(第2版）第六章行为的操作本章小节：通过本章学习，可以对行为和时间轴的运用有了基本的掌握，行为的运用在网页设计过程中能够产生动态的特殊效果，时间轴可以为网页添加精彩的动画效果。行为和时间轴的运用如何在网页设计过程中起到画龙点睛之笔，还需要进一步的练习和熟练。《网页设计与制作教程与实训》(第2版）第六章行为的操作本章习题：一判断1.在网页中，不能对纯文本附加行为。2.针对对象设置的行为会根据设置的前后顺序进行执行，不能更改它们的顺序。3.在DREAMWEAVER中创建的时间轴动画包括有直线动画、曲线动画和任意路径的动画。4.时间轴动画只能针对于层中的图像来进行。5.在网页中创建的时间轴动画在预览时会始终循环播放。6.时间轴的播放速度可以根据需要进行调整。7.为了让行为在网页中的运用更加锦上添花，浏览器的版本设置得越高越好。8.运用“弹出信息”行为可以制作在载入网页时显示的弹出信息。9.如果想为网页添加背景声音，可以将“播放声音”行为的鼠标事件设置为“ONLOAD”。10.在时间轴面板上添加的关键帧显示为一个实心黑点。《网页设计与制作教程与实训》(第2版）第六章行为的操作二填空1.在行为的设置中，如果想在鼠标单击对象的时候产生行为，应该将鼠标事件设置为__________；想在鼠标滑过对象的时候产生行为，应该将鼠标事件设置为___________。2.在浏览网页的时候如果想随之打开另外一个窗口，可以使用_________________-行为来实现；如果想弹出页面提示，可以通过___________行为来实现3.在编辑状态下，将层拖动时间轴，创建的动画条长度默认为______帧。4.在网页中除了可以使用时间轴面板设置“自动播放”外，还可以通过___________控制时间轴的播放和停止。5.在时间轴上，如果想更改层的位置，需要在___________进行修改。6.在时间轴上，如果想创建复杂动画，需要通过_____________进行设置。7.在DREAMWEAVER中，通过_____________菜单可以打开行为面板。8.在动画条上如果想添加关键帧，可以按下______+鼠标单击。《网页设计与制作教程与实训》(第2版）第六章行为的操作三、操作题打开素材页面“htm\f61.htm”,为该网页添加背景音乐；为表头图片设置弹出信息，当鼠标滑过该图片时会弹出消息。打开素材文件“htm\62.htm”，在该页面中插入层，输入相应的文字，为该层创建任意路径的运动，让该层在浏览网页的时候能自动循环播放。