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

对外经济贸易大学 信息发布与网页设计 DREAMWEAVER 第十二章 行为 曹健 信息学院 《信息发布与网页设计》课题组 * 第12章 行为 第12章 行为 12.2 行为的基本操作 12.2.2 添加行为 12.2.3 修改行为 12.3 DW中包含的事件 12.3 DW中包含的事件-续2 12.3 DW中包含的事件-续3 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 12.4 自带行为动作 补充：用Fireworks建立网页相册 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 欢迎辞 * * 返回 12.1 什么是行为 行为是WEB页上的内容对浏览者的动作作出的响应，从而引发的新的页面效果。 行为的2个基本要素： 事件 Event 动作 Action 事件 Event 动作 Action 触发 预设定1个动作，再选择触发的事件。 12.2.1 行为面板的操作 打开“行为”面板的方法，“窗口”→“行为” 左边两个按钮的功能： 显示已设置事件/显示全部事件 +按钮：添加行为 - 按钮：删除行为 添加某一行为后，显示 行为左边下拉菜单中，可选择触发该动作的事件。 动作 事件 添加行为的方法： 选定合适的对象, 如body 在“窗口”、“行为”浮动面板中，单击“+”，添加行为 “-”，删除行为 选择1个希望执行的动作 为层添加“行为”时，不可选择层！（可选body ） 方法： 选定1个对象,通过浮动面板，可修改、删除、调整动作的顺序等； 双击此“动作”，可编辑、修改各参数。 onAbort: 在浏览器中断正载入的图象时产生 onClick: 在指定网页元素上单击时产生 onDblClick: 指定网页元素上双击时产生 onError: 装载网页发生错误时产生 onFocus: 指定网页元素被浏览者交互时产生 onKeyDown: 按下任意键瞬间 onKeyUp: 松开任意键 onLoad: 在图象或网页下载完成时 onMouseDown: 按下鼠标时 onMouseMove: 鼠标在指定元素上移动时 onMouseOut: 鼠标在指定元素移出时 onMouseOver: 鼠标移动到指定元素上时 onMove: 鼠标在窗体或框架移动时 onReset: 在表单重设为默认值时 onResize: 在浏览者调整框架大小时 onScroll: 使用滚动条移动时产生 onSelect: 选择文本框中文本时产生 onSubmit: 提交表单时产生 onUnload: 关闭网页时产生 12.4.1 交换图象 准备2幅图片； 输入提示文字，插入1幅图片； 选择插入的图片，单击“行为面板”→“+” →“交换图片”；在对话框中设定另1图片及有关参数 预先载入：无论显示否，都会先下载 鼠标滑开时恢复图象：选择恢复 单击“确定”，为图象添加了2个行为 onMouseOver: 交换图象 onMouseOut: 恢复图象 12.4.3 弹出信息 选择“body”标记 单击“行为面板” → “+” → “弹出信息”；在对话框中设定信息内容 欢迎浏览此页 12.4.4 打开浏览器窗口 设定 新打开浏览器窗口的大小 选择对象 单击“行为”面板的“+” → “打开浏览器窗口”； 2. 设定窗口大小的参数 12.4.5 拖动层 在网页中插入1个层；在层中插入图片；单击状态栏上body标签; 单击“行为”面板的“+” → “拖动层”；在对话框中设定“拖动层”的参数： 左、上，分别设置层顶点相对于浏览器窗口的距离； 靠近距离，表示可自动吸附的距离。 12.4.6 控制Shockwave或Flash 插入2个按纽（不要表单域），重命名为： “播放”、“停止”； 2. “插入”→“媒体”→“FLASH”或“ Shockwave”， 在属性面板中,用单字节符号对其命名（如A）； 3. 选择“播放”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“播放”，单击“确定” ； 选择“后退”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash”；在对话框中选择“影片A”，并选择“后退”；单击“确定”； 选择“停止”按纽，单击“行为”面板的“+”→“控制Shockwave或Flash