信息发布与网页设计-Dreamweaver 12 行为.pptVIP

信息发布与网页设计DREAMWEAVER第十二章行为曹健信息学院?信息发布与网页设计?课题组05七月2024返回2024/9/181

第12章行为12.1什么是行为 行为是WEB页上的内容对浏览者的动作作出的响应，从而引发的新的页面效果。 行为的2个根本要素： 事件Event 动作Action2024/9/182

第12章行为事件Event动作Action触发预设定1个动作，再选择触发的事件。2024/9/183

12.2行为的根本操作12.2.1行为面板的操作 翻开“行为〞面板的方法，“窗口〞→“行为〞 左边两个按钮的功能： 显示已设置事件/显示全部事件+按钮：添加行为-按钮：删除行为 添加某一行为后，显示 行为左边下拉菜单中，可选择触发该动作的事件。 事件动作2024/9/184

12.2.2添加行为添加行为的方法：选定适宜的对象,如body在“窗口〞、“行为〞浮动面板中，单击“+〞，添加行为 “-〞，删除行为选择1个希望执行的动作为层添加“行为〞时，不可选择层！〔可选body〕2024/9/185

12.2.3修改行为方法：选定1个对象,通过浮动面板，可修改、删除、调整动作的顺序等；双击此“动作〞，可编辑、修改各参数。2024/9/186

12.3DW中包含的事件onAbort: 在浏览器中断正载入的图象时产生onClick: 在指定网页元素上单击时产生onDblClick: 指定网页元素上双击时产生onError: 装载网页发生错误时产生onFocus: 指定网页元素被浏览者交互时产生onKeyDown: 按下任意键瞬间onKeyUp: 松开任意键onLoad: 在图象或网页下载完成时2024/9/187

12.3DW中包含的事件-续2onMouseDown:按下鼠标时onMouseMove:鼠标在指定元素上移动时onMouseOut: 鼠标在指定元素移出时onMouseOver: 鼠标移动到指定元素上时onMove: 鼠标在窗体或框架移动时onReset: 在表单重设为默认值时onResize: 在浏览者调整框架大小时2024/9/188

12.3DW中包含的事件-续3onScroll: 使用滚动条移动时产生onSelect: 选择文本框中文本时产生onSubmit: 提交表单时产生onUnload: 关闭网页时产生2024/9/189

12.4自带行为动作12.4.1交换图象准备2幅图片；输入提示文字，插入1幅图片；选择插入的图片，单击“行为面板〞→“+〞→“交换图片〞；在对话框中设定另1图片及有关参数预先载入：无论显示否，都会先下载鼠标滑开时恢复图象：选择恢复单击“确定〞，为图象添加了2个行为onMouseOver:交换图象onMouseOut:恢复图象2024/9/1810

12.4自带行为动作12.4.3弹出信息选择“body〞标记单击“行为面板〞→“+〞→“弹出信息〞；在对话框中设定信息内容欢送浏览此页2024/9/1811

12.4自带行为动作12.4.4翻开浏览器窗口设定新翻开浏览器窗口的大小 选择对象 单击“行为〞面板的“+〞→“翻开浏览器窗口〞；2.设定窗口大小的参数2024/9/1812

12.4自带行为动作12.4.5拖动层在网页中插入1个层；在层中插入图片；单击状态栏上body标签;单击“行为〞面板的“+〞→“拖动层〞；在对话框中设定“拖动层〞的参数： 左、上，分别设置层顶点相对于浏览器窗口的距离； 靠近距离，表示可自动吸附的距离。2024/9/1813

12.4自带行为动作12.4.6控制Shockwave或Flash插入2个按纽〔不要表单域〕，重命名为： “播放〞、“停止〞；2.“插入〞→“媒体〞→“FLASH〞或“Shockwave〞，在属性面板中,用单字节符号对其命名〔如A〕；3.选择“播放〞按纽，单击“行为〞面板的“+〞→“控制Shockwave或Flash〞；在对话框中选择“影片A〞，并选择“播放〞，单击“确定〞；2024/9/1814

12.4自带行为动作选择“后退〞按纽，单击“行为〞面板的“+〞→“控制Shockwave或Flash〞；在对话框中选择“影片A〞，并选择“后退〞；单击“确定〞；选择“停止〞按纽，单击“行为〞面板的“+〞→“控制Shockwave或Flash〞；在对话框中选择“影片A〞，并选择“停止〞，单击“确定〞。2024/9/1815

12.4自带行为动作12.4.7播放声音在网页中参加背景音乐，翻开网页