专题5 行为（课件）-《网页设计与制作》（电子工业出版社）高考备考讲练测(山东省)
2024-01-29
|
22页
|
533人阅读
|
5人下载
精品
内容正文：
专题五、行为
网页设计与制作课程
专题复习讲练测
考纲要求
1、了解行为的概念、组成及作用。
2、掌握使用行为制作网页特效的方法。
知识点梳理
一
第一讲 行为
知识点一 行为的概念、组成
1、概念
行为是Dreamweaver预置的Javascript 程序库。
2、组成
每个行为包括一个动作和一个事件。(行为是由对象、事件和动作构成的)
3、含义
①对象：产生行为的主体。（图像、热点、超链接文本、多媒体文件或网页本身）
②事件：指引发动作产生的条件，即触发动态效果的原因。
③动作：指事件发生后对象执行的一个动作，即最终完成的动态效果。（Javascript代码）
单个事件可以触发多个不同的动作，可以制定这些动作发生的顺序，以不同时间来执行。
知识点梳理
一
第一讲 行为
知识点二 行为面板
行为面板来设置行为中动作和事件，从而实现动态效果。
1、打开行为面板
（1）单击“窗口→行为”命令
（2）按【Shift+F4】快捷键，可打开“行为”面板。
知识点梳理
一
第一讲 行为
知识点二 行为面板
2、按钮属性
显示设置事件：仅显示附加到当前文档的那些事件。是默认的视图。
显示所有事件：按字母顺序显示属于特定类别的所有事件。
添加行为：打开动作菜单，选择一个动作，在对话框设置相关参数。
删除事件：删除所选事件和动作。
增加事件值：所选动作在行为列表中向上移动。
降低事件值：所选动作在行为列表中向下移动。
知识点梳理
一
第一讲 行为
知识点三 添加行为
要创建一个行为，首先要确定添加行为的对象，可以是图像、热点、超级链接文本、多媒体文件或者网页本身等，然后指定一个动作，最后再确定触发该动作的事件。
（1）在页面上选择一个元素，例如一个图像或一个链接。若要将行为附加到整个页面，在“文档”窗口左下角的标签选择器中单击 <body> 标签选中整个网页。
知识点梳理
一
第一讲 行为
知识点三 添加行为
（2）选择“窗口→行为”命令打开“行为”面板，单击“行为”面板上的“添加行为”按钮 ，弹出菜单，从菜单中选择一种动作，弹出相应的参数设置对话框，进行参数设置后，单击“确定”按钮。
（3）在“事件”列表中显示动作的默认事件，单击该事件名称旁边的按钮 ，弹出一个下拉菜单，期中包含可以出发该动作的所有事件，从该菜单中选择一种事件。
知识点梳理
一
第一讲 行为
知识点四 更改或删除行为
附加了行为之后，可以更改触发动作的事件、添加或删除动作以及更改动作的参数。
（1）选择一个附加有行为的对象。
（2）选择“窗口→行为”命令，打开“行为”面板。
（3）可进行以下更改操作：
● 若要编辑动作的参数，双击动作的名称或将其选中并按【Enter】键，弹出参数设置对话框，进行参数设置后，单击“确定”按钮。
知识点梳理
一
第一讲 行为
知识点四 更改或删除行为
●若要更改给定事件的多个动作顺序，选择某个动作后单击“增加/降低事件值”按钮 或 ，或者选择该动作，将其剪切并粘贴到其他动作之间的合适位置。
●若要删除某个行为，将其选中然后单击“删除事件”按钮 或按 【Delete】键。
知识点梳理
一
第一讲 行为
知识点五 动作名称及其作用
所谓动作就是设定播放声音、更换图片、弹出警告消息框等特殊的JavaScript效果，在设定的事件发生时运行该动作。常用的动作如：
● 交换图像：通过更改“img”标签的“src”属性将一个图像和另一个图像进行交换。原始图像+交换图像组成。两幅图像必须有相同的尺寸，否则自动把第二幅图像尺寸调整成第一幅尺寸大小。
● 恢复交换图像：将最后一组交换的图像恢复为它们以前的源文件。每次将“交换图像”动作附加到某个对象时都会自动添加该动作；如果在附加“交换图像”时选择了“恢复”选项，就不再需要手动选择“恢复交换图像”动作。
知识点梳理
一
第一讲 行为
知识点五 动作名称及其作用
● 效果：为选中的对象添加增大/收缩、挤压、显示隐藏、晃动、滑动、遮帘等效果。
blind:从下至上收起来，直到隐藏 bounce: 上下晃动元素，然后隐藏
clip:上下同时收起来，直到隐藏 drop: 向左边移动并降低透明度，直到隐藏
fade:设置时间内降低透明度，直到隐藏 fold
资源预览图
1
2
3
4
5
6
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。