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

学科网（北京）股份有限公司 学科网（北京）股份有限公司 《网页设计与制作》电子工业出版社 模块一 网页设计与制作基础（A卷） 考试时间：90分钟 满分：100分 姓名 班级 学号 一、单项选择题（本题共20小题，每题2分，共40分） 1. 网页的本质是（　）。 A. 图片文件 B. HTML 文本文件 C. 可执行程序 D. 视频文件 【答案】B 【解析】网页本质上是HTML（超文本标记语言）编写的文本文件。 2. 下列关于网页构成要素的说法，正确的是（　）。 A．网页只能包含文字和图片，不能包含超链接 B．网页必须包含动态效果，否则无法发布 C．网页中不能嵌入音频和视频 D．文字、图像、超链接是网页的常见构成要素 【答案】D 【解析】文字、图像、超链接是网页最常见、最核心的构成要素，网页还可以嵌入音频、视频等多媒体内容。A、C说法过于绝对；B项网页不必须包含动态效果。 3．统一资源定位符的英文缩写是（　）。 A．HTML B．HTTP C．URL D．WWW 【答案】C 【解析】URL（Uniform Resource Locator）即统一资源定位符，用于唯一标识互联网上的资源地址。HTML是超文本标记语言，HTTP是超文本传输协议，WWW是万维网。 4．在URL "http://www.example.com/news/index.html" 中，"news/index.html" 表示该资源的（　）。 A．路径 B．域名 C．协议 D．端口 【答案】A 【解析】该URL中 "http" 是协议，"www.example.com" 是域名（主机名），"news/index.html" 是资源在服务器上的路径。 5．在网址 "https://www.example.com" 中，"https" 表示（　）。 A．超文本标记语言 B．安全的超文本传输协议 C．统一资源定位符 D．文件传输协议 【答案】B 【解析】https即HyperText Transfer Protocol over Secure Socket Layer，是在HTTP基础上通过SSL/TLS加密的"安全的超文本传输协议"。A是HTML的含义，C是URL的含义，D是FTP的含义。 6．下列关于HTTP协议与HTTPS协议的说法，正确的是（　）。 A．HTTP 与 HTTPS 传输数据都进行加密处理 B．HTTP 比 HTTPS 传输数据的安全性更高 C．HTTPS 在 HTTP 基础上增加加密层保障数据安全 D．HTTPS 不能用于网页数据的浏览传输 【答案】C 【解析】HTTPS 是在 HTTP 基础上增加 SSL/TLS 加密层，实现数据加密传输，安全性更高。 7．与动态网页相比，静态网页的主要特点是（　）。 A．内容固定，不随用户请求的变化而变化 B．内容可变化，随用户请求动态更新内容 C．需要后台程序实时生成页面内容 D．需要借助数据库存储页面展示内容 【答案】A 【解析】静态网页的内容是预先编写好的、固定不变的，服务器直接返回HTML文件，不随用户请求动态变化。静态网页通常不需要数据库和后台程序，也可以包含超链接。 8．判断一个网页是否为动态网页，主要依据是（　）。 A．页面是否含有动画效果展示页面内容 B．服务器端是否根据用户的请求动态生成页面内容 C．页面是否使用 CSS 修饰页面内容样式 D．页面是否插入图片丰富页面展示内容 【答案】B 【解析】判断动态网页的关键在于服务器端是否根据用户请求动态生成页面内容，而不是看页面是否包含动画、CSS或图片。 9．在Web标准倡导的"结构—样式—行为"三层分离中，负责描述网页"结构"的技术是（　）。 A．HTML B．CSS C．JavaScript D．Photoshop 【答案】A 【解析】HTML负责网页的结构（内容与语义），CSS负责样式，JavaScript负责行为。Photoshop是图像处理软件，不属于网页开发技术。 10．在"结构—样式—行为"三层分离中，"样式"层主要由（　）负责实现。 A．HTML B．CSS C．JavaScript D．HTTP 【答案】B 【解析】"结构—样式—行为"三层分离中：结构层由HTML实现，样式层由CSS实现，行为层由JavaScript实现。 11．下列关于Web标准（W3C规范）的说法，错误的是（　）。 A．Web标准由W3C等组织制定和推广 B．Web标准提倡结构、样式、行为三层分离 C．遵循Web标准可以提高网页在不同浏览器中的兼容性 D．Web标准规定网页必须使用JavaScript编写 【答案】D 【解析】Web标准并未规定网页必须使用JavaScript，JavaScript只是实现行为层的可选技术之一。A、B、C均为Web标准的正确表述。 12．用记事本编写一段HTML代码后，保存为下列哪个扩展名的文件，才能在浏览器中正常显示为网页？（　） A．.txt B．.doc C．.html D．.exe 【答案】C 【解析】网页文件必须保存为.html（或.htm）扩展名，浏览器才能识别并显示为网页。.txt为文本文件，.doc为Word文档，.exe为可执行程序。 13．下列工具中，最适合作为网页编码（代码编写）工具的是（　）。 A．Visual Studio Code B．画图程序 C．计算器 D．Windows Media Player 【答案】A 【解析】Visual Studio Code（VS Code）是常用的代码编辑器，适合编写HTML、CSS、JavaScript等网页代码。其余选项均不是编码工具。 14．下列关于本地网页文件预览的说法，正确的是（　）。 A．本地网页文件必须先发布到服务器才能预览 B．双击本地HTML文件即可用浏览器打开预览 C．本地文件无法预览，只能发布后查看 D．预览本地网页前必须安装数据库 【答案】B 【解析】本地HTML文件可以直接用浏览器打开预览，无需发布到服务器，也无需数据库。双击文件后，浏览器会通过file协议加载并显示页面。 15．下列关于"超文本"的说法，正确的是（　）。 A．超文本就是体积非常大、内容非常多的普通文本文件 B．超文本与普通文本在组织方式和阅读方式上没有任何区别 C．超文本只能使用专门的付费阅读软件才能正常打开和阅读 D．超文本是可以包含超链接、实现页面间跳转的文本组织方式 【答案】D 【解析】HTML中的"超文本"指不仅包含文字，还包含超链接等元素、可实现页面间跳转的文本组织方式。A、B、C均不正确。 16．浏览器的主要功能是（　）。 A．解释并显示网页内容 B．编写网页代码 C．管理网站的数据库 D．制作网页所需的图片 【答案】A 【解析】浏览器是解释执行HTML等网页代码并显示页面的客户端软件。编写代码用编码工具，数据库管理、图片制作都不是浏览器的主要功能。 17．下列关于网站与网页关系的说法，正确的是（　）。 A．一个网站只能包含一个网页，不能包含其他网页 B．网页是存放网站的服务器，负责保存网站中的所有内容 C．网站是由多个相关网页组成的整体 D．网站与网页之间没有任何关系，二者是完全独立的概念 【答案】C 【解析】网站是由多个相关网页通过超链接组织起来的整体，网页是构成网站的基本单元，一个网站通常包含多个网页。 18．浏览器访问网站服务器上的网页时，双方通信主要遵循的协议是（　）。 A．FTP B．HTTP/HTTPS C．SMTP D．POP3 【答案】B 【解析】浏览器与Web服务器之间传输网页数据遵循超文本传输协议HTTP（HTTPS为其安全版本）。FTP用于文件传输，SMTP/POP3用于电子邮件。 19．下列网站场景中，最可能采用动态网页实现的是（　）。 A．公司产品静态展示页 B．固定内容的新闻公告页 C．课程简介页面 D．在线选课系统（需根据用户操作返回结果） 【答案】D 【解析】在线选课系统需要根据用户操作（选择、查询、提交）动态生成结果，适合用动态网页实现；内容固定的展示型页面用静态网页即可。 20．在网页设计的一般流程中，编写页面代码之前通常应先完成（　）。 A．结构设计与页面规划 B．购买服务器并注册域名 C．安装数据库管理系统 D．配置网络防火墙 【答案】A 【解析】规范的开发流程是先规划后实现：确定主题与需求后，先进行结构设计与页面规划，再编写代码。服务器、域名、数据库属于发布运行环节。 二、判断题（本题共10小题，每题2分，共20分） 21．文字、图像、超链接是网页的核心构成要素。（　） 【答案】√ 【解析】文字、图像、超链接是网页的核心构成要素，此外网页还可包含音频、视频、动画等多媒体元素。 22．网页只能在电脑上浏览，无法在手机上显示。（　） 【答案】× 【解析】手机浏览器同样可以浏览网页，网页可以在电脑、手机、平板等多种设备上显示。 23．URL是互联网上资源的统一地址，通常所说的"网址"即指URL。（　） 【答案】√ 【解析】URL是统一资源定位符，用于唯一标识互联网上的资源，习惯上所说的"网址"即指URL。 24．HTTPS协议传输的数据经过加密，比HTTP协议更安全。（　） 【答案】√ 【解析】HTTPS在HTTP基础上增加了SSL/TLS加密，对传输数据进行加密保护，安全性高于HTTP。 25．动态网页的内容固定不变，静态网页的内容会根据用户请求动态变化。（　） 【答案】× 【解析】说法正好相反：静态网页内容固定不变，动态网页的内容才会根据用户请求动态变化（由服务器端程序生成）。 26．HTML负责网页结构，CSS负责网页样式，JavaScript负责网页行为。（　） 【答案】√ 【解析】这正是Web标准"结构—样式—行为"三层分离的分工：HTML管结构、CSS管样式、JavaScript管行为。 27．遵循Web标准制作网页，可以使页面在不同浏览器中的显示更加统一、规范。（　） 【答案】√ 【解析】遵循Web标准可以使页面结构规范、样式统一，提高网页在不同浏览器中的兼容性和可维护性。 28．网页文件常用的扩展名是.html。（　） 【答案】√ 【解析】网页文件常用的扩展名是.html（也可用.htm），保存为该扩展名才能在浏览器中正常显示。 29．编码工具只能编写HTML文件，不能编写CSS文件。（　） 【答案】× 【解析】编码工具（如VS Code）可以编写HTML、CSS、JavaScript等多种类型的文件，CSS样式表也是由编码工具编写的。 30．运行静态网页必须在服务器端配置数据库。（　） 【答案】× 【解析】静态网页内容固定，无需数据库支持，直接以HTML文件形式存放；只有需要动态更新数据的网站才需要数据库。 三、名词解释题（本大题共 2 小题，每小题 5 分，共 10 分） 31．URL 【答案】URL（Uniform Resource Locator）即统一资源定位符，是互联网上用来标识资源位置的标准地址，通常包括协议、域名（主机名）、路径等信息，习惯上称为"网址"。 【评分标准】答出"统一资源定位符/标识资源地址"得3分；说明其组成（协议、域名、路径等）或举出实例再加2分，满分5分。 32．Web标准 【答案】Web标准是由W3C（万维网联盟）等国际组织制定的一套网页设计与开发规范，其核心思想是"结构、样式、行为"三层分离，即用HTML定义结构、CSS定义样式、JavaScript定义行为，以保证网页在不同设备、不同浏览器中显示规范、兼容统一。 【评分标准】遵循Web标准可提高网页的可维护性、可访问性和兼容性，是规范网页开发的重要依据。 四、简答题（本大题共 2 小题，每小题 5 分，共 10 分） 33．简述静态网页与动态网页的主要区别。 【答案】静态网页与动态网页的主要区别： （1）内容生成方式不同：静态网页内容预先编写、固定不变，服务器直接返回HTML文件；动态网页由服务器端程序根据用户请求动态生成页面内容。 （2）是否需要后台与数据库：静态网页一般不需要数据库和后台程序；动态网页通常结合数据库与服务器端脚本（后台程序）。 （3）交互性与更新：静态网页交互能力弱、内容更新需手动修改文件；动态网页可依据用户操作实时响应，内容更新方便。 （4）制作难度与性能：静态网页制作简单、加载快；动态网页开发复杂，但功能更丰富。 【评分标准】答出1个区别点得2分，答出2个及以上要点且表述清楚得满分5分。 34．什么是"结构—样式—行为"三层分离？它分别由什么技术实现？采用这种方式有什么好处？ 【答案】"结构—样式—行为"三层分离是Web标准的核心理念： （1）结构层：由HTML实现，负责定义网页的内容与语义结构； （2）样式层：由CSS实现，负责控制页面的外观样式（颜色、字体、布局等）； （3）行为层：由JavaScript实现，负责实现页面的交互行为与动态效果。 好处： ①结构清晰、职责分明，便于多人分工协作与后期维护； ②修改样式或行为时无需改动结构，提高开发效率； ③符合Web标准，增强网页在不同浏览器和设备上的兼容性； ④便于搜索引擎检索与网页访问。 【评分标准】正确写出三层的含义及对应技术各得1分（共3分）；写出好处1条得1分，2条及以上得2分，满分5分。 五、综合题（本大题共 2 小题，每小题 10 分，共 20 分） 35．小张用编码工具新建了一个HTML文件，准备编写第一个符合Web标准的网页。请根据提示补全下列HTML5初始文档中的空缺内容。 ①____ <html lang="zh-CN"> <head> <meta charset="②____"> <title>我的第一个网页</title> </head> ③____ <p>欢迎学习网页设计与制作！</p> ④____ ⑤____ 【答案】① <!DOCTYPE html>（文档类型声明） ② UTF-8 ③ <body> ④ </body> ⑤ </html> 补全后的完整文档： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <p>欢迎学习网页设计与制作！</p> </body> </html> 【评分标准】每空2分，共5空10分；内容正确且书写规范（含尖括号）得满分，只写关键词（如"body"）扣1分。 36．某同学想访问学校精品课程网站的页面，其网址为"https://www.example.edu.cn/course/index.html#top"。请回答下列问题： （1）指出该URL中的协议、域名、路径、锚点分别是什么。（3分） （2）该网址使用HTTPS协议，说明使用HTTPS协议传输网页内容的主要好处。（3分） （3）若该页面是一个静态网页，说明静态网页的含义，并简述其与动态网页的主要区别。（4分） 【答案】 （1）协议：https；域名：www.example.edu.cn；路径：/course/index.html；锚点：#top（top）。 （2）HTTPS协议在HTTP的基础上增加了SSL/TLS加密机制，网页数据在浏览器与服务器之间加密传输，可有效防止数据被窃听、篡改和伪造，保护用户信息安全，特别适合登录、支付等涉及敏感信息的场景。 （3）静态网页是指内容预先编写、固定不变的网页，服务器直接返回已存储的HTML文件，页面内容不随用户请求而变化。与动态网页的主要区别：动态网页由服务器端程序根据用户请求动态生成内容，通常结合数据库，交互性强、内容更新方便；静态网页则无需数据库与后台程序，制作简单、加载速度快，适合内容更新不频繁的展示型页面。 【评分标准】（1）3分：协议、域名、路径、锚点各1分，答对3项及以上得满分；（2）3分：答出"加密传输"得2分，答出"防窃听/篡改、保护信息安全"再加1分；（3）4分：静态网页含义2分，与动态网页的区别2分（答出"服务器端动态生成、结合数据库"等2个区别点即得满分）。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司zxxk.com 学科网（北京）股份有限公司 $ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 《网页设计与制作》电子工业出版社 模块一 网页设计与制作基础（A卷） 考试时间：90分钟 满分：100分 姓名 班级 学号 一、单项选择题（本题共20小题，每题2分，共40分） 1. 网页的本质是（　）。 A. 图片文件 B. HTML 文本文件 C. 可执行程序 D. 视频文件 2. 下列关于网页构成要素的说法，正确的是（　）。 A．网页只能包含文字和图片，不能包含超链接 B．网页必须包含动态效果，否则无法发布 C．网页中不能嵌入音频和视频 D．文字、图像、超链接是网页的常见构成要素 3．统一资源定位符的英文缩写是（　）。 A．HTML B．HTTP C．URL D．WWW 4．在URL "http://www.example.com/news/index.html" 中，"news/index.html" 表示该资源的（　）。 A．路径 B．域名 C．协议 D．端口 5．在网址 "https://www.example.com" 中，"https" 表示（　）。 A．超文本标记语言 B．安全的超文本传输协议 C．统一资源定位符 D．文件传输协议 6．下列关于HTTP协议与HTTPS协议的说法，正确的是（　）。 A．HTTP 与 HTTPS 传输数据都进行加密处理 B．HTTP 比 HTTPS 传输数据的安全性更高 C．HTTPS 在 HTTP 基础上增加加密层保障数据安全 D．HTTPS 不能用于网页数据的浏览传输 7．与动态网页相比，静态网页的主要特点是（　）。 A．内容固定，不随用户请求的变化而变化 B．内容可变化，随用户请求动态更新内容 C．需要后台程序实时生成页面内容 D．需要借助数据库存储页面展示内容 8．判断一个网页是否为动态网页，主要依据是（　）。 A．页面是否含有动画效果展示页面内容 B．服务器端是否根据用户的请求动态生成页面内容 C．页面是否使用 CSS 修饰页面内容样式 D．页面是否插入图片丰富页面展示内容 9．在Web标准倡导的"结构—样式—行为"三层分离中，负责描述网页"结构"的技术是（　）。 A．HTML B．CSS C．JavaScript D．Photoshop 10．在"结构—样式—行为"三层分离中，"样式"层主要由（　）负责实现。 A．HTML B．CSS C．JavaScript D．HTTP 11．下列关于Web标准（W3C规范）的说法，错误的是（　）。 A．Web标准由W3C等组织制定和推广 B．Web标准提倡结构、样式、行为三层分离 C．遵循Web标准可以提高网页在不同浏览器中的兼容性 D．Web标准规定网页必须使用JavaScript编写 12．用记事本编写一段HTML代码后，保存为下列哪个扩展名的文件，才能在浏览器中正常显示为网页？（　） A．.txt B．.doc C．.html D．.exe 13．下列工具中，最适合作为网页编码（代码编写）工具的是（　）。 A．Visual Studio Code B．画图程序 C．计算器 D．Windows Media Player 14．下列关于本地网页文件预览的说法，正确的是（　）。 A．本地网页文件必须先发布到服务器才能预览 B．双击本地HTML文件即可用浏览器打开预览 C．本地文件无法预览，只能发布后查看 D．预览本地网页前必须安装数据库 15．下列关于"超文本"的说法，正确的是（　）。 A．超文本就是体积非常大、内容非常多的普通文本文件 B．超文本与普通文本在组织方式和阅读方式上没有任何区别 C．超文本只能使用专门的付费阅读软件才能正常打开和阅读 D．超文本是可以包含超链接、实现页面间跳转的文本组织方式 16．浏览器的主要功能是（　）。 A．解释并显示网页内容 B．编写网页代码 C．管理网站的数据库 D．制作网页所需的图片 17．下列关于网站与网页关系的说法，正确的是（　）。 A．一个网站只能包含一个网页，不能包含其他网页 B．网页是存放网站的服务器，负责保存网站中的所有内容 C．网站是由多个相关网页组成的整体 D．网站与网页之间没有任何关系，二者是完全独立的概念 18．浏览器访问网站服务器上的网页时，双方通信主要遵循的协议是（　）。 A．FTP B．HTTP/HTTPS C．SMTP D．POP3 19．下列网站场景中，最可能采用动态网页实现的是（　）。 A．公司产品静态展示页 B．固定内容的新闻公告页 C．课程简介页面 D．在线选课系统（需根据用户操作返回结果） 20．在网页设计的一般流程中，编写页面代码之前通常应先完成（　）。 A．结构设计与页面规划 B．购买服务器并注册域名 C．安装数据库管理系统 D．配置网络防火墙 二、判断题（本题共10小题，每题2分，共20分） 21．文字、图像、超链接是网页的核心构成要素。（　） 22．网页只能在电脑上浏览，无法在手机上显示。（　） 23．URL是互联网上资源的统一地址，通常所说的"网址"即指URL。（　） 24．HTTPS协议传输的数据经过加密，比HTTP协议更安全。（　） 25．动态网页的内容固定不变，静态网页的内容会根据用户请求动态变化。（　） 26．HTML负责网页结构，CSS负责网页样式，JavaScript负责网页行为。（　） 27．遵循Web标准制作网页，可以使页面在不同浏览器中的显示更加统一、规范。（　） 28．网页文件常用的扩展名是.html。（　） 29．编码工具只能编写HTML文件，不能编写CSS文件。（　） 30．运行静态网页必须在服务器端配置数据库。（　） 三、名词解释题（本大题共 2 小题，每小题 5 分，共 10 分） 31．URL 32．Web标准 四、简答题（本大题共 2 小题，每小题 5 分，共 10 分） 33．简述静态网页与动态网页的主要区别。 34．什么是"结构—样式—行为"三层分离？它分别由什么技术实现？采用这种方式有什么好处？ 五、综合题（本大题共 2 小题，每小题 10 分，共 20 分） 35．小张用编码工具新建了一个HTML文件，准备编写第一个符合Web标准的网页。请根据提示补全下列HTML5初始文档中的空缺内容。 ①____ <html lang="zh-CN"> <head> <meta charset="②____"> <title>我的第一个网页</title> </head> ③____ <p>欢迎学习网页设计与制作！</p> ④____ ⑤____ 36．某同学想访问学校精品课程网站的页面，其网址为"https://www.example.edu.cn/course/index.html#top"。请回答下列问题： （1）指出该URL中的协议、域名、路径、锚点分别是什么。（3分） （2）该网址使用HTTPS协议，说明使用HTTPS协议传输网页内容的主要好处。（3分） （3）若该页面是一个静态网页，说明静态网页的含义，并简述其与动态网页的主要区别。（4分） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司zxxk.com 学科网（北京）股份有限公司 $