《网页制作》- 行为 知识点训练 2026版山东省《数字媒体类》考纲百套卷 第20卷

编写说明：2026版《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年数字媒体类专业真题试卷，编写了10份专业综合训练卷。 本试卷是《数字媒体类考纲百套卷》的第20卷，按知识模块 2．网页制作---5．行为一个范围编写， 其要求是： （1）了解行为的概念、组成及作用。 （2）掌握使用行为制作网页特效的方法。 2026版山东省《数字媒体类考纲百套卷》第20卷 知识模块 2．网页制作 5．行为 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. 在Dreamweaver中，行为由（ ）两部分组成 A. 事件和动作 B. 链接和路径 C. 表单和按钮 D. 图像和文本 【答案】A 2. 打开行为面板的快捷键是（ ） A. Shift+F11 B. Shift+F4 C. Shift+F9 D. Ctrl+F7 【答案】B 3. 显示所有事件按钮，按（ ）顺序显示属于特定类别的所有事件 A. 汉字 B. 数字 C. 字母倒序 D. 字母 【答案】D 4. 行为面板的默认视图是（ ） A. 显示事件 B. 显示设置事件 C. 显示所有事件 D. 所有行为 【答案】B 5.为整个页面添加行为时，应在标签选择器中单击（ ）标签 A. <img> B. <body> C. <a> D. <div> 【答案】B 6.打开浏览器窗口属于（ ） A. 动作 B. 事件 C. 浏览器的事件 D. 程序 【答案】A 7. （ ）是指引发动作产生的条件，即触发动态效果的原因 A. 动作 B. 事件 C. 行为 D. 程序 【答案】B 8. “双击对象后执行动作”对应的事件是（ ） A. onDblClick B. onMouseDown C. onKeyUp D. onMouseOut 【答案】A 9.下列动作中一次可以添加两个事件的是（ ） A.改变属性 B. 预先载入图像 C. 恢复交换图像 D. 交换图像 【答案】D 10. 以下事件在按下鼠标左键后松开时触发的是（ ） A. onMouseDown B. onMouseUp C. onMouseMove D. onDblClick 【答案】B 11. “效果”动作可以实现以下动态效果为（ ） A. 显示/隐藏层 B. 播放音频 C. 提交表单 D. 调整字体颜色 【答案】A 12. 可以动态的设置容器、文本域、框架以及状态栏中的文本的是（ ） A. 设置文本 B. 检查表单 C. 恢复交换图像 D. 交换图像 【答案】A 13. 检查指定文本域的内容以确保用户输入的数据类型正确的是（ ） A. 设置文本 B. 检查表单 C. 恢复交换图像 D. 交换图像 【答案】B 14. 若希望用户按Enter键时提交表单，应绑定事件为（ ） A.onDblClick B. onMouseOver C. onLoad D. onKeyPress 【答案】D 15.在属性面板中，输入mailto:abc@123.com可以创建链接为（ ） A. 文件下载链接 B. 电子邮件链接 C. 空链接 D. 脚本链接 【答案】B 16.下列选项中（ ）是单击时触发 A. onLoad B. onClick C. onMouseOve D. onMouseMove 【答案】B 17.“显示所有事件”按钮的作用是（ ） A. 列出当前元素的所有可能事件 B. 删除已添加的事件 C. 保存行为设置 D. 隐藏多余选项 【答案】A 18. 若希望在页面加载时自动显示一个欢迎弹窗，应设置的事件为（ ） A. onClick B. onLoad C. onMouseOver D. onKeyPress 【答案】B 19. 以下动作可以动态改变层的背景颜色的是（ ） A. 改变属性 B. 交换图像 C. 显示/隐藏元素 D. 预先载入图像 【答案】A 20. 设置“显示/隐藏元素”动作时，若希望鼠标悬停时显示元素，应选择（ ） A.onLoad B. onMouseOut C. onClick D. onMouseOver 【答案】D 21.在Dreamweave中，网页的行为应该用（ ）来设计． A. html B. java C. JavaScript D. CSS 【答案】C 22. 若需要为一个超链接同时添加多个动作，调整它们的执行顺序应（ ） A. 使用“增加/降低事件值”按钮 B. 删除后重新添加 C. 修改事件名称 D. 调整CSS样式 【答案】A 23. 若希望用户在文本框中输入错误时弹出提示，应使用（ ） A. 检查表单 B. 弹出信息 C. 调用JavaScript D. 显示/隐藏元素 【答案】A 24. 当鼠标指针移到某对象时触发，是（ ）事件 A.onLoad B. onMouseOut C. onClick D. onMouseOver 【答案】D 25.如何删除已添加的行为（ ） A. 双击行为名称 B. 按Delete键 C. 修改事件名称 D. 拖动行为到面板外 【答案】B 二、简答题（本大题共3小题，共15分） 1.什么是行为？它的组成部分是什么？（5分） 【答案】 行为是 Dreamweaver 预置的 JavaScript 程序库，由动作和事件组成。事件是触发动作的条件（如鼠标单击），动作是事件发生后执行的动态效果（如弹出信息）。 2. 如何在 Dreamweaver 中为页面添加一个行为？（5分） 【答案】 （1）选择一个元素或选中整个页面（通过标签选择器单击 <body> 标签）； （2）打开“行为”面板（窗口→行为），单击“添加行为”按钮，选择动作并设置参数； （3）单击“确定”完成添加。 3.请写出五个事件名称极其作用？（5分） 【答案】 onLoad：载入对象时触发。 onClick：鼠标单击时触发。 onDbIClick：鼠标双击时触发。 onMouseDown:按下鼠标左键时触发。 onMouseUp：鼠标左键按下后释放时触发。 onMouseOver：鼠标指针移到某对象时触发。 onMouseMove：鼠标移动时触发。 onMouseOut：鼠标离开某对象时触发。 onKeyPress：当键盘上某个键按下并且放开时触发。 onKeyDown:当键盘上某个键按下时触发。 onKeyUp：当键盘上某个键松开时触发。 （答对5个得满分） 三、案例分析题（本大题共1小题，共10分） 小明正在为一个宠物领养网站设计首页，需要实现以下交互效果： 当用户将鼠标移动到“热门宠物”区域的图片上时，图片自动切换为宠物的另一张照片（如从静态图切换为动态图）。 鼠标离开图片后，图片恢复为原始状态。 用户点击图片时，弹出一个新窗口显示该宠物的详细信息（尺寸：600×400，无工具栏）。 在页面底部的“申请领养”表单中，用户必须填写姓名和电话（电话需为11位数字），若未填写或格式错误，提交时提示“请填写有效信息！”。 请结合所学知识，回答以下问题： （1）实现“鼠标移动切换图片”和“恢复图片”需要用到哪两个动作？具体如何设置？ （2）如何设置点击图片时弹出符合要求的浏览器窗口？ （3）如何确保表单中的电话输入为11位数字？需使用哪个动作？ 【答案】 （1）实现“鼠标移动切换图片”和“恢复图片”需要用到哪两个动作？具体如何设置？ 动作名称： 交换图像（用于鼠标悬停时切换图片）。 恢复交换图像（用于鼠标离开后恢复原图）。 设置步骤： 选中图片，打开“行为”面板，添加“交换图像”动作，在对话框中设置替换图像的路径。 勾选“鼠标滑开时恢复图像”选项，系统会自动附加“恢复交换图像”动作。 将触发事件分别设置为 onMouseOver（悬停切换）和 onMouseOut（离开恢复）。 （2）如何设置点击图片时弹出符合要求的浏览器窗口？ 动作名称：打开浏览器窗口。 设置步骤： 选中图片，添加“打开浏览器窗口”动作。 在对话框中输入目标页面的 URL，设置窗口宽度为 600，高度为 400。 取消勾选“工具栏”等选项，仅保留窗口基本属性。 将触发事件设置为 onClick（鼠标单击）。 （3）如何确保表单中的电话输入为11位数字？需使用哪个动作？ 动作名称：检查表单。 设置步骤： 选中表单提交按钮，添加“检查表单”动作。 在对话框中选中电话对应的文本域，设置“值：必需的”，“可接受：数字”，并限制长度为 11。 若验证失败，设置提示信息为“请填写有效信息！”。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：2026版《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年数字媒体类专业真题试卷，编写了10份专业综合训练卷。 本试卷是《数字媒体类考纲百套卷》的第20卷，按知识模块 2．网页制作---5．行为一个范围编写， 其要求是： （1）了解行为的概念、组成及作用。 （2）掌握使用行为制作网页特效的方法。 2026版山东省《数字媒体类考纲百套卷》第20卷 知识模块 2．网页制作 5．行为 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. 在Dreamweaver中，行为由（ ）两部分组成 A. 事件和动作 B. 链接和路径 C. 表单和按钮 D. 图像和文本 2. 打开行为面板的快捷键是（ ） A. Shift+F11 B. Shift+F4 C. Shift+F9 D. Ctrl+F7 3. 显示所有事件按钮，按（ ）顺序显示属于特定类别的所有事件 A. 汉字 B. 数字 C. 字母倒序 D. 字母 4. 行为面板的默认视图是（ ） A. 显示事件 B. 显示设置事件 C. 显示所有事件 D. 所有行为 5.为整个页面添加行为时，应在标签选择器中单击（ ）标签 A. <img> B. <body> C. <a> D. <div> 6.打开浏览器窗口属于（ ） A. 动作 B. 事件 C. 浏览器的事件 D. 程序 7. （ ）是指引发动作产生的条件，即触发动态效果的原因 A. 动作 B. 事件 C. 行为 D. 程序 8. “双击对象后执行动作”对应的事件是（ ） A. onDblClick B. onMouseDown C. onKeyUp D. onMouseOut 9.下列动作中一次可以添加两个事件的是（ ） A.改变属性 B. 预先载入图像 C. 恢复交换图像 D. 交换图像 10. 以下事件在按下鼠标左键后松开时触发的是（ ） A. onMouseDown B. onMouseUp C. onMouseMove D. onDblClick 11. “效果”动作可以实现以下动态效果为（ ） A. 显示/隐藏层 B. 播放音频 C. 提交表单 D. 调整字体颜色 12. 可以动态的设置容器、文本域、框架以及状态栏中的文本的是（ ） A. 设置文本 B. 检查表单 C. 恢复交换图像 D. 交换图像 13. 检查指定文本域的内容以确保用户输入的数据类型正确的是（ ） A. 设置文本 B. 检查表单 C. 恢复交换图像 D. 交换图像 14. 若希望用户按Enter键时提交表单，应绑定事件为（ ） A.onDblClick B. onMouseOver C. onLoad D. onKeyPress 15.在属性面板中，输入mailto:abc@123.com可以创建链接为（ ） A. 文件下载链接 B. 电子邮件链接 C. 空链接 D. 脚本链接 16.下列选项中（ ）是单击时触发 A. onLoad B. onClick C. onMouseOve D. onMouseMove 17.“显示所有事件”按钮的作用是（ ） A. 列出当前元素的所有可能事件 B. 删除已添加的事件 C. 保存行为设置 D. 隐藏多余选项 18. 若希望在页面加载时自动显示一个欢迎弹窗，应设置的事件为（ ） A. onClick B. onLoad C. onMouseOver D. onKeyPress 19. 以下动作可以动态改变层的背景颜色的是（ ） A. 改变属性 B. 交换图像 C. 显示/隐藏元素 D. 预先载入图像 20. 设置“显示/隐藏元素”动作时，若希望鼠标悬停时显示元素，应选择（ ） A.onLoad B. onMouseOut C. onClick D. onMouseOver 21.在Dreamweave中，网页的行为应该用（ ）来设计． A. html B. java C. JavaScript D. CSS 22. 若需要为一个超链接同时添加多个动作，调整它们的执行顺序应（ ） A. 使用“增加/降低事件值”按钮 B. 删除后重新添加 C. 修改事件名称 D. 调整CSS样式 23. 若希望用户在文本框中输入错误时弹出提示，应使用（ ） A. 检查表单 B. 弹出信息 C. 调用JavaScript D. 显示/隐藏元素 24. 当鼠标指针移到某对象时触发，是（ ）事件 A.onLoad B. onMouseOut C. onClick D. onMouseOver 25.如何删除已添加的行为（ ） A. 双击行为名称 B. 按Delete键 C. 修改事件名称 D. 拖动行为到面板外 二、简答题（本大题共3小题，共15分） 1.什么是行为？它的组成部分是什么？（5分） 2. 如何在 Dreamweaver 中为页面添加一个行为？（5分） 3.请写出五个事件名称极其作用？（5分） 三、案例分析题（本大题共1小题，共10分） 小明正在为一个宠物领养网站设计首页，需要实现以下交互效果： 当用户将鼠标移动到“热门宠物”区域的图片上时，图片自动切换为宠物的另一张照片（如从静态图切换为动态图）。 鼠标离开图片后，图片恢复为原始状态。 用户点击图片时，弹出一个新窗口显示该宠物的详细信息（尺寸：600×400，无工具栏）。 在页面底部的“申请领养”表单中，用户必须填写姓名和电话（电话需为11位数字），若未填写或格式错误，提交时提示“请填写有效信息！”。 请结合所学知识，回答以下问题： （1）实现“鼠标移动切换图片”和“恢复图片”需要用到哪两个动作？具体如何设置？ （2）如何设置点击图片时弹出符合要求的浏览器窗口？ （3）如何确保表单中的电话输入为11位数字？需使用哪个动作？ 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$