模块一 网页设计与制作基础《网页设计与制作》（电工版）单元过关卷（B卷）

学科网（北京）股份有限公司 学科网（北京）股份有限公司 《网页设计与制作》电子工业出版社 模块一 网页设计与制作基础（B卷） 考试时间：90分钟 满分：100分 姓名 班级 学号 一、单项选择题（本题共20小题，每题2分，共40分） 1．"网页"对应的英文名称是（　）。 A．Website B．Web page C．Homepage D．Browser 【答案】B 【解析】网页的英文是Web page；Website是网站，Homepage是首页（主页），Browser是浏览器。 2．下列关于网页设计理念的说法，正确的是（　）。 A．网页设计只需考虑页面美观即可，其他不用考虑 B．网页设计只能用一种固定的工具完成 C．网页设计不需要考虑浏览者的感受 D．网页设计应遵循"结构—样式—行为"分离的思想 【答案】D 【解析】规范的网页设计应遵循Web标准"结构—样式—行为"分离的思想，兼顾美观与实用。A只重美观、C忽视用户、B限定工具均不正确。 3．在Web标准中，负责实现网页"行为"（交互功能）的是（　）。 A．HTML B．CSS C．JavaScript D．HTTP 【答案】C 【解析】三层分离中：HTML负责结构，CSS负责样式，JavaScript负责行为（交互）。HTTP是网络传输协议，不负责页面行为。 4．下列属于遵循Web标准带来的好处的是（　）。 A．网页在不同浏览器中的显示效果更加一致 B．网页文件体积必然变小 C．网页将无法被搜索引擎收录 D．制作网页必须使用付费软件 【答案】A 【解析】遵循Web标准可提高网页的兼容性，使页面在不同浏览器中显示更一致、更规范。B、C、D均不是Web标准带来的好处。 5．在浏览器中打开网页时出现中文乱码，最常见的原因是（　）。 A．网页文件体积过大，浏览器只能读取英文而不识别中文导致中文乱码 B．文件的保存编码与浏览器解析网页时使用的编码不一致 C．电脑内存不足 D．浏览器软件本身损坏 【答案】B 【解析】乱码的最常见原因是文件保存时的字符编码与浏览器解析时的编码不一致（如文件存为GBK而页面声明UTF-8，或页面未声明编码）。 6．下列做法中，能够有效避免网页中文乱码的是（　）。 A．在head中设置 <meta charset="UTF-8">，并保证文件以UTF-8编码保存 B．删除网页中的所有中文文字，并保证文件以ANSI编码保存 C．将文件扩展名改为.txt，并保证文件以UTF-8编码保存 D．编写网页时关闭浏览器，并保证文件以UTF-8编码保存 【答案】A 【解析】在head中使用 <meta charset="UTF-8"> 声明编码，并确保文件以UTF-8编码保存，编码一致即可避免中文乱码。B、C、D均不能解决乱码问题。 7．用浏览器直接打开本地HTML文件时，地址栏中显示的协议通常是（　）。 A．https B．http C．file D．ftp 【答案】C 【解析】本地文件通过浏览器打开时使用file协议（file:///），http/https用于访问服务器上的网页，ftp是文件传输协议。 8．下列操作中，属于对网页进行"运行预览"的是（　）。 A．在Word中打开HTML文件编辑文字 B．用记事本查看HTML代码 C．用画图程序查看网页图片 D．在浏览器中打开HTML文件查看显示效果 【答案】D 【解析】"运行预览"指在浏览器中打开HTML文件查看实际显示效果，便于检查页面是否正常、美观并反复调试。 9．在编码工具中新建网页文件并保存时，扩展名应设置为（　）。 A．.html B．.txt C．.css D．.doc 【答案】A 【解析】网页文件必须以.html（或.htm）为扩展名保存，浏览器才能识别为网页。.css是样式表文件扩展名，.txt、.doc都不是网页文件。 10．下列关于HTML、CSS、JavaScript三种技术分工的说法，正确的是（　）。 A．CSS负责定义网页的结构 B．HTML负责设置网页的样式 C．JavaScript负责实现网页的交互行为 D．三者之间互不相关、各自独立使用 【答案】C 【解析】HTML定义结构、CSS设置样式、JavaScript实现交互行为，三者协同配合完成网页开发。A、B把分工说反了，D说"互不相关"错误。 11．W3C是下列哪个组织的英文缩写？（　） A．国际标准化组织 B．万维网联盟 C．电气与电子工程师协会 D．互联网工程任务组 【答案】B 【解析】W3C（World Wide Web Consortium）即万维网联盟，是制定Web标准的国际组织。其余选项分别是ISO、IEEE、IETF。 12．在网页制作流程中，"规划页面的栏目设置与信息布局"属于（　）环节的工作。 A．结构设计 B．编写CSS样式 C．部署服务器 D．选择配色方案 【答案】A 【解析】结构设计环节包括确定站点栏目、规划页面信息布局与层次结构；编写CSS样式和选择配色属于样式设计，部署服务器属于发布维护环节。 13．双击本地HTML文件后浏览器无法正常显示页面，下列原因分析最合理的是（　）。 A．本地网页文件必须先发布到服务器，否则浏览器无法打开 B．文件名包含中文字符就必然无法打开，与内容编码无关 C．可能是文件内容或编码存在问题，或文件关联程序不正确 D．本地文件在任何情况下都无法预览，只能上传后查看 【答案】C 【解析】本地文件无法显示，通常与文件内容错误、编码问题或文件关联程序不正确有关。A、D错误（本地文件可直接预览），B过于绝对（文件名含中文一般不影响打开）。 14．下列关于网页制作工具的说法，正确的是（　）。 A．编码工具（如Visual Studio Code）适合编写网页代码 B．画图软件是常用的网页编码工具，可以编写代码 C．计算器可以用来设计网页 D．网页只能使用记事本编写，不能使用其他工具 【答案】A 【解析】VS Code等编码工具支持语法高亮、代码提示等功能，适合编写网页代码。记事本虽可用但功能较弱，画图、计算器均不能编写网页代码。 15. 下列软件中，属于网页浏览器的是（　）。 A．音乐播放器 B．WinRAR压缩软件 C．画图程序 D． Google Chrome 【答案】D 【解析】Google Chrome（谷歌浏览器）是常用的网页浏览器，负责解释并显示网页。WinRAR是压缩软件，画图程序是图像处理工具，音乐播放器播放音视频，都不是浏览器。 16．一个网站的默认首页（访问网站后第一个打开的页面）通常命名为（　）。 A．index.html B．table.txt C．style.css D．book.doc 【答案】A 【解析】网站默认首页通常命名为index.html（服务器默认查找该文件作为入口页）。.txt是文本文件、.css是样式表、.doc是Word文档，都不是首页。 17．在编码工具中新建HTML文件并保存时，为与页面中的编码声明保持一致、避免中文乱码，文件编码应选择（　）。 A．ANSI（GBK） B．UTF-8 C．Big5 D．任意编码都可以 【答案】B 【解析】页面中声明了<meta charset="UTF-8">，文件就应同时以UTF-8编码保存，二者一致才能正常显示中文；若存为ANSI（GBK）等其他编码，容易出现乱码。 18．把本地制作好的网页文件上传到Web服务器、供互联网用户通过网址访问的过程，称为网站的（　）。 A．注释 B．排版 C．发布 D．调试 【答案】C 【解析】网页制作完成后上传到Web服务器、供互联网用户通过网址访问的过程称为网站发布；排版、注释、调试都是制作过程中的环节，不是发布。 19．下列关于网页文件保存与预览的说法，错误的是（　）。 A．网页文件应保存为.html扩展名 B．保存时应注意选择UTF-8编码 C．保存后可双击文件用浏览器预览 D．网页文件必须保存为.doc扩展名才能在浏览器中打开 【答案】D 【解析】网页文件必须以.html（或.htm）为扩展名才能被浏览器识别并打开；保存为.doc是Word文档格式，不能直接作为网页显示。A、B、C均为正确做法。 20．在"结构—样式—行为"三层分工中，控制网页外观样式（如文字颜色、字号）的CSS代码，在独立成文件时其扩展名通常是（　）。 A．.html B．.css C．.jpg D．.txt 【答案】B 【解析】CSS样式表单独保存时扩展名为.css；.html是网页文件，.jpg是图片文件，.txt是纯文本文件。 二、判断题（本题共10小题，每题2分，共20分） 21．网站是由多个相关网页组成的整体，网页是构成网站的基本单元。（　） 【答案】√ 【解析】网站是多个相关网页通过超链接组织起来的整体，网页是网站的基本组成单元，通常以.html文件形式存在。 22．在"结构—样式—行为"三层分离中，结构层由CSS负责实现。（　） 【答案】× 【解析】三层分离中结构层由HTML负责实现，CSS负责的是样式层。 23．编写网页代码之前，应先进行需求分析和页面规划。（　） 【答案】√ 【解析】规范的开发流程强调先规划后实现：先进行需求分析与页面规划，再动手编写代码，可减少返工。 24．用编码工具新建HTML文件后不必设置文件编码，直接保存即可。（　） 【答案】× 【解析】新建HTML文件时应设置文件编码（通常为UTF-8），并与页面中的 <meta charset="UTF-8"> 保持一致，否则中文可能出现乱码。 25．浏览器地址栏中出现 "file:///…" 形式的地址，表示正在打开本地文件。（　） 【答案】√ 【解析】file协议用于访问本地文件，地址形如 "file:///C:/xxx/网页.html"；访问服务器上的网页通常使用http或https。 26．HTML5文档的第一行通常是 <!DOCTYPE html> 文档类型声明。（　） 【答案】√ 【解析】<!DOCTYPE html> 是HTML5文档的文档类型声明，必须位于文档第一行，告诉浏览器按HTML5标准解析页面。 27．网页代码编写完成后，必须经过测试与调试才能正式发布使用。（　） 【答案】√ 【解析】网页制作完成后需要经过预览、测试、调试，确认无误后才能发布上线，保证页面质量与用户体验。 28．遵循Web标准可以提高网页的可维护性和可访问性。（　） 【答案】√ 【解析】遵循Web标准使结构、样式、行为分离，便于维护更新，同时提高网页的可访问性，利于不同用户群体访问。 29．动态网页就是包含动画效果的网页。（　） 【答案】× 【解析】动态网页指服务器端根据用户请求动态生成内容的网页，与页面是否包含动画无关；动画可由CSS或JavaScript等实现。 30．JavaScript与Java是同一门编程语言。（　） 【答案】× 【解析】JavaScript是用于网页交互的脚本语言，Java是一种面向对象的编程语言，二者是两种不同的语言，只是名称相近。 三、名词解释题（本大题共 2 小题，每小题 5 分，共 10 分） 31． HTML 【答案】HTML（HyperText Markup Language）即超文本标记语言，是用于描述网页内容与结构的标记语言，通过一系列标签（元素）定义文字、图像、列表、超链接等内容的语义和结构，是网页开发的基础语言。 【评分标准】答出核心定义（超文本标记语言、用标签描述网页结构与内容）得3分，表述完整、要点齐全再加2分（满分5分）。 32．HTTPS协议 【答案】HTTPS（HyperText Transfer Protocol over Secure Socket Layer）即安全超文本传输协议，是在HTTP基础上加入SSL/TLS加密机制的应用层协议，浏览器与服务器之间的数据传输经过加密，可防止信息被窃听、篡改，安全性更高，广泛用于需要保护用户信息的网站。 【评分标准】答出核心定义（在HTTP基础上加密的安全超文本传输协议）得3分，表述完整、要点齐全再加2分（满分5分）。 四、简答题（本大题共 2 小题，每小题 5 分，共 10 分） 33．简述在编码工具中创建并运行预览一个HTML网页的基本操作步骤。 【答案】基本操作步骤： （1）打开编码工具（如VS Code），新建一个空白文件； （2）编写HTML代码（含文档类型声明、head、body等基本结构）； （3）保存文件，扩展名设为.html，并注意选择UTF-8编码； （4）在浏览器中打开该文件（双击文件或使用"在浏览器中打开"功能）进行预览； （5）检查页面显示效果，发现问题返回修改代码，再次预览调试，直到效果满意。 【评分标准】答出1个步骤得1分，答出4个及以上步骤且顺序合理得满分5分。 34．简述HTML、CSS、JavaScript三种技术在网页开发中的分工，并各举一个应用示例。 【答案】分工如下： （1）HTML负责网页结构：用标签组织页面内容，如用 <h1> 定义标题、用 <p> 定义段落、用 <img> 插入图片； （2）CSS负责网页样式：控制页面的外观，如用color设置文字颜色、用font-size设置字号、用background-color设置背景色； （3）JavaScript负责网页行为：实现交互功能，如点击按钮弹出提示、实现表单校验等。 三者配合，共同构成完整的网页。 【评分标准】每种技术分工正确得1分、给出相应示例各得1分，共4分；补充说明三者配合关系再得1分，满分5分。 五、综合题（本大题共 2 小题，每小题 10 分，共 20 分） 35．下面是某同学编写的一个HTML文档，其中存在4处错误。请找出错误并改正（每处2分，共8分），并写出修正后的完整规范文档（2分）。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页 <body> <h1>欢迎学习网页设计与制作</h1> </body> <html> 提示：小张在保存文件时还选择了"ANSI（GBK）"编码。 【答案】4处错误及改正： （1）<title> 标签未闭合，缺少结束标签 </title>； （2）<head> 标签未闭合，缺少结束标签 </head>； （3）文档最后一行结束标签 <html> 写错，应为 </html>； （4）文件保存编码与页面声明不一致：页面声明 <meta charset="UTF-8">，但保存时选择了ANSI（GBK）编码，会导致中文乱码，应改为以UTF-8编码保存。 修正后的完整规范文档： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <h1>欢迎学习网页设计与制作</h1> </body> </html> 【评分标准】每处错误2分（指出错误并正确改正得满分，只指出未改正得1分），共8分；写出修正后的完整规范文档得2分（文档完整且规范，缺DOCTYPE或编码声明酌情扣分）。 36．学校准备建设一个介绍中华优秀传统文化的静态网站"文化中国"（教材"精品课程站"项目模式），包含首页、栏目页、详情页等多个页面。请回答： （1）按照网站开发的一般流程，写出从规划到完成该网站应经历的主要环节。（4分） （2）该网站由多个.html文件组成，说明静态网页与动态网页的区别，并分析该网站选用静态网页实现是否合适及理由。（3分） （3）制作过程中，该同学用记事本编写的网页在浏览器中显示时中文出现乱码，请分析原因并给出至少两种解决方法。（3分） 【答案】 （1）主要环节： ①确定网站主题并进行需求分析； ②收集、整理文字与图片素材； ③规划网站结构（栏目设置）与页面布局； ④用HTML编写各页面结构代码； ⑤用CSS设置页面样式； ⑥在浏览器中预览调试； ⑦测试完善、编写项目文档并发布展示。 （2）"文化中国"以内容展示为主、更新不频繁，选用静态网页实现是合适的：静态网页内容预先编写、固定不变，服务器直接返回HTML文件，一般不需要数据库；该网站制作简单、加载速度快、成本低、易于维护，完全能够满足内容展示型网站的需求。 （3）乱码原因：文件的保存编码与浏览器解析网页所用编码不一致（记事本默认可能按ANSI/GBK保存，而页面按UTF-8声明或浏览器按默认编码解析）。 解决方法： ①在 <head> 中设置 <meta charset="UTF-8">，并将文件以UTF-8编码重新保存； ②使用支持编码选择的编码工具（如VS Code）打开文件，将编码转换为UTF-8后保存； ③也可在浏览器中选择"自动检测"或手动切换网页编码查看（临时查看用）。 【评分标准】（1）4分：答出1个环节1分，答出4个及以上环节得满分；（2）3分：选型判断"合适"1分，理由（静态网页、无需数据库、加载快易维护）答出2点得2分；（3）3分：原因1分，每种解决方法1分，两种及以上得满分。本小题合计10分。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司zxxk.com 学科网（北京）股份有限公司 $ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 《网页设计与制作》电子工业出版社 模块一 网页设计与制作基础（B卷） 考试时间：90分钟 满分：100分 姓名 班级 学号 一、单项选择题（本题共20小题，每题2分，共40分） 1．"网页"对应的英文名称是（　）。 A．Website B．Web page C．Homepage D．Browser 2．下列关于网页设计理念的说法，正确的是（　）。 A．网页设计只需考虑页面美观即可，其他不用考虑 B．网页设计只能用一种固定的工具完成 C．网页设计不需要考虑浏览者的感受 D．网页设计应遵循"结构—样式—行为"分离的思想 3．在Web标准中，负责实现网页"行为"（交互功能）的是（　）。 A．HTML B．CSS C．JavaScript D．HTTP 4．下列属于遵循Web标准带来的好处的是（　）。 A．网页在不同浏览器中的显示效果更加一致 B．网页文件体积必然变小 C．网页将无法被搜索引擎收录 D．制作网页必须使用付费软件 5．在浏览器中打开网页时出现中文乱码，最常见的原因是（　）。 A．网页文件体积过大，浏览器只能读取英文而不识别中文导致中文乱码 B．文件的保存编码与浏览器解析网页时使用的编码不一致 C．电脑内存不足 D．浏览器软件本身损坏 6．下列做法中，能够有效避免网页中文乱码的是（　）。 A．在head中设置 <meta charset="UTF-8">，并保证文件以UTF-8编码保存 B．删除网页中的所有中文文字，并保证文件以ANSI编码保存 C．将文件扩展名改为.txt，并保证文件以UTF-8编码保存 D．编写网页时关闭浏览器，并保证文件以UTF-8编码保存 7．用浏览器直接打开本地HTML文件时，地址栏中显示的协议通常是（　）。 A．https B．http C．file D．ftp 8．下列操作中，属于对网页进行"运行预览"的是（　）。 A．在Word中打开HTML文件编辑文字 B．用记事本查看HTML代码 C．用画图程序查看网页图片 D．在浏览器中打开HTML文件查看显示效果 9．在编码工具中新建网页文件并保存时，扩展名应设置为（　）。 A．.html B．.txt C．.css D．.doc 10．下列关于HTML、CSS、JavaScript三种技术分工的说法，正确的是（　）。 A．CSS负责定义网页的结构 B．HTML负责设置网页的样式 C．JavaScript负责实现网页的交互行为 D．三者之间互不相关、各自独立使用 11．W3C是下列哪个组织的英文缩写？（　） A．国际标准化组织 B．万维网联盟 C．电气与电子工程师协会 D．互联网工程任务组 12．在网页制作流程中，"规划页面的栏目设置与信息布局"属于（　）环节的工作。 A．结构设计 B．编写CSS样式 C．部署服务器 D．选择配色方案 13．双击本地HTML文件后浏览器无法正常显示页面，下列原因分析最合理的是（　）。 A．本地网页文件必须先发布到服务器，否则浏览器无法打开 B．文件名包含中文字符就必然无法打开，与内容编码无关 C．可能是文件内容或编码存在问题，或文件关联程序不正确 D．本地文件在任何情况下都无法预览，只能上传后查看 14．下列关于网页制作工具的说法，正确的是（　）。 A．编码工具（如Visual Studio Code）适合编写网页代码 B．画图软件是常用的网页编码工具，可以编写代码 C．计算器可以用来设计网页 D．网页只能使用记事本编写，不能使用其他工具 15. 下列软件中，属于网页浏览器的是（　）。 A．音乐播放器 B．WinRAR压缩软件 C．画图程序 D． Google Chrome 16．一个网站的默认首页（访问网站后第一个打开的页面）通常命名为（　）。 A．index.html B．table.txt C．style.css D．book.doc 17．在编码工具中新建HTML文件并保存时，为与页面中的编码声明保持一致、避免中文乱码，文件编码应选择（　）。 A．ANSI（GBK） B．UTF-8 C．Big5 D．任意编码都可以 18．把本地制作好的网页文件上传到Web服务器、供互联网用户通过网址访问的过程，称为网站的（　）。 A．注释 B．排版 C．发布 D．调试 19．下列关于网页文件保存与预览的说法，错误的是（　）。 A．网页文件应保存为.html扩展名 B．保存时应注意选择UTF-8编码 C．保存后可双击文件用浏览器预览 D．网页文件必须保存为.doc扩展名才能在浏览器中打开 20．在"结构—样式—行为"三层分工中，控制网页外观样式（如文字颜色、字号）的CSS代码，在独立成文件时其扩展名通常是（　）。 A．.html B．.css C．.jpg D．.txt 二、判断题（本题共10小题，每题2分，共20分） 21．网站是由多个相关网页组成的整体，网页是构成网站的基本单元。（　） 22．在"结构—样式—行为"三层分离中，结构层由CSS负责实现。（　） 23．编写网页代码之前，应先进行需求分析和页面规划。（　） 24．用编码工具新建HTML文件后不必设置文件编码，直接保存即可。（　） 25．浏览器地址栏中出现 "file:///…" 形式的地址，表示正在打开本地文件。（　） 26．HTML5文档的第一行通常是 <!DOCTYPE html> 文档类型声明。（　） 27．网页代码编写完成后，必须经过测试与调试才能正式发布使用。（　） 28．遵循Web标准可以提高网页的可维护性和可访问性。（　） 29．动态网页就是包含动画效果的网页。（　） 30．JavaScript与Java是同一门编程语言。（　） 三、名词解释题（本大题共 2 小题，每小题 5 分，共 10 分） 31． HTML 32．HTTPS协议 四、简答题（本大题共 2 小题，每小题 5 分，共 10 分） 33．简述在编码工具中创建并运行预览一个HTML网页的基本操作步骤。 34．简述HTML、CSS、JavaScript三种技术在网页开发中的分工，并各举一个应用示例。 五、综合题（本大题共 2 小题，每小题 10 分，共 20 分） 35．下面是某同学编写的一个HTML文档，其中存在4处错误。请找出错误并改正（每处2分，共8分），并写出修正后的完整规范文档（2分）。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页 <body> <h1>欢迎学习网页设计与制作</h1> </body> <html> 提示：小张在保存文件时还选择了"ANSI（GBK）"编码。 36．学校准备建设一个介绍中华优秀传统文化的静态网站"文化中国"（教材"精品课程站"项目模式），包含首页、栏目页、详情页等多个页面。请回答： （1）按照网站开发的一般流程，写出从规划到完成该网站应经历的主要环节。（4分） （2）该网站由多个.html文件组成，说明静态网页与动态网页的区别，并分析该网站选用静态网页实现是否合适及理由。（3分） （3）制作过程中，该同学用记事本编写的网页在浏览器中显示时中文出现乱码，请分析原因并给出至少两种解决方法。（3分） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司zxxk.com 学科网（北京）股份有限公司 $