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

《网页设计与制作》（电工版第3版） 期末复习卷（七）原卷版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. 以下关于动态网页的说法，正确的是（　） A. 动态网页是指包含动画效果的网页 B. 动态网页使用服务器技术 C. 动态网页的扩展名只能是.asp D. 动态网页面向所有浏览者发送相同的页面 2. WWW 是一种基于（ ）协议的交互式多媒体信息检索工具。 A. HTTP B. FTP C. SMTP D. POP3 3. 在HTML中，用于链接外部CSS样式表的标记是（　） A. <style> B. <meta> C. <link> D. <script> 4. 以下关于<!DOCTYPE html>的说法，正确的是（　） A. 用于声明文档类型为HTML5 B. 用于设置网页编码 C. 用于定义网页标题 D. 用于插入注释 5. 在HTML中，<font>标记的face属性用于设置（　） A. 文字大小 B. 字体 C. 文字颜色 D. 文字对齐方式 6. 在HTML中，版权符号©对应的字符代码是（　） A. &copy; B. &reg; C. &trade; D. &cent; 7. 有序列表中，要设置起始编号为3，应使用的属性是（　） A. type="3" B. start="3" C. value="3" D. begin="3" 8. 在Dreamweaver中，删除某站点后，以下会受影响的是（　） A. 站点的定义信息 B. 站点文件夹 C. 站点文件 D. 站点文件和文件夹 9. 在Dreamweaver中，要在段首空出两个汉字的位置，需要插入（　）个空格。 A. 2 B. 3 C. 4 D. 5 10. 在CSS设计器中，选择器.abc表示（　） A. ID选择器 B. 类选择器 C. 标签选择器 D. 复合选择器 11. 在CSS中，设置文本下划线的属性是（　） A. text-decoration:underline B. text-decoration:overline C. text-decoration:line-through D. text-decoration:none 12. 在CSS中，z-index属性用于（　） A. 设置元素的透明度 B. 设置元素的层级关系 C. 设置元素的浮动方向 D. 设置元素的可见性 13. 在CSS中，overflow:hidden的作用是（　） A. 内容超出时显示滚动条 B. 内容超出时隐藏超出部分 C. 内容超出时自动增加尺寸 D. 始终显示滚动条 14. 在Dreamweaver中，图像属性面板中“重新取样”的含义是（　） A. 更改图像格式 B. 对已调整大小的图像重新取样，提高品质 C. 裁剪图像 D. 调整图像亮度和对比度 15. Flash动画文件的扩展名是（　） A. .fla B. .swf C. .gif D. .doc 16. 下列链接路径中，采用根路径的是（　） A. web/web1.html B. /index.html C. ../web/web1.html D. ./web/web1.html 17. 在Dreamweaver中，创建电子邮件链接时，链接框中应输入（　） A. email:xxx@xxx.com B. mailto:xxx@xxx.com C. http://xxx@xxx.com D. ftp://xxx@xxx.com 18. 在Dreamweaver中，选择表格的方法不包括（　） A. 单击表格的边框线 B. 单击标签选择器上的<table>标签 C. 双击表格内部 D. 将光标定位到表格中，按两次Ctrl+A 19. 在Dreamweaver中，要插入一个1行4列的表格，若希望四个单元格之间有明显的间隔，应设置的属性是（　） A. cellpadding=10 B. cellspacing=10 C. border=10 D. spacing=10 20. 在行为中，事件onKeyDown表示（　）时触发。 A. 键盘上某个键按下并且放开 B. 键盘上某个键按下 C. 键盘上某个键松开 D. 鼠标移动 21. 在Dreamweaver中，“显示/隐藏元素”行为作用于（　） A. 表格元素 B. AP Div元素 C. 文本元素 D. 图像元素 22. 模板文档的默认存储路径是（　） A. 站点根目录下的templates文件夹 B. 站点根目录下的library文件夹 C. 站点根目录下的images文件夹 D. 站点根目录 23. 在模板中，不能设置为可编辑区域的是（　） A. 整个表格 B. 表格中的一行单元格 C. Div的内容 D. 表格中任意多个单元格 24. 在表单中，用于创建多行文本区域的标记是（　） A. <input> B. <textarea> C. <select> D. <option> 25. 在表单中，若<form>标签的enctype属性设置为multipart/form-data，通常用于（　） A. 提交普通文本数据 B. 上传文件 C. 提交密码数据 D. 提交数字数据 2、 简答题（共4题，每题5分） 1. 关于站点，回答以下问题： （1）按是否使用服务器技术，站点分为哪两种？ （2）当处理使用多个服务器的大型web站点，或者在一个服务器上放置多个站点时，最好采用哪一种路径？ （3）若当前文件位于/myweb/project/page.html，要连接到同一站点中上一级目录下的文件about.html（路径为/myweb/about.html），应该使用哪种路径？请写出该路径。 2. 什么是鼠标经过图像？要插入鼠标经过图像，鼠标指针指向1.jpg时切换为2.jpg，点击打开abc.html，请写出操作步骤。 3. 在 Dreamweaver CC 中，表格布局是常见的网页布局方式之一，请根据所学知识回答以下问题。 （1）简述两种表格模式。 （2）写出合并单元格和拆分单元格的快捷键。 （3）在创建嵌套表格时，最外层表格和嵌套表格的宽度最好采用什么单位？ 4. 关于表单，按要求回答下列问题： （1）简述表单的组成部分。 （2）表单提交包括哪两种方法，有什么区别？ 3、 案例分析题（共4题，每题5分） 1. 关于脚本链接，按要求回答下列问题： （1）什么是脚本链接？ （2）如何为文本“关闭窗口”创建连接，要求单击该文本时弹出如下图3-1所示的对话框。 图3-1 （3）写出操作步骤：点击“文件下载”，页面可自动执行下载“安装包.exe”。 2. 在Dreamweaver中新建网页default.html，制作如下所示的效果图，背景图像为shanghai.jpg，宽度360px，高210px。 图3-2-1原图 图3-2-2 鼠标经过时 3. 请根据下列要求，写出相应的html代码。 （1）设置水平线的高度为 25 像素、宽度为 1 像素、颜色为白色。 （2）设置 index.html 主页背景图像为 image 文件夹下的 “bg.jpg”。 （3）在模板文档 mb.dwt 中为 “联系我们” 文本创建邮件链接到 ydyl@126.com。 （4）使用<audio>标签插入sound/music.mp3，显示控制条。 （5）为“返回顶部”创建空链接，使其具有返回顶部功能。 4. 下图3-3为Dreamweaver CC 中某表单设计视图，请根据设计视图将对应的HTML代码补充完整。提示：表单以最安全方式提交到abc.asp文件，并套用hanggao类样式。 图3-3 <form _____①______ name="form1" action="abc.asp" _______②________ id="form1"> 用户登录<br> 用户名：<input type="text"><br> 密&nbsp;&nbsp;&nbsp;码：<input ___________③____________><br> 登录权限： <input type="radio" name="q" value="单选" id="q_0" ________④_______>管理员 <input type="radio" name="q" value="单选" id="q_1">普通用户 <br> <input _________⑤__________ value="登录"> </form> 4、 综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver CC中打开，如下图4-1所示，按要求回答下列问题。 图4-1 图4-2 （1） 在网页正文的第一行开头处插入两个汉字宽度的空格。 （2） 为文字“主要景点”添加超链接xiangxi.html，并设置当鼠标点击文字时，文字显示蓝色，其余状态均显示黑色，且始终无下划线。 （3）为网页添加行为，打开该网页时弹出如图4-2信息框。 （4）导入web.css样式表文件，正文文本采用样式.ys001。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 《网页设计与制作》（电工版第3版） 期末复习卷（七）解析版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. 以下关于动态网页的说法，正确的是（　） A. 动态网页是指包含动画效果的网页 B. 动态网页使用服务器技术 C. 动态网页的扩展名只能是.asp D. 动态网页面向所有浏览者发送相同的页面 【答案】B 【解析】动态页面使用服务器技术，可自定义响应，根据浏览者的输入信息提供不同的页面，常见扩展名有.asp、.jsp、.php等。 2. WWW 是一种基于（ ）协议的交互式多媒体信息检索工具。 A. HTTP B. FTP C. SMTP D. POP3 【答案】A 【解析】WWW 是一种基于HTTP协议的交互式多媒体信息检索工具 3. 在HTML中，用于链接外部CSS样式表的标记是（　） A. <style> B. <meta> C. <link> D. <script> 【答案】C 【解析】链接外部CSS样式时：<link href=”CSS文件地址” type=”text/css”>……</link> 4. 以下关于<!DOCTYPE html>的说法，正确的是（　） A. 用于声明文档类型为HTML5 B. 用于设置网页编码 C. 用于定义网页标题 D. 用于插入注释 【答案】A 【解析】<DOCTYPE>作用：声明文档类型 5. 在HTML中，<font>标记的face属性用于设置（　） A. 文字大小 B. 字体 C. 文字颜色 D. 文字对齐方式 【答案】B 【解析】<font size="文字大小" face="字体" color="文本颜色"> 文本内容 </font> 6. 在HTML中，版权符号©对应的字符代码是（　） A. &copy; B. &reg; C. &trade; D. &cent; 【答案】A 【解析】 代码 含义 代码 含义 代码 含义 代码 含义 &copy; © &reg; ® &trade; ™ &cent; ¢ 7. 有序列表中，要设置起始编号为3，应使用的属性是（　） A. type="3" B. start="3" C. value="3" D. begin="3" 【答案】B 【解析】有序列表中，要设置起始编号，应使用的属性是start 8. 在Dreamweaver中，删除某站点后，以下会受影响的是（　） A. 站点的定义信息 B. 站点文件夹 C. 站点文件 D. 站点文件和文件夹 【答案】A 【解析】删除站点，只是删除了站点的定义信息，硬盘中相应位置的文件和文件夹并不会被删除。 9. 在Dreamweaver中，要在段首空出两个汉字的位置，需要插入（　）个空格。 A. 2 B. 3 C. 4 D. 5 【答案】C 【解析】每个空格占1个字节的位置，一个汉字占2个字节的位置，因此，要在段首空出两个汉字的位置，就需要插入4个空格。 10. 在CSS设计器中，选择器.abc表示（　） A. ID选择器 B. 类选择器 C. 标签选择器 D. 复合选择器 【答案】B 【解析】类样式（可用于任何 HTML元素），样式名前面加“.”；ID样式（仅用于一个 HTML元素），样式名前面加“#”。 11. 在CSS中，设置文本下划线的属性是（　） A. text-decoration:underline B. text-decoration:overline C. text-decoration:line-through D. text-decoration:none 【答案】A 【解析】设置文本下划线的CSS属性：text-decoration，下划线：underline 12. 在CSS中，z-index属性用于（　） A. 设置元素的透明度 B. 设置元素的层级关系 C. 设置元素的浮动方向 D. 设置元素的可见性 【答案】B 【解析】z-index：设置元素的层级关系。 A选项：opacity；C选项：float；D选项：visibility 13. 在CSS中，overflow:hidden的作用是（　） A. 内容超出时显示滚动条 B. 内容超出时隐藏超出部分 C. 内容超出时自动增加尺寸 D. 始终显示滚动条 【答案】B 【解析】溢出overflow：用于指定当 div 的内容超出 div 的大小时的处理方法。 hidden：div 的内容超出 div 的大小时，保持尺寸不变，隐藏溢出部分的内容。 A选项：visible；C选项：auto；D选项：scroll 14. 在Dreamweaver中，图像属性面板中“重新取样”的含义是（　） A. 更改图像格式 B. 对已调整大小的图像重新取样，提高品质 C. 裁剪图像 D. 调整图像亮度和对比度 【答案】B 【解析】“重新取样”按钮：对已调整大小的图像重新取样，提高新大小和形状下的品质。 15. Flash动画文件的扩展名是（　） A. .fla B. .swf C. .gif D. .doc 【答案】B 【解析】Flash动画文件的扩展名是.swf，Flash视频文件的扩展名是.fla。 16. 下列链接路径中，采用根路径的是（　） A. web/web1.html B. /index.html C. ../web/web1.html D. ./web/web1.html 【答案】B 【解析】根路径的写法：首先以一个“/”开头，表示站点的根文件夹，然后书写文件夹名，最后书写文件名。 17. 在Dreamweaver中，创建电子邮件链接时，链接框中应输入（　） A. email:xxx@xxx.com B. mailto:xxx@xxx.com C. http://xxx@xxx.com D. ftp://xxx@xxx.com 【答案】B 【解析】在Dreamweaver中，创建电子邮件链接时，链接框中应输入mailto:+电子邮件地址。 18. 在Dreamweaver中，选择表格的方法不包括（　） A. 单击表格的边框线 B. 单击标签选择器上的<table>标签 C. 双击表格内部 D. 将光标定位到表格中，按两次Ctrl+A 【答案】C 【解析】选中表格的方法： 方法一：单击表格的边框线 方法二：将光标定位到表格中，在标签选择器中单击<table>标签。 方法三：将鼠标指针移到表格的左上角，或边框线附近的敏感区域，当鼠标指针的右下角出现表格的缩略图时，单击鼠标左键。 方法四：将光标定位到表格中，按两次【Ctrl+A】组合键。 19. 在Dreamweaver中，要插入一个1行4列的表格，若希望四个单元格之间有明显的间隔，应设置的属性是（　） A. cellpadding=10 B. cellspacing=10 C. border=10 D. spacing=10 【答案】B 【解析】单元格之间有明显的间隔指单元格间距，即cellspacing。 20. 在行为中，事件onKeyDown表示（　）时触发。 A. 键盘上某个键按下并且放开 B. 键盘上某个键按下 C. 键盘上某个键松开 D. 鼠标移动 【答案】B 【解析】onKeyDown：当键盘上某个键按下时触发。 21. 在Dreamweaver中，“显示/隐藏元素”行为作用于（　） A. 表格元素 B. AP Div元素 C. 文本元素 D. 图像元素 【答案】B 【解析】显示/隐藏元素：显示、隐藏或恢复一个或多个AP元素的默认可见性。 22. 模板文档的默认存储路径是（　） A. 站点根目录下的templates文件夹 B. 站点根目录下的library文件夹 C. 站点根目录下的images文件夹 D. 站点根目录 【答案】A 【解析】Dreamweaver会自动将模板文档以.dwt为扩展名保存在站点根目录的templates文件夹中。 23. 在模板中，不能设置为可编辑区域的是（　） A. 整个表格 B. 表格中的一行单元格 C. Div的内容 D. 表格中任意多个单元格 【答案】D 【解析】可编辑区域命名规则：可将整个表格或单个单元格标记为可编辑区域，但不能将多个单元格标记为单个可编辑区域。 24. 在表单中，用于创建多行文本区域的标记是（　） A. <input> B. <textarea> C. <select> D. <option> 【答案】B 【解析】多行文本区域：<textarea name="文本框名称" cols="文本框宽度" rows="行数"></textarea> 25. 在表单中，若<form>标签的enctype属性设置为multipart/form-data，通常用于（　） A. 提交普通文本数据 B. 上传文件 C. 提交密码数据 D. 提交数字数据 【答案】B 【解析】enctype：需要上传文件至服务器时，选择属性值为“multipart/form-data”。 2、 简答题（共4题，每题5分） 1. 关于站点，回答以下问题： （1）按是否使用服务器技术，站点分为哪两种？ （2）当处理使用多个服务器的大型web站点，或者在一个服务器上放置多个站点时，最好采用哪一种路径？ （3）若当前文件位于/myweb/project/page.html，要连接到同一站点中上一级目录下的文件about.html（路径为/myweb/about.html），应该使用哪种路径？请写出该路径。 【答案】 （1） 静态站点、动态站点（2分） （2） 根路径（1分 ） （3） 相对路径（1分） ../about.html（1分） 2. 什么是鼠标经过图像？要插入鼠标经过图像，鼠标指针指向1.jpg时切换为2.jpg，点击打开abc.html，请写出操作步骤。 【答案】 定义：鼠标经过图像是指在浏览器中当鼠标指针移到一幅图像上时发生变化的图像。鼠标经过图像实际上由两幅图像组成，即初始图像和替换图像。（2分） 具体的操作步骤如下： ①将光标定位到要插入变换图像的位置，选择菜单“插入→HTML→鼠标经过图像”命令。 ②在“插入鼠标经过图像”对话框中设置原始图像为1.jpg，鼠标经过图像为2.jpg，按下时，前往的URL为abc.html。（3分） ③设置完毕后，单击“确定”按钮。 3. 在 Dreamweaver CC 中，表格布局是常见的网页布局方式之一，请根据所学知识回答以下问题。 （1）简述两种表格模式。 （2）写出合并单元格和拆分单元格的快捷键。 （3）在创建嵌套表格时，最外层表格和嵌套表格的宽度最好采用什么单位？ 【答案】 （1） 标准模式、扩展表格模式（1分） （2） 合并单元格：Ctrl+Alt+M；拆分单元格：Ctrl+Alt+Shift+T（2分） （3） 最外层表格：像素；嵌套表格：百分比（2分） 4. 关于表单，按要求回答下列问题： （1）简述表单的组成部分。 （2）表单提交包括哪两种方法，有什么区别？ 【答案】 （1） 一个完整的表单由两部分组成，表单对象和应用程序。（2分） （2） post和get（1分） POST：将发送的数据嵌入在HTTP请求中，可以发送大量的数据，安全性比较高。（1分） GET：将发送的数据附加到URL地址中，只能够发送少量的数据。（1分） 3、 案例分析题（共4题，每题5分） 1. 关于脚本链接，按要求回答下列问题： （1）什么是脚本链接？ （2）如何为文本“关闭窗口”创建连接，要求单击该文本时弹出如下图3-1所示的对话框。 图3-1 （3）写出操作步骤：点击“文件下载”，页面可自动执行下载“安装包.exe”。 【答案】 （1） 脚本链接是一种用于执行JavaScript代码或调用JavaScript函数的链接，使用脚本链接，能够在不退出当前网页的情况下为浏览者提供许多附加信息。（2分） （2） 选中“关闭窗口”，在属性面板的链接文本框中输入javascript:window.close();。（2分） （3） 选中“关闭窗口”，在属性面板的链接文本框中选择文件“安装包.exe”。（1分） 2. 在Dreamweaver中新建网页default.html，制作如下所示的效果图，背景图像为shanghai.jpg，宽度360px，高210px。 图3-2-1原图 图3-2-2 鼠标经过时 【答案】 ①打开CSS设计器，创建新的选择器.a，并设置background-image为shanghai.jpg，width为360px，height为210px；（2分） ②创建新的选择器.a:hover，并设置border-radius为10px；（2分） ③鼠标定位到网页插入位置，插入→div，在弹出的对话框中选择“在插入点”，设置类选择器为a，点击“确定”。（1分） 3. 请根据下列要求，写出相应的html代码。 （1）设置水平线的高度为 25 像素、宽度为 1 像素、颜色为白色。 （2）设置 index.html 主页背景图像为 image 文件夹下的 “bg.jpg”。 （3）在模板文档 mb.dwt 中为 “联系我们” 文本创建邮件链接到 ydyl@126.com。 （4）使用<audio>标签插入sound/music.mp3，显示控制条。 （5）为“返回顶部”创建空链接，使其具有返回顶部功能。 【答案】 （1） <hr width="1" size="25" color="white">（1分） （2） <body background="image/bg.jpg"></body>（1分） （3） <a href="mailto:ydyl@126.com">联系我们</a>（1分） （4） <audio src=”sound/music.mp3” controls=”controls”></audio>（1分） （5） <a href=”#”>返回顶部</a>（1分） 4. 下图3-3为Dreamweaver CC 中某表单设计视图，请根据设计视图将对应的HTML代码补充完整。提示：表单以最安全方式提交到abc.asp文件，并套用hanggao类样式。 图3-3 <form _____①______ name="form1" action="abc.asp" _______②________ id="form1"> 用户登录<br> 用户名：<input type="text"><br> 密&nbsp;&nbsp;&nbsp;码：<input ___________③____________><br> 登录权限： <input type="radio" name="q" value="单选" id="q_0" ________④_______>管理员 <input type="radio" name="q" value="单选" id="q_1">普通用户 <br> <input _________⑤__________ value="登录"> </form> 【答案】（每空1分，共5分） ① method=”post” ② class=”hanggao” ③ type=”password” ④ checked=”checked” ⑤ type=”submit” 4、 综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver CC中打开，如下图4-1所示，按要求回答下列问题。 图4-1 图4-2 （1）在网页正文的第一行开头处插入两个汉字宽度的空格。 （2）为文字“主要景点”添加超链接xiangxi.html，并设置当鼠标点击文字时，文字显示蓝色，其余状态均显示黑色，且始终无下划线。 （3）为网页添加行为，打开该网页时弹出如图4-2信息框。 （4）导入web.css样式表文件，正文文本采用样式.ys001。 【答案】 （1） 鼠标定位到网页正文的第一行开头处，连续按四次【Ctrl+shift+space】组合键。（或：进入代码视图，鼠标定位到网页正文的第一行开头处，输入&nbsp;&nbsp;&nbsp;&nbsp;）（2分） （2） 选中文字“主要景点”，在属性面板的链接文本框输入xiangxi.html。（1分） 文件→页面属性，打开页面属性对话框，进入链接css面板； 设置链接文本颜色、已访问链接、变换图像链接均为black（#0000000），活动链接为blue（#0000FF），下划线样式为“始终无下划线”，点击确定。（2分） （3） ①在标签选择器中选中<body>，窗口→行为，打开行为面板；（1分） ②点击“+”添加行为按钮，在下拉菜单中选择“弹出信息”，在弹出的对话框中设置消息为“欢迎光临苏州园林！”，点击“确定”；（1分） ③设置“弹出信息”的事件为onLoad。（1分） （4）①打开CSS设计器面板，单击“添加新的CSS源”，选择“附加现有的CSS样式”，在弹出的对话框中，选择web.css，设置“添加为”“导入”；（1分） ②选中正文文本，在属性面板的“类”中，选择“ys001”。（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.(1) (2) (3) (4) 4.① ② ③ ④ ⑤ 期末复习卷七答题卡页共4页 四、综合应用题（共1题，每题10分） 1. 期末复习卷七答题本页共4页