网站设计 Web Design
网页设计动态特效—行为
一、网页设计认识行为和事件：
1、行为：指在网页中进行的一系列动作，通过这些动作可实现用户同网页的交互，也可以通过动作使某个任务被执行。
行为由事件和动作两个基本元素组成。通常，动作是一段JavaScript代码，Dreamweaver内置了多种行为.
2、事件：事件则由浏览器所定义，它可附加到各种页面元素上，也可被附加HTML标记中。
同一个事件能够引发几个不同的动作（注意执行顺序）。
选择的对象不同，可执行的事件也不同。
常见事件： Onchange OnClick OnDblClick Onload OnMouseDown OnMouseUp
二、网页设计基本行为操作：
1 、认识行为面板：
事件列表 行为列表
浏览器及版本不同，事件列表的内容也有所不同。
2、添加与编辑行为：选定网页元素、“窗口”菜单－行为面板（Shift+F3）
1）添加行为效果：为对象、文本、时间线附加行为。
选择对象-打开行为面板-单击加号按钮-选择合适的行为
2）编辑行为效果：编辑动作、引发动作的事件、更改参数。
3）为同一个事件添加多个动作：
三、网页设计使用DreamWeaver的内置行为：
1、调用JavaScript： 某些事件发生时，允许用户调用相应的JavaScript代码。
2、改变属性： 动态改变对象的属性值。 如层的属性值，图像大小或悬停按钮效果。
范例演示：改变属性
3、检测浏览器： 可获取用户浏览网页所使用的浏览器类型 而后根据不同的浏览器显示不同的网页。
一般常将这种行为附加到文档上—<body>标记上，打开文档自动跳转。
另一种使用方法是将此行为附加到一个空链接上。
4、检测插件： 检测浏览者是否安装了浏览网页所需的插件。从而决定链接指向的网页。
如：Flash Shockwave等。
5、控制Shockwave或 Flash： 可在文档中添加按钮类的对象，实现对动画的控制。
如：设置动画的播放、停止、返回或转到相应帧。
6、拖动图层： 实现页面上的层的移动，如拼图等动态效果。
拖动图层的动作必须在拖动图层之前被调用—OnLoad（body对象）
范例演示：拖动层——小猫拼图
7、跳转地址： 可在当前窗口或指定框架中打开一个新的网页。
单击一次可改变两个或两个以上框架内容，也可附着于时间线上便于在一段时间后执行。
要点：注意框架的命名
8、打开浏览器窗口： 在一个新的浏览器窗口中载入一个链接目标文件。
9、弹出消息： 弹出一个消息框，框内的内容可为文本或夹杂JavaScript脚本。
范例演示：弹出浏览器窗口与弹出消息
10、播放声音： 网页中播放声音文件。
11、预加载图像：
12、使用跳转菜单：
13、使用关联跳转菜单： 编辑开始按钮（GO）
14、设置导航条图像：
范例演示：导航条与跳转菜单
15、设置文本： 框架文本、层文本、状态栏文本、文本域文本。不改变原网页中的内容
16、交换图像、恢复交换图像——翻转图像
范例演示：交换图像与设置文本
17、时间线动作： 转到时间线帧、播放、停止时间线。
18、验证表单： 提交表单时，本动作可用于检查数据的有效性。
范例演示：检查表单
19、显示——隐藏层： 可在页面上显示层、隐藏层或恢复默认的层可见性状态。
范例演示：见层范例
四、网页设计下载并安装第三方行为：
在Dreamweaver站点或其他的第三方开发站点上找到更多的行为动作。
1、下载行为文件－解压－移到文件夹（Dreamweaver\Configuration\Behaviors\Actions）
重启Dreamweaver即可。
范例演示：第三方行为——滑动菜单与层居中
2、直接下载插件文件安装。
Discussion
No comments for “网页设计动态特效—行为”
Post a comment
You must be logged in to post a comment.