《网页设计与制作》（电工版第3版）期末复习卷（十）

《网页设计与制作》（电工版第3版） 期末复习卷（十）解析版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共20题，每题2分，共40分） 1. 以下关于静态网页的说法，正确的是（　） A. 静态网页是指不包含任何动态效果 B. 静态网页开发简单，更易于维护 C. 静态网页可以创建表单，实现交互 D. 静态网页面向不同浏览者发送不同的页面 【答案】B 【解析】静态网页没有任何交互，只能向浏览者相同的页面，但可以包含动态效果。 2. 在HTML中，<body>标记的text属性用于设置（　） A. 页面背景颜色 B. 页面背景图像 C. 文本颜色 D. 链接颜色 【答案】C 【解析】<body bgcolor="页面背景颜色" background="背景图像" text="文本颜色"> 3. 在HTML中，自定义列表的标记结构是（　） A. <ul><li></li></ul> B. <ol><li></li></ol> C. <dl><dt></dt><dd></dd></dl> D. <list><item></item></list> 【答案】C 【解析】A选项为无序列表；B选项为有序列表。 4. 在HTML中，要在一个页面中使用锚记链接跳转到同一页面的某个位置，源端点的href属性应设置为（　） A. #锚记名称 B. 锚记名称 C. URL#锚记名称 D. # 【答案】A 【解析】要在一个页面中使用锚记链接跳转到同一页面的某个位置，只需要在属性面板的链接文本框中输入“#锚记名称”即可。 5. 在Dreamweaver中，如果正在编辑的文件没有存盘，系统会在文件名后加上的符号是（　） A. ! B. ? C. # D. * 【答案】D 【解析】如果对打开的文档进行了修改，但尚未保存，文件名后将自动显示一个“*”，保存文档后，符号消失。 6. 在Dreamweaver中，插入空格的组合键是（　） A. Ctrl+Alt+Space B. Ctrl+Shift+Space C. Ctrl+Enter+Space D. Shift+Space 【答案】B 【解析】插入（连续）空格的组合键为【Ctrl+Shift+Space】 7. 在CSS中，a:visited表示（　） A. 链接的默认状态 B. 已访问链接的状态 C. 鼠标悬停时的状态 D. 链接被单击时的状态 【答案】B 【解析】已访问链接：指定已访问链接文本的颜色，对应HTML属性：vlink，CSS属性：a:visited 8. 在CSS中，设置文本删除线的属性是（　） A. text-decoration:underline B. text-decoration:overline C. text-decoration:line-through D. text-decoration:none 【答案】C 【解析】underline：下划线；overline：上划线；line-through：删除线 9. 在CSS中，display:block的作用是（　） A. 将元素设置为块级元素 B. 将元素设置为行内元素 C. 隐藏元素 D. 将元素设置为弹性盒子 【答案】A 【解析】block：将元素设置为块级元素。 B：display:inline; C：display:none; 10. 在Dreamweaver中，图像属性面板中“裁剪”按钮的作用是（　） A. 调整图像大小 B. 对图像进行裁剪 C. 调整图像亮度和对比度 D. 调整图像清晰度 【答案】B 【解析】“裁剪”按钮：对图像进行裁剪。 11. 建立超链接时，没有设置target属性，默认的目标属性是（　） A. _parent B. _blank C. _self D. _top 【答案】C 【解析】_self:将链接的文档在当前浏览器窗口中打开。该打开方式是系统默认项。 12. 若文本“软件”链接到wt.rar文件，在浏览器中浏览时单击“软件”将实现的操作是（　） A. 在WinRar中打开wt.rar文件 B. 在浏览器中打开wt.rar文件 C. 弹出“文件下载”对话框 D. 弹出“文件类型错误”提示框 【答案】C 【解析】当目标端点为.rar，.zip，.exe，.doc，.xls，.ppt等无法在使用浏览器直接打开的文件时，会提示文件被下载。 13. 在Dreamweaver中，要插入多行或多列，应使用的命令是（　） A. 表格→插入行 B. 表格→插入列 C. 表格→插入行或列 D. 表格→插入表格 【答案】C 【解析】在Dreamweaver中，要插入多行或多列，应使用的命令是表格→插入行或列。 14. 在Dreamweaver中，若表格的对齐方式为居中，则表格内所有单元格内容（　） A. 也将居中对齐 B. 不受影响 C. 水平居中、垂直居中 D. 水平居中、垂直顶端 【答案】B 【解析】表格的对齐方式不影响单元格内容的对齐方式。 15. 在行为中，事件onFocus表示（　）时触发。 A. 对象获得焦点 B. 对象失去焦点 C. 对象被单击 D. 对象被双击 【答案】A 【解析】onFocus：当对象获得焦点时触发。 16. 在Dreamweaver中，“预先载入图像”行为的作用是（　） A. 在页面中显示图像 B. 将图像预先载入浏览器缓存中，防止显示时延迟 C. 交换图像 D. 隐藏图像 【答案】B 【解析】预先载入图像：用于将不立即显示在网页中的图像预先载入浏览器缓存中，防止当图像显示时由于下载而导致延迟。 17. 在模板中，创建可编辑区域时，名称不能使用（　） A. 英文字母 B. 数字 C. 下划线 D. 尖括号 【答案】D 【解析】命名一个可编辑区域时，不能使用单引号、双引号、尖括号和“&”等符号。 18. 在Dreamweaver中，要将网页文件从模板中分离出来，应使用的命令是（　） A. 工具→模板→从模板中分离 B. 工具→模板→更新当前页 C. 文件→另存为模板 D. 插入→模板→可编辑区域 【答案】A 【解析】将网页从模板中分离：工具→模板→从模板中分离 19. 在表单中，<input type="hidden">的作用是（　） A. 隐藏表单域，不让用户看见但提交数据 B. 隐藏整个表单 C. 隐藏提交按钮 D. 隐藏文本框 【答案】A 【解析】若要在表单结果中包含不让站点访问者看见的信息，可以在表单中添加隐藏域。当提交表单时，隐藏域会将非浏览者输入的信息发送到服务器上，为制作数据接口做准备。 HTML代码为<input type="hidden"> 20. 在表单中，<input>标记的placeholder属性用于（　） A. 设置文本框的初始值（黑色） B. 设置文本框的提示文字（灰色） C. 设置文本框的宽度 D. 设置文本框的必填属性 【答案】B 【解析】placeholder：文本框中的灰色提示字符，输入内容后会自动消失。 2、 简答题（共4题，每题5分） 1. 列举在 Dreamweaver 文档中输入多个连续空格的方法。 【答案及分值】（1条1分，5条的5分） 方法一：选择“插入”菜单→“HTML”→“不换行空格”命令。 方法二：选择“插入”面板→“HTML”类别→“不换行空格”按钮。 方法三：按【Ctrl+shift+space】组合键。 方法四：在“代码”视图窗口中，输入空格代码“&nbsp;”。 方法五：切换中文输入法为全角状态，按空格键可以输入多个空格。 方法六：选择菜单“编辑→首选项”命令，弹出对话框。在“分类”列表中选择“常规”选项，勾选“允许多个连续的空格”复选框，单击“确定”按钮。此时，可以直接按空格键输入空格。 2. 写出在DreamweaverCC中制作如图2-1的步骤。 图2-2 图2-1 【答案】 （1） 菜单“插入”→表单→表单，插入表单区域；（1分） （2） 输入“学号：”，菜单“插入”→表单→文本，插入单行文本域，换行；（1分） （3） 输入“选择题：计算机系统中最核心的部件是”，换行； （4） 菜单“插入”→表单→单选按钮组，在弹出的对话框标签处依次输入“主板”、“CPU”、“硬盘”、“内存”，点击“确定”，调整布局让四个选项在同一行，换行；（2分） （5） 菜单“插入”→表单→“提交”按钮，在属性面板中修改value为“交卷”。（1分） 3. 在 Dreamweaver 中，添加行为实现加载网页时弹出 “全民阅读进行时” 信息框，行为面板如图2-2所示，回答下列问题。 （1）写出行为的含义和组成。 （2）写出标号①所指的标签。 （3）在标号②所指列表中应选择哪一项？ 【答案】 （1）行为是Dreamweaver预置的JavaScript程序库。（1分） 每个行为包括一个动作和一个事件。（2分） （2） <body>（1分） （3） OnLoad（1分） 4. 简述网页中的表格模式有哪两种？两种表格模式如何切换？ 【答案】Dreamweaver中有两种表格模式，分别为标准模式和扩展表格模式。（2分） 进入扩展表格模式：可以右键选择菜单“表格→扩展表格模式”命令。（1分） 扩展表格模式返回标准模式：选择内容或定位插入点： 方法一：直接单击“文档”窗口上方的“退出”。（1分） 方法二：选择再次单击右键选择菜单“表格→表格扩展模式”命令。（1分） 3、 案例分析题（共4题，每题5分） 1. 根据所学内容回答下列问题： （1） 如何为文本 “关闭窗口” 创建链接，单击该文本可关闭当前窗口？ （2） 创建空链接有哪两种方法？有什么区别？ 【答案】 （1） 选中“关闭窗口”，在属性面板的链接文本框中输入javascript:window.close();（2分） （2） 在“文档”窗口中选中要建立空链接的文本或图像，在属性面板的“链接”文本框中输入“javascript:;”或者一个“#”号。（1分） 使用#号创建空链接，在一些浏览器中会出现返回到网页顶端的效果，（1分）如果不想返回到网页顶端，只想附加行为或动作，则建议使用“javascript:;”创建空链接。（1分） 2. 网页index.html已在DreamweaverCC中打开，如下图3-1所示，按要求回答下列问题。 图3-1 （1） 如何将该网页制作成模板mb.dwt，请写出步骤。 （2） 生成的模板文件mb.dwt，被保存在了什么位置？ （3） 如何在第三行第二个单元格中插入可编辑区域eqit，请写出步骤。 【答案】 （1）①打开要转存为模板的网页文件： 方法一：选择“文件→另存为模板”命令。 方法二：在“插入”面板选择“模板”中的“创建模板”。 方法三：选择“插入→模板→创建模板”命令。（3种方法任选其一，1分） ②弹出“另存模板”对话框，在对话框的“站点”下拉列表中选择保存模板的站点，在“另存为”文本框中为模板输入名称mb.dwt，单击“保存”按钮。（1分） （2）站点根目录的templates文件夹（1分） （3）①鼠标定位到第三行第二个单元格， 方法一：选择菜单“插入→模板→可编辑区域”命令。 方法二：按【Ctrl+Alt+V】组合键。 方法三：在“插入”面板选择“模板”中的“可编辑区域”。（3种方法任选其一，1分） ②打开“新建可编辑区域”对话框，在“名称”文本框中输入名称eqit，单击“确定”按钮。（1分） 3. 按要求写出对应的 HTML 代码。 （1） 写出让文本“明天会更好”自下向上滚动的HTML代码，且鼠标指向滚动文本时停止滚动。 （2） 插入水平线，要求实心线，颜色为蓝色，高度为1px，长度为500px，在页面中居中显示。 【答案】 （1） <marquee direction=”up” onmouseover=”stop()”>明天会更好</marquee>（2分） （2） <hr color=”blue” size=”1” width=”500” align=”center” noshade>（3分） 4. 根据下面提示补全①-⑤代码。 提示：表格宽度为570像素，高度为300像素，边框为1像素，居中显示，填充为5像素，间距为0像素，鼠标停留 banner图片后会出现说明文字“香港旅游”，点击“hangban.gif”图片跳转空链接，但在新窗口打开，导航栏文本“首页”颜色为红色，背景色为绿色。 <table width="570" height="300" ___①____="1" align="center” ____②____="5" cellspacing="0"><tr> <td height="137" colspan="2"> < a href=”javascript:;” ____③____> < img src="banner.gif" ____④_____="香港旅游" width="570" height="135”/> </ a></td></tr> <tr><td colspan="2" align="center"____⑤____> <font color=”red”>首页</font> 景点介绍</td></tr> </table> 【答案】（每空1分） ①border ②cellpadding ③target=”_blank” ④title ⑤bgcolor=”green” 4、 综合应用题（共2题，每题10分） 1.已在 Dreamweaver CC 中打开网页 index.html（index.html 在站点根目录下），请根据所学知识回答以下问题。 （1）请使用菜单命令，在表格第 2 行插入动画 banner.swf（banner.swf 文件存放在站点根目录 flash 文件夹中）并设置动画背景为透明。 （2）为第三行左侧单元格内的 “2026” 图片创建脚本链接，弹出窗口显示为 “2026 年春节快乐！”。 （3）导入 “yangshi.css” 样式表文件，将第三行右侧单元格内第一段的前两个字 “春节” 套用样式 “.wenzi”。 （4）为导航栏文字 “首页” 添加行为，鼠标悬停时弹出信息 “欢迎了解中国传统节日 —— 春节”。 【答案】 （1）①将光标定位到表格第 2 行，选择菜单“插入→HTML→Flash SWF”命令。 ②打开“选择 SWF”对话框，从站点根目录 flash 文件夹中选择要插入的SWF文件 banner.swf，单击“确定”按钮；（1分） ③在属性面板的WMODE属性选择“透明”。（1分） （2）选中第三行左侧单元格内的 “2026” 图片，在在属性面板的链接文本框中输入javascript:alert(“2026 年春节快乐！”);（2分） （3）①打开CSS设计器面板，单击“添加新的CSS源”，选择“附加现有的CSS样式”；（1分） ②在弹出的对话框中，选择CSS文件yangshi.css，设置“添加为”“链接”；（1分） ③选中第三行右侧单元格内第一段的前两个字 “春节”，在属性面板的类中，选择“.wenzi”。（1分） （4）①选中“首页”，窗口→行为，打开行为面板； ②点击“+”添加行为按钮，在下拉菜单中选择“弹出信息”；（1分） ③在弹出的对话框中设置消息为“欢迎了解中国传统节日 —— 春节”，点击“确定”；（1分） ④设置“弹出信息”的事件为onmouseover。（1分） 2.已在 Dreamweaver CC 中打开网页 index.html（index.html、ys.css 在站点根目录下），请根据所学知识回答以下问题。 （1）为文本 “端午节介绍” 添加行为，鼠标指向 “端午节介绍” 文字时，文字呈晃动效果，持续时间为 600ms。 （2）为文本 “请点击” 添加超链接，链接到 https://tv.cctv.cn/，单击时在整个浏览器窗口打开目标网页。 （3）在网页中添加现有的 CSS 文件 ys.css，给文中的段落设置 CSS 样式，使段落文字行高为 20px。 【答案】 （1）①选中“端午节介绍”，窗口→行为，打开行为面板； ②点击“+”添加行为按钮，在下拉菜单中选择“效果-shake”；（1分） ③在弹出的对话框中设置“效果持续时间”为600ms，点击“确定”；（1分） ④设置“弹出信息”的事件为onmouseover。（1分） （2）选中“请点击”，在在属性面板的链接文本框中输入 https://tv.cctv.cn/，目标选择_top。（2分） （3）①打开CSS设计器面板，单击“添加新的CSS源”，选择“附加现有的CSS样式”；（1分） ②在弹出的对话框中，选择CSS文件 ys.css，设置“添加为”“链接”；（1分） ③选中CSS文件，在CSS设计器面板单击“添加选择器”按钮，输入样式名.a；（1分） ④单击“添加CSS属性”，设置CSS属性line-height为20px。（1分） ⑤选中段落文字，在属性面板的类中，选择“.a”。（1分） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $《网页设计与制作》（电工版第3版) 期末复习卷（十）答题卡 时间：60分钟 总分：100分 姓名 成绩 考号 一、选择题（共20题，每题2分，共40分） 1A☐BCD□6AOB☐cD]11AOB☐c□D16A□B☐CD□ 2AB□CD7A▣B□CD12AB□CD17ABC□D 3AB□CD8A▣B□CD13AB□CD18AB□C□D 4AB□CD9A幻B□CD14AB□CD19AB□C□D 5A☐B]C]D]10A☐B☐C]D]15A☐BC]D]20A☐B]C]D] 二、简答题（共4题，每题5分） 1. 2. 期末复习卷十答题卡页共4页 3. 4. 三、案例分析题（共4题，每题5分) 2. 期末复习卷十题去页共4页 3. 4.① ② ③ ④ ⑤ 四、综合应用题（共2题，每题10分） 1. 期末复习卷十答题卡页共4页 2. 期末复习卷十答题本页共4页 《网页设计与制作》（电工版第3版） 期末复习卷（十）原卷版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共20题，每题2分，共40分） 1. 以下关于静态网页的说法，正确的是（　） A. 静态网页是指不包含任何动态效果 B. 静态网页开发简单，更易于维护 C. 静态网页可以创建表单，实现交互 D. 静态网页面向不同浏览者发送不同的页面 2. 在HTML中，<body>标记的text属性用于设置（　） A. 页面背景颜色 B. 页面背景图像 C. 文本颜色 D. 链接颜色 3. 在HTML中，自定义列表的标记结构是（　） A. <ul><li></li></ul> B. <ol><li></li></ol> C. <dl><dt></dt><dd></dd></dl> D. <list><item></item></list> 4. 在HTML中，要在一个页面中使用锚记链接跳转到同一页面的某个位置，源端点的href属性应设置为（　） A. #锚记名称 B. 锚记名称 C. URL#锚记名称 D. # 5. 在Dreamweaver中，如果正在编辑的文件没有存盘，系统会在文件名后加上的符号是（　） A. ! B. ? C. # D. * 6. 在Dreamweaver中，插入空格的组合键是（　） A. Ctrl+Alt+Space B. Ctrl+Shift+Space C. Ctrl+Enter+Space D. Shift+Space 7. 在CSS中，a:visited表示（　） A. 链接的默认状态 B. 已访问链接的状态 C. 鼠标悬停时的状态 D. 链接被单击时的状态 8. 在CSS中，设置文本删除线的属性是（　） A. text-decoration:underline B. text-decoration:overline C. text-decoration:line-through D. text-decoration:none 9. 在CSS中，display:block的作用是（　） A. 将元素设置为块级元素 B. 将元素设置为行内元素 C. 隐藏元素 D. 将元素设置为弹性盒子 10. 在Dreamweaver中，图像属性面板中“裁剪”按钮的作用是（　） A. 调整图像大小 B. 对图像进行裁剪 C. 调整图像亮度和对比度 D. 调整图像清晰度 11. 建立超链接时，没有设置target属性，默认的目标属性是（　） A. _parent B. _blank C. _self D. _top 12. 若文本“软件”链接到wt.rar文件，在浏览器中浏览时单击“软件”将实现的操作是（　） A. 在WinRar中打开wt.rar文件 B. 在浏览器中打开wt.rar文件 C. 弹出“文件下载”对话框 D. 弹出“文件类型错误”提示框 13. 在Dreamweaver中，要插入多行或多列，应使用的命令是（　） A. 表格→插入行 B. 表格→插入列 C. 表格→插入行或列 D. 表格→插入表格 14. 在Dreamweaver中，若表格的对齐方式为居中，则表格内所有单元格内容（　） A. 也将居中对齐 B. 不受影响 C. 水平居中、垂直居中 D. 水平居中、垂直顶端 15. 在行为中，事件onFocus表示（　）时触发。 A. 对象获得焦点 B. 对象失去焦点 C. 对象被单击 D. 对象被双击 16. 在Dreamweaver中，“预先载入图像”行为的作用是（　） A. 在页面中显示图像 B. 将图像预先载入浏览器缓存中，防止显示时延迟 C. 交换图像 D. 隐藏图像 17. 在模板中，创建可编辑区域时，名称不能使用（　） A. 英文字母 B. 数字 C. 下划线 D. 尖括号 18. 在Dreamweaver中，要将网页文件从模板中分离出来，应使用的命令是（　） A. 工具→模板→从模板中分离 B. 工具→模板→更新当前页 C. 文件→另存为模板 D. 插入→模板→可编辑区域 19. 在表单中，<input type="hidden">的作用是（　） A. 隐藏表单域，不让用户看见但提交数据 B. 隐藏整个表单 C. 隐藏提交按钮 D. 隐藏文本框 20. 在表单中，<input>标记的placeholder属性用于（　） A. 设置文本框的初始值（黑色） B. 设置文本框的提示文字（灰色） C. 设置文本框的宽度 D. 设置文本框的必填属性 2、 简答题（共4题，每题5分） 1. 列举在 Dreamweaver 文档中输入多个连续空格的方法。 2. 写出在DreamweaverCC中制作如图2-1表单的步骤。 图2-2 图2-1 3. 在 Dreamweaver 中，添加行为实现加载网页时弹出 “全民阅读进行时”信息框，行为面板如图2-2所示，回答下列问题。 （1）写出行为的含义和组成。 （2）写出标号①所指的标签。 （3）在标号②所指列表中应选择哪一项？ 4. 简述网页中的表格模式有哪两种？两种表格模式如何切换？ 3、 案例分析题（共4题，每题5分） 1. 根据所学内容回答下列问题： （1） 如何为文本 “关闭窗口” 创建链接，单击该文本可关闭当前窗口？ （2） 创建空链接有哪两种方法？有什么区别？ 2. 网页index.html已在DreamweaverCC中打开，如下图3-1所示，按要求回答下列问题。 图3-1 （1） 如何将该网页制作成模板mb.dwt，请写出步骤。 （2） 生成的模板文件mb.dwt，被保存在了什么位置？ （3） 如何在第三行第二个单元格中插入可编辑区域eqit，请写出步骤。 3. 按要求写出对应的 HTML 代码。 （1） 写出让文本“明天会更好”自下向上滚动的HTML代码，且鼠标指向滚动文本时停止滚动。 （2） 插入水平线，要求实心线，颜色为蓝色，高度为1px，长度为500px，在页面中居中显示。 4. 根据下面提示补全①-⑤代码。 提示：表格宽度为570像素，高度为300像素，边框为1像素，居中显示，填充为5像素，间距为0像素，鼠标停留 banner图片后会出现说明文字“香港旅游”，点击“hangban.gif”图片跳转空链接，但在新窗口打开，导航栏文本“首页”颜色为红色，背景色为绿色。 <table width="570" height="300" ___①____="1" align="center” ____②____="5" cellspacing="0"><tr> <td height="137" colspan="2"> < a href=”javascript:;” ____③____> < img src="banner.gif" ____④_____="香港旅游" width="570" height="135”/> </ a></td></tr> <tr><td colspan="2" align="center"____⑤____> <font color=”red”>首页</font> 景点介绍</td></tr> </table> 4、 综合应用题（共2题，每题10分） 1. 已在 Dreamweaver CC 中打开网页 index.html（index.html 在站点根目录下），请根据所学知识回答以下问题。 （1）请使用菜单命令，在表格第 2 行插入动画 banner.swf（banner.swf 文件存放在站点根目录 flash 文件夹中）并设置动画背景为透明。 （2）为第三行左侧单元格内的 “2026” 图片创建脚本链接，弹出窗口显示为 “2026 年春节快乐！”。 （3）导入 “yangshi.css” 样式表文件，将第三行右侧单元格内第一段的前两个字 “春节” 套用样式 “.wenzi”。 （4）为导航栏文字 “首页” 添加行为，鼠标悬停时弹出信息 “欢迎了解中国传统节日 —— 春节”。 2. 已在 Dreamweaver CC 中打开网页 index.html（index.html、ys.css 在站点根目录下），请根据所学知识回答以下问题。 （1）为文本 “端午节介绍” 添加行为，鼠标指向 “端午节介绍” 文字时，文字呈晃动效果，持续时间为 600ms。 （2）为文本 “请点击” 添加超链接，链接到 https://tv.cctv.cn/，单击时在整个浏览器窗口打开目标网页。 （3）在网页中添加现有的 CSS 文件 ys.css，给文中的段落设置 CSS 样式，使段落文字行高为 20px。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $