admin 管理员组文章数量: 1086019
2024年3月11日发(作者：textarea的属性设置颜色)
第20讲 网页特效-运用行为一
1.1教学目标：
知识目标
1. 理解行为、事件的含义。
2. 熟练掌握行为的添加与删除操作。
3. 掌握触发事件的更换方法。
4. 理解JavaScript脚本的运用。
技能目标
能运用各自带行为制作页面动态效果
品质目标
培养学生认真细致、踏实进取的精神
1.2教学重点：
1. 熟练掌握行为的添加与删除操作。
2. 掌握触发事件的更换方法。
1.3 教学难点
理解行为、事件的含义，掌握触发事件的更换方法
1.4教学方法：
讲练结合，任务驱动、分子任务操练
1.5课时安排：
2课时
1.6教学对象分析：
这个班学生具有基本专业技能，不仅仅是要教会他们方法，最重要的是教会他们的
规范的动手能力与各种事件多方法的灵活处理能力，在保证全班同学教学进度一致的情
况上，培养学生较好的专业基础与创新创作意识。
1.7教学过程：
一、激趣导入，揭示课题
行为的设置可以使网页动起来，动的画面可以引发同学们极高的兴趣，抓住同学们感光
趣的东西让他们找失误，在设置动作过程中想想为什么会有千差万别的变化，不同的对象为
什么设置的效果不同，设置悬念，让同学们掌握应该掌握的内容。
二、行为的基础知识
随着JavaScript技术的发展，Dreamweaver将JavaScript的强大功能和简单易用的拖放( Drag
-and - drop)界面结合了起来。所谓行为( behavior )被定义为事件和动作的组合，即当Web页的
浏览者做了某件事情后，随之会有另外的事情发生，这个过程被称为行为。由于基本上不需
要编程，所以行为得到了广泛的应用。
行为是基于JavaScript的，这一点很重要，因为目前的各种浏览器对JavaScript的支持程
度不同。Dreamweaver简化了对特定浏览器中JavaScript命令适用性的验证任务，你只需简单
地选择希望控制动作的Web页元素，同时从启动档(Launcher)中打开行为检查器(Behavior
Inspector)。
行为(Behavior)可以说是Dreamweaver MX 2004中最有特色的功能，它可以让你不用书写
一行JavaScript代码即可实现多种动态页面效果。行为的关键在于Dreamweaver MX 2004中提供
了很多动作，其实就是标准的JavaScript程序，每个动作可以完成特定的任务。
行为是Dreamweaver的灵魂，Dreamweaver的一个行为是由一个事件（Event）和一个动作
(Action)结合而成的，我们可以应用Dreamweaver的行为控制面板来使用行为。
1
0.1 Behaviors面板
使用行为面板，可以为对象添加行为，还可以为以前添加的行为修改参数。
在Dreamweaver MX 2004窗口中选择“窗口/行为”（“Window/Behaviors”）命令或者是按
下Shift+F3键，即可打开行为面板，如图4-1所示。
图4-1行为控制面板
显示设置事件单击“
显示所有事件单击“
”仅显示附加到当前文档的事件。
”按字母降序显示给定类别的所有事件。
添加动作单击“” 弹出一个菜单，其中包含可以附加到当前所选元素的动作。
可以选择一个动作并将打开其相应参数对话框，如图4-2所示。
删除 单击“” 从行为列表中删除所选的事件和动作。
上下箭头按钮 单击“
” 可以为特定的事件更改动作的顺序。
图4-2 动作菜单
选择一个行为项，可以通过单击事件右边的箭头，打开一个菜单，为这个行为动作选择
不同的事件，如图4-3所示。
图4-3 事件菜单
2
版权声明：本文标题：《网页设计与制作》教案-第20讲 网页特效-运用行为一 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1710151702a559777.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论