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

《网页设计与制作》（电工版第3版） 期末复习卷（九）原卷版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. 以下关于网站的说法，正确的是（　） A. 网站就是网页 B. 网站是指在因特网上根据一定规则制作的用于展示特定内容的相关网页的集合 C. 网站只有一个页面 D. 网站不需要主页 2. 某网页的URL为http://wz.sdck2022.com:8080/network/web.html，其中web.html是（　） A. 协议 B. 主机名 C. 端口号 D. 网页文件名 3. 在HTML中，<body>标记的background属性用于设置（　） A. 页面背景颜色 B. 页面背景图像 C. 文本颜色 D. 链接颜色 4. 在HTML中，用于设置网页作者信息的标记是（　） A. <meta name="author" content="abc"> B. <meta name="copyright" content="abc"> C. <meta name="date" content="2026-7-10"> D. <meta charset="UTF-8"> 5. 在HTML中，<p align="right">表示段落（　） A. 左对齐 B. 居中对齐 C. 右对齐 D. 两端对齐 6. 在HTML中，用于给文字加删除线的标记是（　） A. <u> B. <ins> C. <del> D. <i> 7. 在HTML中，要使用小写罗马数字作为有序列表的编号，type属性应设置为（　） A. a B. A C. i D. I 8. 在Dreamweaver中，启动后系统自动新建的网页文件名为（　） A. Noname.htm B. 无标题.htm C. Untitled-1.html D. 未命名1.htm 9. 在Dreamweaver中，字体列表中的“隶书，宋体”表示（　） A. 优先显示隶书，或无隶书则显示宋体 B. 隶书和宋体的混合体 C. 优先显示宋体，或无宋体则显示隶书 D. 不可能有这种字体 10. 在CSS中，表示活动链接的伪类是（　） A. a:link B. a:visited C. a:hover D. a:active 11. 在CSS中，设置文本行高的属性是（　） A. font-size B. line-height C. text-height D. height 12. 在CSS中，border-radius属性用于（　） A. 设置边框颜色 B. 设置边框宽度 C. 设置边框圆角 D. 设置边框样式 13. 在CSS中，float属性的默认值是（　） A. left B. right C. none D. center 14. 在Dreamweaver中，插入图像时，下列说法错误的是（　） A. 图像文件最好不要太大，以免影响下载速度 B. 图像文件名最好不要用中文 C. 最好将图像文件存入网站根目录中的image文件夹 D. 图像文件最好是位图文件 15. 在Dreamweaver中，插入Flash SWF对应的组合键是（　） A. Ctrl+Alt+A B. Ctrl+Alt+F C. Ctrl+Shift+F D. Ctrl+Shift+A 16. 选中的文本要链接到http://www.sina.com.cn时，必须使用的路径是（　） A. 绝对路径 B. 根路径 C. 相对路径 D. 以上均可 17. 在Dreamweaver中，创建脚本链接时，链接框中应输入（　） A. javascript:后跟JavaScript代码 B. script:后跟JavaScript代码 C. js:后跟JavaScript代码 D. code:后跟JavaScript代码 18. 在Dreamweaver中，选中多个不连续的单元格，应使用（　） A. Shift键 B. Ctrl键 C. Alt键 D. Tab键 19. 在Dreamweaver中，表格的嵌套层次一般最多不超过（　） A. 2层 B. 3层 C. 4层 D. 5层 20. 在行为中，事件onSubmit表示（　）时触发。 A. 表单被提交 B. 表单被重置 C. 表单获得焦点 D. 表单失去焦点 21. 在Dreamweaver中，“改变属性”行为可以改变对象的（　） A. 文本内容 B. 某个属性（如背景颜色、宽度等） C. 位置 D. 大小 22. 在模板中，可编辑区域（　） A. 可以嵌套插入 B. 不能嵌套插入 C. 可以无限嵌套 D. 只能嵌套一层 23. 若要将模板应用到已有内容的网页中，原来的内容（　） A. 全部被删除 B. 可以指定到某个可编辑区域中 C. 只能存在head标记中 D. 只能保留文本信息 24. 在表单中，<select>标记的size属性用于（　） A. 设置下拉菜单的宽度 B. 设置显示的选项个数（滚动菜单） C. 设置菜单的名称 D. 设置默认选中的选项 25. 在表单中，要设置复选框默认选中，应添加的属性是（　） A. selected="selected" B. checked="checked" C. default="default" D. choose="choose" 二、简答题（共4题，每题5分） 1. 简述两种强制换行之间的区别。 2. 在网页 index.html 中，创建了一个三行一列的表格，请根据所学回答下列问题： （1） 将当前站点 image 文件夹中的 logo.gif 图片插入到第一行表格中，当鼠标指针指向图片时显示：这是一幅图片。 （2） 在表格的最后再插入一行，输入“copyright©版权所有”，并居中显示。 3. 在 Dreamweaver 中包含表单如图所示，按要求回答下列问题。 图2-1 （1）设置 “姓名” 为必填项。 （2）选择合适的提交方法将该表单提交到文件 “1234.asp”。 （3）表单的表单编码enctype的取值是什么？ （4）设置“手机号码”只接收11位数字，并以数字“1”开头。 4. 根据所学知识回答下列问题： （1） 简述模板的定义及功能。 （2） 模板的扩展名是什么，存放在什么位置？ （3）如何将网页从模板中分离出来，请写出操作路径。 三、案例分析题（共4题，每题5分） 1. 小李想在当前打开的网页文档中插入文件 donghua.swf，请你帮他写出操作步骤。由于 donghua.swf 文件的背景为黑色，浏览时会出现与网页的浅色背景不一致的情况，怎样才能使整个页面变得协调？并设置自动循环播放。 2. 在使用CSS+DIV对页面进行布局时， （1）简述盒子模型的定义。 （2）盒子模型的实际宽度是怎么计算的？ （3）在 Dreamweaver CC 中，设置了 Div position 属性的 absolute 值后，Div A、B、C 的 Z 值分别是 2、-1、5，则最靠上的 Div 是哪一个？ 3. 按要求补全以下 HTML 代码: （1）设置表格填充为 3 像素，背景图像为 images/bj.jpg。 < table ① width="800" border="0" ② ="3"></ table> （2）插入一个 DIV，套用类样式 abc。 < div ③ >图片</ div> （3）插入背景音乐 music/music.mp3，循环播放。 < bgsound src=" music/music.mp3" ④ > （4）将表单以最安全方法提交到 abc.asp。 < form action=" abc.asp" ⑤ name=" form1" id=" form1"> 4. 根据所学的CSS知识，回答下列问题。 图3-1 图3-2 图3-3 （1） 图3-1、图3-2、图3-3分别属于哪一种方式，优先级是什么？ （2） 简述图3-3的操作步骤。 四、综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver中打开，请根据所学内容回答下列问题： 图4-1 （1） 设置网页标题为“春节”； （2） 将段落第一行文字“春节”，链接到chunjie.html； （3） 新建CSS样式.ys，字体颜色设置为黄色，黑体，字号23px，行高为15px，并将其应用到“扫尘”和“守岁”。 （4） 添加行为：网页打开时，图片“中国节”以百叶窗的形式显示出来。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 《网页设计与制作》（电工版第3版） 期末复习卷（九）解析版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. 以下关于网站的说法，正确的是（　） A. 网站就是网页 B. 网站是指在因特网上根据一定规则制作的用于展示特定内容的相关网页的集合 C. 网站只有一个页面 D. 网站不需要主页 【答案】B 【解析】Web站点，又称为网站，是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。 2. 某网页的URL为http://wz.sdck2022.com:8080/network/web.html，其中web.html是（　） A. 协议 B. 主机名 C. 端口号 D. 网页文件名 【答案】D 【解析】web.html为URL组成中的网页文件名部分。 3. 在HTML中，<body>标记的background属性用于设置（　） A. 页面背景颜色 B. 页面背景图像 C. 文本颜色 D. 链接颜色 【答案】B 【解析】<body bgcolor="页面背景颜色" background="背景图像" text="文本颜色"> 4. 在HTML中，用于设置网页作者信息的标记是（　） A. <meta name="author" content="abc"> B. <meta name="copyright" content="abc"> C. <meta name="date" content="2026-7-10"> D. <meta charset="UTF-8"> 【答案】A 【解析】设置网页作者信息要求name="author"。 5. 在HTML中，<p align="right">表示段落（　） A. 左对齐 B. 居中对齐 C. 右对齐 D. 两端对齐 【答案】C 【解析】align对齐方式的三种取值：left（左对齐）、center（居中对齐）和right（右对齐） 6. 在HTML中，用于给文字加删除线的标记是（　） A. <u> B. <ins> C. <del> D. <i> 【答案】C 【解析】 代码 含义 代码 含义 代码 含义 代码 含义 <u> 下划线 <ins> 下划线 <del> 删除线 <i> 斜体 7. 在HTML中，要使用小写罗马数字作为有序列表的编号，type属性应设置为（　） A. a B. A C. i D. I 【答案】C 【解析】小写罗马数字：i 数字（默认）：1；小写字母：a；大写字母：A；大写罗马数字：I 8. 在Dreamweaver中，启动后系统自动新建的网页文件名为（　） A. Noname.htm B. 无标题.htm C. Untitled-1.html D. 未命名1.htm 【答案】C 【解析】启动Dreamweaver后，系统自动新建一个名为Untitled-1，标题为无标题文档，扩展名为 .html的网页文件。 9. 在Dreamweaver中，字体列表中的“隶书，宋体”表示（　） A. 优先显示隶书，或无隶书则显示宋体 B. 隶书和宋体的混合体 C. 优先显示宋体，或无宋体则显示隶书 D. 不可能有这种字体 【答案】A 【解析】字体列表从左到右依次匹配。 10. 在CSS中，表示活动链接的伪类是（　） A. a:link B. a:visited C. a:hover D. a:active 【答案】D 【解析】活动链接：a:active 链接颜色：a:link；已访问链接：a:visited；变换图像链接：a:hover。 11. 在CSS中，设置文本行高的属性是（　） A. font-size B. line-height C. text-height D. height 【答案】B 【解析】文本行高的属性：line-height A选项：字体大小，D选项：高度。 12. 在CSS中，border-radius属性用于（　） A. 设置边框颜色 B. 设置边框宽度 C. 设置边框圆角 D. 设置边框样式 【答案】C 【解析】border-radius：设置边框圆角 A选项：border-color，B选项：border-width，D选项：border-style。 13. 在CSS中，float属性的默认值是（　） A. left B. right C. none D. center 【答案】C 【解析】float可以设置为left、right或者默认值none。 14. 在Dreamweaver中，插入图像时，下列说法错误的是（　） A. 图像文件最好不要太大，以免影响下载速度 B. 图像文件名最好不要用中文 C. 最好将图像文件存入网站根目录中的image文件夹 D. 图像文件最好是位图文件 【答案】D 【解析】位图文件一般内存较大，不宜作为网页中的插入图像，可能会影响下载速度。 15. 在Dreamweaver中，插入Flash SWF对应的组合键是（　） A. Ctrl+Alt+A B. Ctrl+Alt+F C. Ctrl+Shift+F D. Ctrl+Shift+A 【答案】B 【解析】插入Flash SWF对应的组合键是Ctrl+Alt+F 16. 选中的文本要链接到http://www.sina.com.cn时，必须使用的路径是（　） A. 绝对路径 B. 根路径 C. 相对路径 D. 以上均可 【答案】A 【解析】当要链接到其他网站中的文件时必须使用绝对路径。 17. 在Dreamweaver中，创建脚本链接时，链接框中应输入（　） A. javascript:后跟JavaScript代码 B. script:后跟JavaScript代码 C. js:后跟JavaScript代码 D. code:后跟JavaScript代码 【答案】A 【解析】脚本链接是一种用于执行JavaScript代码或调用JavaScript函数的链接，使用时在属性面板的“链接”文本框中输入“javascript:”，后跟JavaScript代码或函数（在冒号与代码之间不能键入空格）。 18. 在Dreamweaver中，选中多个不连续的单元格，应使用（　） A. Shift键 B. Ctrl键 C. Alt键 D. Tab键 【答案】B 【解析】按住【Ctrl】键依次单击要选择的单元格，可以选择不连续的单元格，再次单击可取消其选择。 19. 在Dreamweaver中，表格的嵌套层次一般最多不超过（　） A. 2层 B. 3层 C. 4层 D. 5层 【答案】B 【解析】嵌套层数最多不超过3层，嵌套层数越多，浏览网页时所需的下载时间越长。 20. 在行为中，事件onSubmit表示（　）时触发。 A. 表单被提交 B. 表单被重置 C. 表单获得焦点 D. 表单失去焦点 【答案】A 【解析】onSubmit：当表单将要被提交时触发。 21. 在Dreamweaver中，“改变属性”行为可以改变对象的（　） A. 文本内容 B. 某个属性（如背景颜色、宽度等） C. 位置 D. 大小 【答案】B 【解析】改变属性：可通过改变图像、AP Div、表单等的某个属性来实现动态效果。 22. 在模板中，可编辑区域（　） A. 可以嵌套插入 B. 不能嵌套插入 C. 可以无限嵌套 D. 只能嵌套一层 【答案】B 【解析】可编辑区域不能嵌套插入。 23. 若要将模板应用到已有内容的网页中，原来的内容（　） A. 全部被删除 B. 可以指定到某个可编辑区域中 C. 只能存在head标记中 D. 只能保留文本信息 【答案】B 【解析】若要将模板应用到已有内容的网页中，原来的内容可通过“Document body<未解析>指定到某个可编辑区域中。 24. 在表单中，<select>标记的size属性用于（　） A. 设置下拉菜单的宽度 B. 设置显示的选项个数（滚动菜单） C. 设置菜单的名称 D. 设置默认选中的选项 【答案】B 【解析】size：设置滚动菜单显示的选项个数 25. 在表单中，要设置复选框默认选中，应添加的属性是（　） A. selected="selected" B. checked="checked" C. default="default" D. choose="choose" 【答案】B 【解析】属性checked=”checked”表示选中。 二、简答题（共4题，每题5分） 1. 简述两种强制换行之间的区别。 【答案】强制换行包括段落换行和换行符换行。 段落换行：会出现一行空行；快捷键为【enter】；生成的HTML代码为<p></p>（3分） 换行符换行：不会出现空行；快捷键为【shift+enter】；生成的HTML代码为<br>（2分） 2. 在网页 index.html 中，创建了一个三行一列的表格，请根据所学回答下列问题： （1） 将当前站点 image 文件夹中的 logo.gif 图片插入到第一行表格中，当鼠标指针指向图片时显示：这是一幅图片。 （2） 在表格的最后再插入一行，输入“copyright©版权所有”，并居中显示。 【答案】 （1）①将光标定位到需要插入图像的位置，选择菜单“插入→Image”命令，打开“选择图像源文件”对话框，在image文件夹中选择文件 logo.gif，单击“确定”按钮；（1分） ②在属性面板的“title”文本框中输入“这是一幅图片”。（1分） （2）①鼠标定位到表格最后一行，右击选择菜单“表格→插入行或列”命令，弹出“插入行或列”对话框，选择插入“行”，行数为“1”，位置“所选之下”，点击确定；（1分） ②选中新建行，在属性面板的“水平”选择“居中”，在单元格中输入copyright©版权所有。（2分） 3. 在 Dreamweaver 中包含表单如图所示，按要求回答下列问题。 图2-1 （1）设置 “姓名” 为必填项。 （2）选择合适的提交方法将该表单提交到文件 “1234.asp”。 （3）表单的表单编码enctype的取值是什么？ （4）设置“手机号码”只接收11位数字，并以数字“1”开头。 【答案】 （1） 选中“姓名”文本框，在属性面板勾选“required”。（1分） （2） 选中表单，在属性面板的method选择post，在action选择文件“1234.asp”。（2分） （3） multipart/form-data（1分） （4） pattern=”1\d{10}”（1分） 4. 根据所学知识回答下列问题： （1） 简述模板的定义及功能。 （2） 模板的扩展名是什么，存放在什么位置？ （3） 如何将网页从模板中分离出来，请写出操作路径。 【答案】 （1） 模板是一种用于设计统一风格页面的特殊类型文档，使用模板既能快速创建风格一致的各个网页，还能快速改变整个站点的布局和外观，为后期的网站维护提供方便。（2分） （2） 扩展名：.dwt（1分） 位置：站点根目录的templates文件夹（1分） （3） 工具→模板→从模板中分离（1分） 三、案例分析题（共4题，每题5分） 1. 小李想在当前打开的网页文档中插入文件 donghua.swf，请你帮他写出操作步骤。由于 donghua.swf 文件的背景为黑色，浏览时会出现与网页的浅色背景不一致的情况，怎样才能使整个页面变得协调？并设置自动循环播放。 【答案】①将光标定位到要插入动画的位置，选择菜单“插入→HTML→Flash SWF”命令，打开“选择 SWF”对话框，选择文件donghua.swf，单击“确定”按钮；（2分） ②在属性面板中勾选“自动播放”、“循环”，在WMODE属性选择“透明”。（3分） 2. 在使用CSS+DIV对页面进行布局时， （1）简述盒子模型的定义。 （2）盒子模型的实际宽度是怎么计算的？ （3）在 Dreamweaver CC 中，设置了 Div position 属性的 absolute 值后，Div A、B、C 的 Z 值分别是 2、-1、5，则最靠上的 Div 是哪一个？ 【答案】 （1） 一个盒子模型由content(内容)、boder(边框)、padding(间隙)和margin（间隔）等4个部分组成。（2分） （2） 一个盒子的实际宽度（或高度）是由content+boder+padding+margin组成的。（2分） （3） C（1分） 3. 按要求补全以下 HTML 代码: （1）设置表格填充为 3 像素，背景图像为 images/bj.jpg。 < table ① width="800" border="0" ② ="3"></ table> （2）插入一个 DIV，套用类样式 abc。 < div ③ >图片</ div> （3）插入背景音乐 music/music.mp3， 循环播放。 < bgsound src=" music/music.mp3" ④ > （4）将表单以最安全方法提交到 abc.asp。 < form action=" abc.asp" ⑤ name=" form1" id=" form1"> 【答案】（每空1分，共5分） ① background=” images/bj.jpg” ② cellpadding ③class=”abc” ④ loop=”-1” ⑤method=”post” 4. 根据所学的CSS知识，回答下列问题。 图3-1 图3-2 图3-3 （1） 图3-1、图3-2、图3-3分别属于哪一种方式，优先级是什么？ （2） 简述图3-3的操作步骤。 【答案】 （1） 图3-1：内嵌CSS样式；图3-2：内联CSS样式；图3-3：外部链接CSS样式（3分） （2） ①打开CSS设计器面板，单击“添加新的CSS源”，选择“附加现有的CSS样式”；（1分） ②在弹出的对话框中，从CSS文件夹中选择文件1.css，设置“添加为”“链接”。（1分） 四、综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver中打开，请根据所学内容回答下列问题： 图4-1 （1） 设置网页标题为“春节”； （2） 将段落第一行文字“春节”，链接到chunjie.html； （3） 新建CSS样式.ys，字体颜色设置为黄色，黑体，字号23px，行高为15px，并将其应用到“扫尘”和“守岁”。 （4） 添加行为：网页打开时，图片“中国节”以百叶窗的形式显示出来。 【答案】 （1） 文件→页面属性，打开对话框，在“标题/编码”中设置网页标题为“春节”，点击确定。（1分） （2） 选中“春节”，在属性面板的链接文本框中输入chunjie.html。（1分） （3） ①打开CSS设计器面板，单击“添加新的CSS源”，选择“在页面中定义”；（1分） ②选中“源”中自动生成的“<style>”，在CSS设计器面板单击“添加选择器”按钮，输入样式名.ys，单击“添加CSS属性”，设置CSS属性font-family为黑体，font-size为23px，color为yellow，line-height为15px；（3分） ③分别选中文字“扫尘”和“守岁”，在属性面板的“类”中选择“ys”。（1分） （4）①选中图片“中国节”，窗口→行为，打开行为面板,点击“+”添加行为按钮，在下拉菜单中选择“效果-blind”；（1分） ②设置可见性为“show”，方向为“vertical”，点击“确定”；（1分） ③设置事件为onLoad。（1分） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $《网页设计与制作》（电工版第3版) 期末复习卷（九）答题卡 时间：60分钟 总分：100分 姓名 成绩 考号 一、选择题（共25题，每题2分，共50分） 1A☐BCD□6AOB☐cD]11AOB☐c□D16A□B☐CD□ 2AB□CD7A▣B□CD12AB□CD17ABC□D 3AB□CD8A▣B□C☐D13AB□CD18ABC□D 4AB☐CD] 9A▣BCD14ABCD19AB□CD 5A▣BC□D]10A▣BC□D15AOB☐CD20AB□cD 21ABCD 22A☐BC☑D 2A幻BCD 24A☐BCD 25AB☐CD] 二、简答题（共4题，每题5分) 1. 期末复习卷九答题卡页共4页 2. 3. ? 期末复习卷九题去页共4页 三、案例分析题（共4题，每题5分） 1. 2. 3.① ② ③ ④ ⑤ 期末复习卷九题卡页共4页 四、综合应用题（共1题，每题10分） 1. 期末复习卷九答题本页共4页