专题十四 行为《网页设计》 45分钟专题训练（山东省）

· 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十四 行为 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.在Dreamweaver CC中，“行为”是由什么组成的？（ ） A.事件和动作 B.命令和参数 C.对象和属性 D.标签和样式 2.下列关于Dreamweaver CC中“事件”的描述，正确的是（ ） A.事件是用户对网页元素执行的操作，如点击鼠标 B.事件是网页元素自身触发的状态，与用户操作无关 C.一个事件只能对应一个动作 D.事件无需绑定到元素即可执行 3.在Dreamweaver CC的“行为”面板中，用于添加新行为的按钮是（ ） A.【删除事件】按钮 B.【添加行为】按钮 C.【编辑行为】按钮 D.【显示事件】按钮 4.下列哪种操作不属于Dreamweaver CC中常见的“事件”类型？（ ） A.onLoad B.onClick C.onStyle D.onMouseOver 5.当需要实现“页面加载完成后自动弹出提示框”的效果时，应选择的事件是（ ） A.onUnload B.onLoad C.onResize D.onScroll 6.在Dreamweaver CC中，“动作”是指（ ） A.用户的操作行为 B.事件触发后执行的具体命令 C.网页的显示效果 D.脚本的编写语法 7.下列哪个是Dreamweaver CC自带的“动作”？（ ） A.编写JavaScript函数 B.显示-隐藏元素 C.定义CSS样式 D.插入图片 8.在为网页元素添加“显示-隐藏元素”行为时，不需要设置的是（ ） A.触发事件 B.目标元素 C.元素的初始状态 D.元素的HTML标签类型 9.实现“当鼠标指针移过图片时，图片更换为另一张；鼠标移开时，恢复原图片”的效果，需要使用的核心行为是（ ） A.交换图像 B.更改属性 C.显示-隐藏元素 D.弹出信息 10.使用“交换图像”行为时，“预先载入图像”选项的作用是（ ） A.提前将替换图片加载到浏览器缓存中，避免切换时卡顿 B.检查替换图片的格式是否符合要求 C.自动调整替换图片的尺寸与原图片一致 D.将替换图片保存到本地文件夹 11.在Dreamweaver CC中，“弹出信息”动作的作用是（ ） A.打开一个新的浏览器窗口显示信息 B.在当前页面弹出一个包含指定文本的提示对话框 C.向用户发送电子邮件 D.在页面指定位置插入提示文本 12.为按钮添加“弹出信息”行为后，若希望提示框中显示换行文本，应在文本中插入的符号是（ ） A. B.<br> C./r D.空格 13.下列关于“打开浏览器窗口”行为的描述，错误的是（ ） A.可以设置新窗口的大小 B.可以设置新窗口是否显示菜单栏 C.新窗口的内容只能是本地网页 D.可以设置新窗口的名称 14.在设置“打开浏览器窗口”行为时，“窗口大小”的单位是（ ） A.百分比 B.像素 C.厘米 D.英寸 15.实现“当用户点击链接时，关闭当前浏览器窗口”的效果，应选择的动作是（ ） A.关闭窗口 B.退出页面 C.取消操作 D.刷新页面 16.使用“关闭窗口”行为时，该行为通常绑定的事件是（ ） A.onLoad B.onMouseOver C.onClick D.onUnload 17.在Dreamweaver CC中，“更改属性”行为不能修改的是元素的（ ） A.外观属性 B.内容属性 C.标签类型 D.样式属性 18.若要通过行为修改文本框的默认提示文本，应修改的属性是（ ） A.value B.placeholder C.name D.id 19.“检查表单”行为的主要作用是（ ） A.检查网页表单的HTML结构是否完整 B.验证用户在表单中输入的内容是否符合预设规则 C.检查表单中是否包含指定的表单元素 D.自动填充表单中的空白字段 20.使用“检查表单”行为时，对于“电子邮件”类型的输入框，Dreamweaver CC会自动验证的规则是（ ） A.输入内容是否包含@符号和域名 B.输入内容的长度是否大于10个字符 C.输入内容是否全部为英文字符 D.输入内容是否包含数字 21.在“检查表单”行为中，“必需的”选项的作用是（ ） A.强制用户必须输入指定格式的内容 B.标记该表单元素为必填项，用户未输入时提示错误 C.确保该表单元素在页面中处于可见状态 D.规定该表单元素的值不能重复 22.下列关于Dreamweaver CC行为与JavaScript关系的描述，正确的是（ ） A.行为是JavaScript的可视化操作界面，本质是生成JavaScript代码 B.行为与JavaScript完全无关，是独立的功能 C.只有手动编写JavaScript代码才能实现行为效果 D.行为只能使用Dreamweaver CC自带的JavaScript函数，不能自定义 23.在“行为”面板中，若要调整事件的执行顺序，应使用的操作是（ ） A.直接拖动事件条目 B.点击【编辑行为】按钮 C.删除事件后重新添加 D.更改事件的名称 24.若要实现“当用户按下键盘上的某个键时，触发指定动作”，应选择的事件是（ ） A.onKeyDown B.onMouseDown C.onFocus D.onBlur 25.下列关于“显示事件”按钮的描述，正确的是（ ） A.用于显示当前页面中所有已添加的行为 B.用于切换显示不同浏览器支持的事件类型 C.用于显示行为对应的JavaScript代码 D.用于显示行为绑定的目标元素 二、简答题（共4小题，每题5分，共20分） 1.简述什么是行为？由哪几部分组成？ 2. 请写出以下事件的含义 onLoad： onClick： onMouseover： 3. 请解释行为的动作中，弹出信息与交换图像的含义。 4. 简述添加行为的方法。 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，请帮忙完成下列要求。 （1）为网页添加行为，当打开网页时，弹出消息“欢迎来到个人网站”。 （2）当鼠标移到正文的banner图像时，图像发生改变。 2. 在index.html中，当鼠标移动到文字“李华简介”时，显示图片“lihau.jpg”，离开时隐藏该图片。写出操作步骤。 3.为网页图片“香蕉.jpg”设置双击时呈现渐隐效果，效果持续时间为5000毫秒。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ · 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十四 行为 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.在Dreamweaver CC中，“行为”是由什么组成的？（ ） A.事件和动作 B.命令和参数 C.对象和属性 D.标签和样式 【答案】A 【解析】Dreamweaver CC中的“行为”是事件和动作的组合。事件是触发因素，动作是事件发生后执行的命令，二者共同构成行为。 2.下列关于Dreamweaver CC中“事件”的描述，正确的是（ ） A.事件是用户对网页元素执行的操作，如点击鼠标 B.事件是网页元素自身触发的状态，与用户操作无关 C.一个事件只能对应一个动作 D.事件无需绑定到元素即可执行 【答案】A 【解析】事件通常与用户操作相关，如点击（onClick）、鼠标移过（onMouseOver）等，A正确；B错误，多数事件依赖用户操作；C错误，一个事件可对应多个动作；D错误，事件必须绑定到具体网页元素才能生效。 3.在Dreamweaver CC的“行为”面板中，用于添加新行为的按钮是（ ） A.【删除事件】按钮 B.【添加行为】按钮 C.【编辑行为】按钮 D.【显示事件】按钮 【答案】B 【解析】Dreamweaver CC“行为”面板中，【添加行为】按钮（以“+”标识）用于为元素添加新行为，【删除事件】按钮（-）用于删除行为 4.下列哪种操作不属于Dreamweaver CC中常见的“事件”类型？（ ） A.onLoad B.onClick C.onStyle D.onMouseOver 【答案】C 【解析】onLoad（页面加载完成）、onClick（点击）、onMouseOver（鼠标移过）均为常见事件；onStyle并非标准事件类型 5.当需要实现“页面加载完成后自动弹出提示框”的效果时，应选择的事件是（ ） A.onUnload B.onLoad C.onResize D.onScroll 【答案】B 【解析】 onLoad事件在页面完全加载到浏览器后触发，适合实现“页面加载完成后自动执行”的效果；onUnload是页面关闭时触发，onResize是窗口大小改变时触发，onScroll是页面滚动时触发， 6.在Dreamweaver CC中，“动作”是指（ ） A.用户的操作行为 B.事件触发后执行的具体命令 C.网页的显示效果 D.脚本的编写语法 【答案】B 【解析】动作是事件触发后执行的具体命令，如弹出提示、交换图片等，B正确；A是事件的诱因，C是动作的结果，D是脚本编写的规则，均非动作的定义 7.下列哪个是Dreamweaver CC自带的“动作”？（ ） A.编写JavaScript函数 B.显示-隐藏元素 C.定义CSS样式 D.插入图片 【答案】B 【解析】Dreamweaver CC自带多个预设动作，“显示-隐藏元素”是其中之一；A是自定义脚本操作，C是CSS功能，D是基础编辑操作，均不属于自带动作 8.在为网页元素添加“显示-隐藏元素”行为时，不需要设置的是（ ） A.触发事件 B.目标元素 C.元素的初始状态 D.元素的HTML标签类型 【答案】D 【解析】添加“显示-隐藏元素”行为时，需设置触发事件（如onClick）、目标元素（要控制的元素）、元素初始状态（显示/隐藏）；元素的HTML标签类型不影响该行为的设置 9.实现“当鼠标指针移过图片时，图片更换为另一张；鼠标移开时，恢复原图片”的效果，需要使用的核心行为是（ ） A.交换图像 B.更改属性 C.显示-隐藏元素 D.弹出信息 【答案】A 【解析】“交换图像”行为专门用于实现鼠标移过/移出时图片的切换效果，可直接设置原图片和替换图片，无需手动编写复杂代码 10.使用“交换图像”行为时，“预先载入图像”选项的作用是（ ） A.提前将替换图片加载到浏览器缓存中，避免切换时卡顿 B.检查替换图片的格式是否符合要求 C.自动调整替换图片的尺寸与原图片一致 D.将替换图片保存到本地文件夹 【答案】A 【解析】“预先载入图像”选项的核心作用是提前将替换图片加载到浏览器缓存，当用户触发切换动作时，图片可直接从缓存中调用，避免因网络加载导致的卡顿， 11.在Dreamweaver CC中，“弹出信息”动作的作用是（ ） A.打开一个新的浏览器窗口显示信息 B.在当前页面弹出一个包含指定文本的提示对话框 C.向用户发送电子邮件 D.在页面指定位置插入提示文本 【答案】B 【解析】“弹出信息”动作会在当前页面弹出一个简单的对话框，显示预设文本；A是“打开浏览器窗口”的效果，C是邮件链接的功能，D是直接插入文本的操作 12.为按钮添加“弹出信息”行为后，若希望提示框中显示换行文本，应在文本中插入的符号是（ ） A. B.<br> C./r D.空格 【答案】A 【解析】在“弹出信息”的文本中，需使用转义字符“ ”实现换行；<br>是HTML换行标签，在JavaScript提示框中无效 13.下列关于“打开浏览器窗口”行为的描述，错误的是（ ） A.可以设置新窗口的大小 B.可以设置新窗口是否显示菜单栏 C.新窗口的内容只能是本地网页 D.可以设置新窗口的名称 【答案】C 【解析】 “打开浏览器窗口”行为可设置新窗口的大小、是否显示菜单栏、窗口名称等，新窗口的内容既可以是本地网页，也可以是远程网页（输入完整URL即可） 14.在设置“打开浏览器窗口”行为时，“窗口大小”的单位是（ ） A.百分比 B.像素 C.厘米 D.英寸 【答案】B 【解析】在设置“打开浏览器窗口”的“窗口大小”时，Dreamweaver CC默认以“像素”为单位，精准控制窗口的宽高 15.实现“当用户点击链接时，关闭当前浏览器窗口”的效果，应选择的动作是（ ） A.关闭窗口 B.退出页面 C.取消操作 D.刷新页面 【答案】A 【解析】“关闭窗口”是Dreamweaver CC自带的动作，可直接实现关闭当前浏览器窗口的效果； 16.使用“关闭窗口”行为时，该行为通常绑定的事件是（ ） A.onLoad B.onMouseOver C.onClick D.onUnload 【答案】C 【解析】解析：“关闭窗口”行为通常需要用户主动触发，因此常绑定到“点击”事件（onClick），如点击“关闭窗口”按钮时执行；onLoad是页面加载时触发，onMouseOver是鼠标移过时触发，onUnload是页面关闭时触发 17.在Dreamweaver CC中，“更改属性”行为不能修改的是元素的（ ） A.外观属性 B.内容属性 C.标签类型 D.样式属性 【答案】C 【解析】“更改属性”行为可修改元素的外观属性（如颜色、大小）、内容属性（如文本内容）、样式属性（如CSS样式），但无法修改元素的HTML标签类型（如将<div>改为<span>） 18.若要通过行为修改文本框的默认提示文本，应修改的属性是（ ） A.value B.placeholder C.name D.id 【答案】B 【解析】文本框的“placeholder”属性用于设置默认提示文本，当用户未输入内容时显示；“value”是文本框的实际输入值，“name”和“id”是元素的标识属性 19.“检查表单”行为的主要作用是（ ） A.检查网页表单的HTML结构是否完整 B.验证用户在表单中输入的内容是否符合预设规则 C.检查表单中是否包含指定的表单元素 D.自动填充表单中的空白字段 【答案】B 【解析】“检查表单”行为的核心功能是验证用户输入内容的合法性，如必填项是否填写、电子邮件格式是否正确等；A是HTML结构检查工具的功能，C是元素查找功能，D是自动填充功能，均非该行为作用 20.使用“检查表单”行为时，对于“电子邮件”类型的输入框，Dreamweaver CC会自动验证的规则是（ ） A.输入内容是否包含@符号和域名 B.输入内容的长度是否大于10个字符 C.输入内容是否全部为英文字符 D.输入内容是否包含数字 【答案】A 【解析】对于“电子邮件”类型的输入框，“检查表单”行为会自动验证输入内容是否包含@符号及后续的域名部分，这是电子邮件的基本格式要求；B、C、D均非该行为对电子邮件的验证规则， 21.在“检查表单”行为中，“必需的”选项的作用是（ ） A.强制用户必须输入指定格式的内容 B.标记该表单元素为必填项，用户未输入时提示错误 C.确保该表单元素在页面中处于可见状态 D.规定该表单元素的值不能重复 【答案】B 【解析】“必需的”选项用于标记表单元素为必填项，当用户未输入内容就提交表单时，会弹出错误提示；A是“验证条件”的作用，C是元素可见性设置，D是重复值验证 22.下列关于Dreamweaver CC行为与JavaScript关系的描述，正确的是（ ） A.行为是JavaScript的可视化操作界面，本质是生成JavaScript代码 B.行为与JavaScript完全无关，是独立的功能 C.只有手动编写JavaScript代码才能实现行为效果 D.行为只能使用Dreamweaver CC自带的JavaScript函数，不能自定义 【答案】A 【解析】Dreamweaver CC的行为本质是将JavaScript代码可视化、模块化，用户通过操作行为面板，软件会自动生成对应的JavaScript代码，A正确；B错误，行为依赖JavaScript；C错误，行为可直接使用预设动作，无需手动编写代码；D错误，行为支持调用自定义JavaScript函数。 23.在“行为”面板中，若要调整事件的执行顺序，应使用的操作是（ ） A.直接拖动事件条目 B.点击【编辑行为】按钮 C.删除事件后重新添加 D.更改事件的名称 【答案】A 【解析】在“行为”面板中，选中某个事件条目后，直接拖动即可调整其执行顺序，这是教材中明确的操作方法；B用于编辑行为参数，C、D均非调整顺序的正确操作 24.若要实现“当用户按下键盘上的某个键时，触发指定动作”，应选择的事件是（ ） A.onKeyDown B.onMouseDown C.onFocus D.onBlur 【答案】A 【解析】onKeyDown事件在用户按下键盘按键时触发；onMouseDown是鼠标按下时触发，onFocus是元素获得焦点时触发，onBlur是元素失去焦点时触发 25.下列关于“显示事件”按钮的描述，正确的是（ ） A.用于显示当前页面中所有已添加的行为 B.用于切换显示不同浏览器支持的事件类型 C.用于显示行为对应的JavaScript代码 D.用于显示行为绑定的目标元素 【答案】B 【解析】“显示事件”按钮的功能是切换显示不同浏览器版本支持的事件类型，方便用户根据目标浏览器选择合适的事件；A是面板默认显示的内容，C是“显示代码视图”的作用，D是选中行为后面板的提示信息。 二、简答题（共4小题，每题5分，共20分） 1.简述什么是行为？由哪几部分组成？ 【答案】见解析 【解析】 行为是Dreamweaver预置的JavaScript程序库。每个行为包括一个动作和一个事件，其中，事件是指引发动作产生的条件，即触发动态效果的原因，例如鼠标移到某对象上、单击某对象等。动作是指事件发生后计算机系统执行的一个动作，即最终完成的动态效果，例如打开浏览器窗口、弹出信息、播放声音等。 2. 请写出以下事件的含义 onLoad： onClick： onMouseover： 【答案】见解析 【解析】 onLoad：当页面或图像完成加载时触发的事件。 onClick：当用户单击某个对象（如按钮、链接等）时触发的事件。 onMouseover：当鼠标指针移动到某个对象上方时触发的事件。 3. 请解释行为的动作中，弹出信息与交换图像的含义。 【答案】见解析 【解析】 弹出信息：可显示一个带有用户指定信息的JavaScript警告框和一个“确定”按钮，使用此动作只能提供信息，而不能为用户提供选择。 交换图像：通过更改“img”标签的“src”属性将一个图像和另一个图像进行交换。 4. 简述添加行为的方法。 【答案】见解析 【解析】 要创建一个行为，首先要确定添加行为的对象，可以是图像、热点、超级链接文本、多媒体文件或者网页本身等，然后指定一个动作，最后再确定触发该动作的事件。 （1）在页面上选择一个元素，例如一个图像或一个链接。若要将行为附加到整个页面，在“文档”窗口左下角的标签选择器中单击 <body> 标签选中整个网页。 （2）选择“窗口→行为”命令打开“行为”面板（或按Shift+F4快捷键），单击“行为”面板上的“添加行为”按钮 ，弹出动作菜单，从动作菜单中选择一种动作，弹出相应的参数设置对话框，进行参数设置后，单击“确定”按钮。 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，请帮忙完成下列要求。 （1）为网页添加行为，当打开网页时，弹出消息“欢迎来到个人网站”。 【答案】见解析 【解析】 ①在“文档”窗口左下角的标签选择器中单击 <body> 标签选中整个网页。 ②选择“窗口→行为”命令打开“行为”面板，单击“行为”面板上的“添加行为”按钮 ，从动作菜单中选择“弹出信息”动作，在弹出的参数设置对话框中，在“消息”文本框中输入“欢迎来到个人网站”，单击“确定”按钮。并设置“弹出信息”行为绑定的事件是“onLoad”。 （2）当鼠标移到正文的banner图像时，图像发生改变。 【答案】见解析 【解析】 ①在页面上找到正文的banner图像并选中它。 ②选择“窗口→行为”命令打开“行为”面板，单击“行为”面板上的“添加行为”按钮 ，从动作菜单中选择“交换图像”动作。 ③在弹出的对话框中，单击“图像”选项右侧的“浏览”按钮，选择要交换到的另一张图像，同时可以设置“预先载入图像”和“恢复图像在鼠标移开时”等参数，设置完成后单击“确定”按钮。 ④在“行为”面板中，确保“交换图像”行为绑定的事件是“onMouseover” 。 2. 在index.html中，当鼠标移动到文字“李华简介”时，显示图片“lihau.jpg”，离开时隐藏该图片。写出操作步骤。 【答案】见解析 【解析】 ①在页面上找到文字“李华简介”并选中它。 ②选择“窗口→行为”命令打开“行为”面板，单击“行为”面板上的“添加行为”按钮 ，从动作菜单中选择“显示 - 隐藏元素”动作。 ③在弹出的对话框中选择“lihau.jpg”的ID（如无ID应返回重设），选择“显示”选项，单击“确定”按钮。在行为面板将其绑定的事件设置为“onMouseover”。 ④再次单击“添加行为”按钮 ，选择“显示 - 隐藏元素”动作，在弹出的参数设置对话框中，选择“lihau.jpg”元素，选择“隐藏”选项，单击“确定”按钮。将其绑定的事件设置为“onMouseout”。 3.为网页图片“香蕉.jpg”设置双击时呈现渐隐效果，效果持续时间为5000毫秒。 【答案】见解析 【解析】 ①在页面上找到图片“香蕉.jpg”并选中它。 ②选择“窗口→行为”命令打开“行为”面板，单击“行为”面板上的“添加行为”按钮 ，从动作菜单中选择“效果→渐隐”动作。在弹出参数设置对话框中，设置初始值为100（完全不透明），目标值为0（完全透明） ，同时设置变化持续时间为5000毫秒。 ③在“行为”面板中，设置该行为绑定的事件是“onDblClick”。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $