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

《网页设计与制作》（电工版第3版） 期末复习卷（四）原卷版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. Internet提供的主要服务不包括（　） A. WWW B. E-Mail C. FTP D. HTTP 2. 某网页的URL为http://www.qqaa.net/news/tz.html，其中news是指（　） A. 访问协议 B. 主机名 C. 网页的路径 D. 网页文件名 3. 下列HTML标签中，用于创建超链接的是（　） A. <link> B. <a> C. <href> D. <url> 4. 下列HTML标签中，用于换行的是（　） A. <p> B. <br> C. <hr> D. <newline> 5. 在<table>标记中，用于定义单元格边距的参数是（　） A. cellspacing B. align C. cellpadding D. colspan 6. 表格中，某单元格跨越两列，该单元格对应的源代码是（　） A. <td rowspan="2"> B. <td colspan="2"> C. <table rowspan="2"> D. <table colspan="2"> 7. 在HTML标记中的滚动标记<marquee>中，设置来回滚动方式的属性是（ ） A. alternate B. slide C. scroll D. behavior 8. 在滚动标记<marquee>中，属性scrollamount的作用是定义（ ） A. 滚动方式 B. 滚动次数 C. 滚动速度 D. 滚动方向 9. 无序列表中，要将项目符号从实心圆点改为空心圆圈，type属性的值应设置为（　） A. disc B. circle C. square D. none 10. 在Dreamweaver中，关于站点的说法，错误的是（　） A. 站点可以帮助管理网站的所有文件 B. 不创建站点也能制作网页 C. 创建站点是制作网站的第一步 D. 一个站点只能包含一个网页文件 11. 在Dreamweaver中，关于文件夹的说法，错误的是（　） A. 可以创建文件夹来分类管理文件 B. 图像文件通常放在images文件夹中 C. 文件夹名可以随意命名，没有任何规范 D. 可以创建多级文件夹 12. 在Dreamweaver页面属性中，“标题”分类不能设置的是（　） A. 标题字体 B. 标题字号 C. 标题颜色 D. 标题内容 13. 在Dreamweaver中，关于跟踪图像的说法，错误的是（　） A. 跟踪图像是设计参考图 B. 跟踪图像在浏览器中不会显示 C. 可以设置跟踪图像的透明度 D. 跟踪图像就是网页的背景图像 14. 在Dreamweaver中，关于文本缩进的说法，正确的是（　） A. 文本只能左缩进，不能右缩进 B. 可以使用属性面板中的缩进按钮设置文本缩进 C. 文本缩进就是首行缩进 D. 文本缩进只能通过CSS实现 15. 下列关于CSS样式类型的说法，错误的是（　） A. 类样式以点号开头，如.red B. ID样式以#号开头，如#header C. 标签样式直接使用标签名，如p D. 复合内容样式只能选择两个标签 16. 下列关于CSS样式的说法，正确的是（　） A. CSS样式只能控制文字样式 B. CSS样式可以控制背景、边框、布局等多种样式 C. CSS样式不能控制动画效果 D. CSS样式只能在Dreamweaver中使用 17. 在网页中常用的两种图像格式是（　） A. BMP和JPEG B. GIF和BMP C. PNG和BMP D. GIF和JPG 18. 在Dreamweaver中，关于图像热点的说法，错误的是（　） A. 可以创建矩形热点 B. 可以创建圆形热点 C. 可以创建多边形热点 D. 一张图像只能创建一个热点 19. 在Dreamweaver中，关于Flash动画的说法，错误的是（　） A. Flash动画的扩展名是.swf B. 可以设置Flash动画的背景是否透明 C. Flash动画不能设置宽高 D. 可以设置Flash动画是否自动播放 20. 下列关于超链接的说法，错误的是（　） A. 超链接可以是文字 B. 超链接可以是图像 C. 超链接只能链接到其他网页 D. 超链接可以链接到电子邮件 21. 在CSS中，display属性的值不包括（　） A. block B. inline C. none D. float 22. 在模板中，可编辑区域名称不能使用的字符是（　） A. 英文字母 B. 数字 C. 下划线 D. 单引号 23. 下列事件中，属于表单事件的是（　） A. onLoad B. onSubmit C. onMouseOver D. onKeyPress 24. 在表单中，关于单选按钮和复选框的区别，下列说法正确的是（　） A. 单选按钮只能选一个，复选框可以选多个 B. 单选按钮可以选多个，复选框只能选一个 C. 单选按钮和复选框都只能选一个 D. 单选按钮和复选框都可以选多个 25. 在表单中，用于隐藏信息、用户不可见但可以提交的表单对象是（　） A. 文本域 B. 隐藏域 C. 文件域 D. 文本区域 2、 简答题（共4题，每题5分） 1. 简述插入连续空格的5种方法。 2. 当前站点文件面板如图2-1所示，请按照要求回答以下问题，所有路径采用相对路径表示。 （1）在default.html中使用代码完成操作： ①插入图像213.jpg； ②将文本“新闻”链接到web1.html，浏览器中单击时目标网页在新窗口中打开； ③将文本“联系我们”链接到abc@126.com。 （2）在web1.html中使用代码完成操作：图2-1 ①插入图像2321.jpg； ②将文本“主页”链接到web1.html。 3. 在当前页面中定义类样式ys，定义元素宽度为300px，高度为200px，内外边距均为3px，并将该样式应用于页面已插入的DIV，写出操作步骤。 4. 根据所学知识点，回答下列问题： （1） 简述行为的定义及组成。 （2） 创建行为：关闭网页时，页面弹出“下次再见！”。 3、 案例分析题（共4题，每题5分） 1. 请在网页index.html中，通过页面属性设置网页标题为“网页设计”，页面字体为宋体，大小为15像素，链接字体为黑体、始终无下划线。 2. 在 Dreamweaver CC 中，为网页页面添加背景音乐 bj.mp3，要求按钮隐藏、自动播放和循环播放，并写出该操作步骤所自动生成的HTML代码。 3. CSS样式定义如下，回答一下问题： <style type=”text/css”> #abc{ Background-image:url(image/bg.jpg); Background-repeat:repeat-x; Background-position: 0 center;} </style> （1）写出该选择器的类型 （2）该选择器所定义样式的含义是什么？ 4. Web.html使用div只做了如下按钮，如下图3-2（a）所示，鼠标悬停到该按钮上时呈现3-2（b）所示效果，请将代码补充完整。 图3-2（a） 图3-2（b） <html> <head> <style type="text/css"> _________①__________ { background-color: #F38FFF; width: 100px; _________②__________: 10px; height: 30px; _________③__________: center; } __________④_________ { color: #FFFFFF; background-color: #000000; } __________⑤_________ </head> <body> <form><input type="button" class="button" value="点击一下"></form> </body> </html> 4、 综合应用题（共1题，每题10分） 1. web.html 已在 DreamweaverCC 中打开，如下图4-1所示，按要求回答以下问题： 图4-1 （1）设置用户名和密码登录时不能为空。 （2）将 “首页”链接到 index.html，鼠标指向时文本呈红色显示。 （3）将 “没时间读书？…”设置为来回滚动的文本，鼠标单击时停止滚动，鼠标离开后继续滚动。 （4）鼠标指向 “Java 程序员面试宝典”图片时，切换为 tx.jpg，离开后恢复。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 《网页设计与制作》（电工版第3版） 期末复习卷（四）解析版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. Internet提供的主要服务不包括（　） A. WWW B. E-Mail C. FTP D. HTTP 【答案】D 【解析】Internet提供的服务：万维网（WWW）、电子邮件（E-Mail）、文件传输（FTP）、远程登录（Telnet） 2. 某网页的URL为http://www.qqaa.net/news/tz.html，其中news是指（　） A. 访问协议 B. 主机名 C. 网页的路径 D. 网页文件名 【答案】C 【解析】URL的组成：协议、主机名、路径（存储网页的文件夹）及文件名。 News为存储网页的文件夹，即路径。 3. 下列HTML标签中，用于创建超链接的是（　） A. <link> B. <a> C. <href> D. <url> 【答案】B 【解析】超链接的HTML标记为<a></a> 4. 下列HTML标签中，用于换行的是（　） A. <p> B. <br> C. <hr> D. <newline> 【答案】B 【解析】换行标记：<br>，相当于“换行符换行”，也相当于快捷键shift+enter。 5. 在<table>标记中，用于定义单元格边距的参数是（　） A. cellspacing B. align C. cellpadding D. colspan 【答案】C 【解析】<table align="对齐方式" cellpadding="单元格边距" cellspacing ="单元格间距">……</table> 6. 表格中，某单元格跨越两列，该单元格对应的源代码是（　） A. <td rowspan="2"> B. <td colspan="2"> C. <table rowspan="2"> D. <table colspan="2"> 【答案】B 【解析】<td rowspan="跨越行数" colspan ="跨越列数">……</td> 7. 在HTML标记中的滚动标记<marquee>中，设置来回滚动方式的属性是（ ） A. alternate B. slide C. scroll D. behavior 【答案】A 【解析】behavior的取值：alternate（来回滚动）、slide（滚动一圈）、scroll（循环滚动） 8. 在滚动标记<marquee>中，属性scrollamount的作用是定义（ ） A. 滚动方式 B. 滚动次数 C. 滚动速度 D. 滚动方向 【答案】C 【解析】<marquee behavior="方式" direction="方向" scrollamount="速度">滚动方式文本 </marquee> 9. 无序列表中，要将项目符号从实心圆点改为空心圆圈，type属性的值应设置为（　） A. disc B. circle C. square D. none 【答案】B 【解析】disc：实心小圆点·（默认）；circle：空心小圆圈○；square：实心小方块█ 10. 在Dreamweaver中，关于站点的说法，错误的是（　） A. 站点可以帮助管理网站的所有文件 B. 不创建站点也能制作网页 C. 创建站点是制作网站的第一步 D. 一个站点只能包含一个网页文件 【答案】D 【解析】创建一个站点是建立网站的第一步。站点可以简单地理解为管理和存放网站中所有网页及各种素材的文件夹。通过站点，可以方便地对站点文件进行管理并能够减少链接与路径方面的错误。 11. 在Dreamweaver中，关于文件夹的说法，错误的是（　） A. 可以创建文件夹来分类管理文件 B. 图像文件通常放在images文件夹中 C. 文件夹名可以随意命名，没有任何规范 D. 可以创建多级文件夹 【答案】C 【解析】站点文件夹的命名规则： （1）文件和文件夹的名称最好使用英文或数字； （2）不要使用过长的文件名； （3）见名知意。 12. 在Dreamweaver页面属性中，“标题”分类不能设置的是（　） A. 标题字体 B. 标题字号 C. 标题颜色 D. 标题内容 【答案】D 【解析】如下图所示，“标题”分类可设置标题字体、大小、颜色、粗细、倾斜，但不能设置内容。 13. 在Dreamweaver中，关于跟踪图像的说法，错误的是（　） A. 跟踪图像是设计参考图 B. 跟踪图像在浏览器中不会显示 C. 可以设置跟踪图像的透明度 D. 跟踪图像就是网页的背景图像 【答案】D 【解析】跟踪图像允许用户在网页中将原来的平面设计稿作为辅助背景，可精确的定位页面元素。 14. 在Dreamweaver中，关于文本缩进的说法，正确的是（　） A. 文本只能左缩进，不能右缩进 B. 可以使用属性面板中的缩进按钮设置文本缩进 C. 文本缩进就是首行缩进 D. 文本缩进只能通过CSS实现 【答案】B 【解析】属性面板里有内缩区块（右缩进）和取消内缩区块（左缩进）按钮，可以直接设置文本块缩进，也可以用 CSS 实现。 文本缩进是整个段落整体向内缩进；首行缩进只是段落第一行缩进，二者不是同一个概念。 15. 下列关于CSS样式类型的说法，错误的是（　） A. 类样式以点号开头，如.red B. ID样式以#号开头，如#header C. 标签样式直接使用标签名，如p D. 复合内容样式只能选择两个标签 【答案】D 【解析】复合内容（复合选择器）可以多个标签 / 选择器组合，不限于两个。 16. 下列关于CSS样式的说法，正确的是（　） A. CSS样式只能控制文字样式 B. CSS样式可以控制背景、边框、布局等多种样式 C. CSS样式不能控制动画效果 D. CSS样式只能在Dreamweaver中使用 【答案】B 【解析】CSS 是网页标准技术，不只限于 Dreamweaver，任何编辑器都可以编写使用，可控制布局、文本、边框、背景等多种样式，可通过animation控制动画效果。 17. 在网页中常用的两种图像格式是（　） A. BMP和JPEG B. GIF和BMP C. PNG和BMP D. GIF和JPG 【答案】D 【解析】在网页中常用的3种图像格式是GIF、JPEG、PNG。 18. 在Dreamweaver中，关于图像热点的说法，错误的是（　） A. 可以创建矩形热点 B. 可以创建圆形热点 C. 可以创建多边形热点 D. 一张图像只能创建一个热点 【答案】D 【解析】一个图像可创建多个热点。 19. 在Dreamweaver中，关于Flash动画的说法，错误的是（　） A. Flash动画的扩展名是.swf B. 可以设置Flash动画的背景是否透明 C. Flash动画不能设置宽高 D. 可以设置Flash动画是否自动播放 【答案】C 【解析】Flash动画可在属性面板中设置宽和高。 20. 下列关于超链接的说法，错误的是（　） A. 超链接可以是文字 B. 超链接可以是图像 C. 超链接只能链接到其他网页 D. 超链接可以链接到电子邮件 【答案】C 【解析】超链接既可以链接到其他网页，也可以链接到本网页中（使用空链接或锚点链接）。 21. 在CSS中，display属性的值不包括（　） A. block B. inline C. none D. float 【答案】D 【解析】常见的display的取值：none、inline、block、inline-block 22. 在模板中，可编辑区域名称不能使用的字符是（　） A. 英文字母 B. 数字 C. 下划线 D. 单引号 【答案】D 【解析】命名一个可编辑区域时，不能使用单引号、双引号、尖括号和“&”等符号。 23. 下列事件中，属于表单事件的是（　） A. onLoad B. onSubmit C. onMouseOver D. onKeyPress 【答案】B 【解析】onSubmit为表单事件。 onLoad为浏览器事件；onMouseOver为鼠标事件；onKeyPress为键盘事件。 24. 在表单中，关于单选按钮和复选框的区别，下列说法正确的是（　） A. 单选按钮只能选一个，复选框可以选多个 B. 单选按钮可以选多个，复选框只能选一个 C. 单选按钮和复选框都只能选一个 D. 单选按钮和复选框都可以选多个 【答案】A 【解析】单选按钮只能选一个，复选框可以选多个 25. 在表单中，用于隐藏信息、用户不可见但可以提交的表单对象是（　） A. 文本域 B. 隐藏域 C. 文件域 D. 文本区域 【答案】B 【解析】若要在表单结果中包含不让站点访问者看见的信息，可以在表单中添加隐藏域。当提交表单时，隐藏域会将非浏览者输入的信息发送到服务器上，为制作数据接口做准备。 2、 简答题（共4题，每题5分） 1. 简述插入连续空格的5种方法。 【答案】（任选5条即可，5分） 方法一：选择“插入”菜单→“HTML”→“不换行空格”命令。 方法二：选择“插入”面板→“HTML”类别→“不换行空格”按钮。 方法三：按【Ctrl+shift+space】组合键。 方法四：在“代码”视图窗口中，输入空格代码“&nbsp;”。 方法五：切换中文输入法为全角状态，按空格键可以输入多个空格。 方法六：选择菜单“编辑→首选项”命令，弹出对话框。在“分类”列表中选择“常规”选项，勾选“允许多个连续的空格”复选框，单击“确定”按钮。此时，可以直接按空格键输入空格。 2. 当前站点文件面板如图2-1所示，请按照要求回答以下问题，所有路径采用相对路径表示。 （1）在default.html中使用代码完成操作： ①插入图像213.jpg； ②将文本“新闻”链接到web1.html，浏览器中单击时目标网页在新窗口中打开； ③将文本“联系我们”链接到abc@126.com。 （2）在web1.html中使用代码完成操作：图2-1 ①插入图像2321.jpg； ②将文本“主页”链接到web1.html。 【答案】（每问1分，共5分） （1） ①<img src=”../images/213.jpg”> ②<a href=”../other/web1.html” target=”_blank”>新闻</a> ③<a href=”mailto:abc@126.com”>联系我们</a> （2） ①<img src=”../images/2312.jpg”> ②<a href=”web1.html”>主页</a> 3. 在当前页面中定义类样式ys，定义元素宽度为300px，高度为200px，内外边距均为3px，并将该样式应用于页面已插入的DIV，写出操作步骤。 【答案】①打开CSS设计器面板，单击“添加新的CSS源”，选择“在页面中定义”；（1分） ②选中“源”中自动生成的“<style>”，在CSS设计器面板单击“添加选择器”按钮，输入样式名.ys；（1分） ③单击“添加CSS属性”，设置CSS属性width为300px，height为200px，margin为3px，padding为3px；（2分） ③选中DIV块，在属性面板的“类”中选择“ys”。（1分） 4. 根据所学知识点，回答下列问题： （1） 简述行为的定义及组成。 （2） 创建行为：关闭网页时，页面弹出“下次再见！”。 【答案】 （1）行为是Dreamweaver预置的JavaScript程序库。（1分） 每个行为包括一个动作和一个事件。（2分） （2）①在标签选择器中选择<body>，窗口→行为，打开行为面板,点击“+”添加行为按钮，在下拉菜单中选择“弹出信息”；（1分） ②在弹出的对话框中设置消息为“下次再见！”，点击“确定”； ③设置“弹出信息”的事件为onUnLoad。（1分） 3、 案例分析题（共4题，每题5分） 1. 请在网页index.html中，通过页面属性设置网页标题为“网页设计”，页面字体为宋体，大小为15像素，链接字体为黑体、始终无下划线。 【答案】 ①文件→页面属性，打开“页面属性”对话框： ②在外观（CSS）中设置字体为宋体，大小为15px；（2分） ③在链接（CSS）中设置字体为黑体，下划线样式为“始终无下划线”；（2分） ④在“标题/编码”中设置网页标题为“网页设计”，点击“确定”。（1分） 2. 在 Dreamweaver CC 中，为网页页面添加背景音乐 bj.mp3，要求按钮隐藏、自动播放和循环播放，并写出该操作步骤所自动生成的HTML代码。 【答案】 步骤：①将光标定位到要插入音频文件的位置，选择菜单“插入→HTML→插件”命令，在打开的“选择文件”对话框中选择音频文件bj.mp3，点击“确定”。（1分） ②选择音频插件占位符，在属性面板中单击“参数”按钮，打开“参数”对话框，在“参数”框中输入“hidden”，并设定值为“true” ，单击加号按钮 ，在新出现的行中输入“autostart”，并设定值为“true”，单击“确定”按钮。（2分） ③进入代码视图，在生成的<embed>中输入loop=”-1”。（1分） 代码：<embed src="bj.mp3" width="0" height="0" hidden=”true” autostart=”true” loop=”-1”> </embed>（1分） 3. CSS样式定义如下，回答一下问题： <style type=”text/css”> #abc{ Background-image:url(image/bg.jpg); Background-repeat:repeat-x; Background-position: 0 center;} </style> （1）写出该选择器的类型 （2）该选择器所定义样式的含义是什么？ 【答案】 （1） ID选择器（2分） （2） 背景图片为image文件夹下的bg.jpg，在页面中垂直居中、横向重复。（3分） 4. Web.html使用div只做了如下按钮，如下图3-2（a）所示，鼠标悬停到该按钮上时呈现3-2（b）所示效果，请将代码补充完整。 图3-2（a） 图3-2（b） <html> <head> <style type="text/css"> _________①__________ { background-color: #F38FFF; width: 100px; _________②__________: 10px; height: 30px; _________③__________: center; } __________④_________ { color: #FFFFFF; background-color: #000000; } __________⑤_________ </head> <body> <form><input type="button" class="button" value="点击一下"></form> </body> </html> 【答案】（每空1分，共5分） ① .button ② border-radius ③ text-align ④ .button:hover ⑤ </style> 4、 综合应用题（共1题，每题10分） 1. web.html 已在 DreamweaverCC 中打开，如下图4-1所示，按要求回答以下问题： 图4-1 （1）设置用户名和密码登录时不能为空。 （2）将 “首页”链接到 index.html，鼠标指向时文本呈红色显示。 （3）将 “没时间读书？…”设置为来回滚动的文本，鼠标单击时停止滚动，鼠标离开后继续滚动。 （4）鼠标指向 “Java 程序员面试宝典”图片时，切换为 tx.jpg，离开后恢复。 【答案】 （1） 依次选中“用户名”文本框和“密码”文本框，在属性面板勾选required。（2分） （2） 选中“首页”，在属性面板的链接文本框中输入index.html；（1分） 文件→页面属性，打开“页面属性”对话框，在链接（CSS）中设置变换图像链接为red，点击“确定”。（1分） （3） <marquee behavior=”alternate” onclick=”stop()” onmouseout=”start()”>“没时间读书？…”</marquee>（3分） （4）①选中图片“Java 程序员面试宝典”，窗口→行为，打开行为面板，点击“+”添加行为按钮，在下拉菜单中选择“交换图像”；（1分） ②在弹出的对话框中设置“设定原始档为” tx.jpg，并选中“预先载入图像”和“鼠标滑开时恢复图像”选项，点击“确定”；（1分） ③设置“交换图像”的事件为onmouseover，“恢复交换图像”事件为onmouseout。（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 25A☐B☐CD 二、简答题（共4题，每题5分) 1. 期末复习卷四答题卡页共4页 2. (1)① ② ③ (2)① ② 3. 4. 期末复习卷四题去页共4页 三、案例分析题（共4题，每题5分） 1 2. 3. 期末复习卷四答题卡页共4页 4.① ② ⑨ ④ ⑤ 四、综合应用题（共1题，每题10分） 1. 期末复习卷四题车页共4页 期末复习卷四题卡页共4页