中职教育二年级上学期电子与信息《应用行为创建交互》教学课件.pptx

应用行为创建交互

目标TARGET知识目标理解行为的概念掌握常用事件类型掌握常用内置行为的应用技能目标能应用网页内置行为制作页面动态效果

目录认识行为1常用内置行为的应用2

一、认识行为行为用于实现一个动态效果，或用户与网页之间的交互。

认识行为1、行为的概念在DreamweaverCC中，行为是插入到网页内的一段JavaScript代码，由对象、事件和动作构成。对象是产生行为的主体，如图像、文本等。事件是触发动作的原因，如鼠标单击、鼠标经过等。动作通常是一段JavaScript代码，用于完成某些特殊的任务。如弹出信息、检查表单等。

认识行为2、常用事件事件含义onClick单击时触发onDbleClick双击时触发onLoad页面加载完毕后触发onFocus获得焦点时触发onMouseOver?鼠标指针移到指定元素的范围时触发onMouseOut?鼠标指针离开时触发onMouseDown鼠标左键按下时触发onMouseUp鼠标被释放时触发onMouseMove?鼠标移动时触发onkeydown按下键盘时触发onSubmit提交表单时触发

认识行为3、使用行为面板单击菜单栏中的“窗口”|“行为”命令或使用组合键Shift+F4，可以打开行为面板。行为面板各按钮功能

二、常用内置行为的应用DreamweaverCC内置有很多行为，每一种行为都可以实现一个动态效果，或用户与网页之间的交互。

常见内置行为行为说明交换图像/恢复交换图像鼠标指针经过图像时图像发生变化弹出信息在页面弹出一个消息框打开浏览器窗口在一个新的窗口中打开指定的URL拖动AP元素通过拖动鼠标将AP元素移动所需的位置改变属性动态改变对象的属性值，例如背景颜色、图像的大小等效果用来增强动态效果，如高亮、滑动、晃动等显示-隐藏元素显示、隐藏、恢复一个或多个DIV元素的默认可见性检查插件根据浏览器安装插件的情况打开指定的网页检查表单为文本域设置有效性规则，检查文本域的内容是否有效设置文本可设置容器的文本、文本域文字、框架文本、状态栏文本转到URL在当前窗口或指定的框架中打开一个新页常用内置行为的应用

谢谢观看