多媒体网页设计教程电子教案朱国华 ch09.pptVIP

第9章 高级操作 张睿萍 本章要点 模板的创建及套用 模板中可编辑区域的设置与删除 库元素的创建、使用、修改与删除 行为与命令实现网页动态效果的应用 Javascript脚本实现网页特效的应用 目录 9.1 模板与库 9.2 网页特效 9.1 模板与库 9.1.1 模板 9.1.2 库 9.1.1 模板 创建模板 将现有网页存储为模板 设置模板的可编辑区域 删除可编辑区域 用模板更新网页及网站 用模板新建网页 在网页中套用模板 模板的相关操作 9.1.2 库 创建库元素 使用库元素 修改库元素 删除库元素 更新使用库元素的页面 9.2 网页特效 9.2.1 行为 9.2.2 命令 9.2.3 Javascript 9.2.1 行为 添加行为 更改或删除行为 其余操作 显示所有事件 显示设置事件 行为的事件名称及其作用 常见事件名称及其触发条件 常用动作的作用及其设置 常用动作设置 9.2.2 命令 录制和播放录制命令 【案例9.27】给一个HTML文档中的所有图像加上边框并设置图像间距。 提示：通过这种方式可以记录大部分的屏幕操作，但也有例外，例如，它不能记录鼠标的移动、选择等操作。 自定义命令 【案例9.28】给文档中所有的文字设置相同的属性。 内置命令 【案例9.29】创建一个网站相册。 9.2.3 Javascript 【案例9.30】滚动文字特效。 【案例9.31】图片滚动特效。 常见事件名称及其触发条件 常见事件名称及其触发条件 常用动作设置 交换图像 恢复交换图像 【案例9.12】给网页图像添加“交换图像”和“恢复交换图像”行为。 弹出信息 【案例9.13】在浏览器中打开网页时弹出一个“欢迎”信息框。 打开浏览器窗口 【案例9.14】新建一个站点首页，弹出一个新的“放假通知”的浏览器窗口。 常用动作设置 拖动AP元素 【案例9.15】在一个网页上放置一个可以拖动的“通知”对象。 控制Shockwave或Flash 【案例9.16】在网页上放置一个flash影片，并可通过按钮对其进行简单控制。 播放声音 【案例9.17】给网页添加一个背景音乐。 常用动作设置 改变属性 【案例9.18】在网页中放置一个文字层，当鼠标移入和移出该层时该层的背景颜色发生改变。 显示-隐藏元素 【案例9.19】在案例9.18的网页中将鼠标移入和移出c2层时，可分别控制c1层的显示和隐藏。 检查插件 【案例9.20】检查浏览者的电脑中是否安装了相关插件，可否播放网页中的flash影片。 常用动作设置 检查表单 【案例9.21】检查浏览者提交的表单信息是否符合设计要求。 设置文本 【案例9.22】在浏览器中单击网页上的某层时，层中的文本变为预定值。 调用JavaScript 【案例9.23】当浏览者按下网页上的“关闭窗口”按钮时，系统就关掉此网页窗口。 常用动作设置 跳转菜单 【案例9.24】使用“跳转菜单”行为修改网页中的跳转菜单项。 跳转菜单开始 【案例9.25】用一个跳转按钮来控制跳转菜单各项链接的跳转。 转到URL 预先载入图像 【案例9.26】预先载入网站的LOGO及常用图像。 * 多媒体网页设计 * 按下鼠标左键未放开时触发 onMouseDown 9 在载入图像或页面等对象时触发 onLoad 8 放开按下的键时触发 onKeyUp 7 按下键盘上的某个键，放开时触发 onKeyPress 6 按下键盘上的某个键，不放开时触发 onKeyDown 5 双击指定对象时触发 onDblClick 4 单击指定对象时触发 onClick 3 当前对象失去焦点时触发 onBlur 2 当前对象获得焦点时触发 onFocus 1 事件触发条件 事件名称 序号 在离开主页面时触发 onUnLoad 19 表单提交时触发 onSubmit 18 从一个文本框或选择框中选择文本时触发 onSelect 17 网页上下滚动时触发 onScroll 16 当重设浏览窗口或框架大小时触发 onResize 15 表单重置时触发 onReset 14 当鼠标指针移出指定对象区域时触发 onMouseOut 13 当鼠标指针移入指定对象区域时触发 onMouseOver 12 当鼠标移向指定对象或在指定对象上移动时触发 onMouseMove 11 按下鼠标左键并释放鼠标时触发 onMouseUp 10 * 多媒体网页设计