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

《信息发布与网页设计-Dreamweaver-12行为》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、信息发布与网页设计DREAMWEAVER第十二章行为曹健信息学院《信息发布与网页设计》课题组17九月2021返回2021/9/171第12章行为12.1什么是行为行为是WEB页上的内容对浏览者的动作作出响应，引发新的页面效果。行为的2个基本要素：事件Event动作Action2021/9/172第12章行为事件Event动作Action触发设定1个动作，再选择触发的事件。2021/9/17312.2行为的基本操作12.2.1行为面板的操作打开“行为”面板的方法，“窗口”→“行为”左边两按钮功能：显示已设置事件/显示全部事件+按钮：添加行为-按钮：删除行为添加某一行为

2、后，显示行为左边下拉菜单中，可选择触发该动作的事件。事件动作2021/9/17412.2.2添加行为添加行为的方法：选定合适的对象,如在“窗口”、“行为”浮动面板中，单击“+”，添加行为“-”，删除行为选择1个希望执行的动作为层添加“行为”时，不可选择层！（可选）2021/9/17512.2.3修改行为方法：选定1个对象,通过浮动面板，可删除、调整动作的顺序等；双击此“动作”，可编辑、修改各参数。2021/9/17612.3DW中包含的事件onAbort:在浏览器中断正载入的图象时产生onBlur:在指定元素不再被浏览者交互时产生onChan

3、ge:在浏览者改变网页时产生onClick:在指定元素上单击时产生onDblClick:在指定元素上双击时产生onError:在装载网页发生错误时产生onFocus:在指定元素被浏览者交互时产生2021/9/17712.3DW中包含的事件-续1onKeyDown:在按下任意键瞬间onKeyPress:在按住任意键时onKeyUp:在松开任意键时onLoad:在图象或网页下载完成时onMouseDown:在按下鼠标时产生onMouseMove:鼠标在指定元素上移动时2021/9/17812.3DW中包含的事件-续2onMouseOut:鼠标在指定元素移出时onMous

4、eOver:鼠标移动到指定元素上时onMouseUp:鼠标移动到指定元素上时onMove:鼠标在窗体或框架移动时onReset:在表单重设为默认值时onResize:在浏览者调整框架大小时2021/9/17912.3DW中包含的事件-续3onScroll:使用滚动条移动时产生onSelect:选择文本框中文本时产生onSubmit:浏览者提交表格时产生onUnload:浏览者离开网页时产生2021/9/171012.4自带行为动作12.4.1交换图象准备2幅图片；输入提示文字，插入1幅图片；选择插入的图片，单击“行为面板”→“+”“交换图片”；在对话框中设定另1图片

5、及有关参数预先载入：无论显示否，都会先下载鼠标滑开时恢复图象：不选择不恢复单击“确定”，为图象添加了2个行为onMouseOver:交换图象onMouseOut:恢复图象2021/9/171112.4自带行为动作12.4.3弹出信息选择“”标记单击“行为面板”→“+”→“弹出信息”；在对话框中设定信息内容欢迎浏览此页2021/9/171212.4自带行为动作12.4.4打开浏览器窗口设定新打开浏览器窗口的大小选择对象单击“行为”面板的“+”→“打开浏览器窗口”；2.设定窗口大小的参数2021/9/171312.4自带行为动作12.4.5拖动层在网页中插入

6、1个层；在层中插入图片；单击状态栏上标签;单击“行为”面板的“+”→“拖动层”；在对话框中设定“拖动层”的参数：左、上，分别设置层顶点相对于浏览器窗口的距离；靠近距离，表示可自动吸附的距离。2021/9/171412.4自带行为动作12.4.6控制Shockwave或Flash插入2个按纽（不要表单域），重命名为：“播放”、“停止”；2.“插入”→“媒体”→“FLASH”或“Shockwave”，在属性面板中为其命名（如A）；3.选择“播放”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“播放”，

7、单击“确定”；2021/9/171512.4自带行为动作选择“后退”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“后退”；单击“确定”；选择“停止”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“停止”，单击“确定”。2021/9/171612.4自带行为动作12.4.7播放声音在网页中加入背景音乐，打开网页时自动播放。选择状态栏,单击“行为”面板的“+”→“播放声音”；对话框中设定声音文件。在代码视图中插入标签,在