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

《网页设计与制作》（电工版第3版） 期末复习卷（八）原卷版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. WWW的信息资源以（　）的形式存储在Web服务器中。 A. 超链接 B. 网页 C. 数据库 D. 文件 2. 用户要访问网页，必须在浏览器的地址栏中输入（　） A. 网页的标题 B. 网页的URL C. 网页的文件名 D. 网站的名称 3. 在HTML中，<meta>标记的作用不包括（　） A. 设置网页作者 B. 设置网页编码 C. 设置网页标题 D. 设置禁止搜索引擎检索 4. 在HTML文档中，<body>标记的属性不包括（　） A. bgcolor B. background C. text D. size 5. 以下特殊字符代码中，表示小于号<的是（　） A. &lt; B. &gt; C. &amp; D. &quot; 6. 在Dreamweaver中，预格式化标记是（　） A. <p> B. <pre> C. <br> D. <hr> 7. 在HTML中，要创建指向文档顶端的空链接，href属性应设置为（　） A. # B. javascript:; C. top D. blank 8. 在Dreamweaver中，导入的站点在“文件”面板的列表中如果有重名站点，则导入的站点名称后面自动加上数字（　） A. 2 B. 11 C. 12 D. 1 9. 在Dreamweaver中，系统默认文本颜色对应的十六进制代码是（　） A. #FF0000 B. #00FF00 C. #000000 D. #FFFFFF 10. 在CSS设计器中，“源”窗口不包括以下哪个选项（　） A. 创建新的CSS文件 B. 在页面中定义 C. 附加现有的CSS文件 D. 删除CSS样式 11. 在CSS中，设置文本居中对齐的属性是（　） A. text-align:center B. align:center C. vertical-align:center D. justify-content:center 12. 在CSS盒子模型中，margin:10px 20px 30px 40px;表示（　） A. 上10px、右20px、下30px、左40px B. 上10px、右30px、下20px、左40px C. 上40px、右30px、下20px、左10px D. 上20px、右10px、左30px、下40px 13. 在CSS中，visibility:hidden与display:none的区别是（　） A. 前者隐藏元素但占据空间，后者不占据空间 B. 前者不占据空间，后者隐藏元素但占据空间 C. 两者效果完全相同 D. 两者都使元素消失且不占据空间 14. 在Dreamweaver中，图像热区工具不包括（　） A. 矩形热点工具 B. 圆形热点工具 C. 三角形热点工具 D. 多边形热点工具 15. 在Dreamweaver中，插入音频文件可使用的方法是（　） A. 插入→音频 B. 插入→HTML→插件 C. 文件→导入→音频 D. 插入→媒体 16. 在Dreamweaver中，若链接的对象是站点根目录下soft文件夹中的wt.com文件，则在属性面板的链接框中链接信息正确的是（　） A. soft/wt.com B. wt.com C. /soft/wt.com D. ../soft/wt.com 17. 以下关于锚点链接的说法，正确的是（　） A. 锚点链接只能在同一页面中使用 B. 创建锚点链接分两步：创建命名锚记和创建到命名锚记的链接 C. 锚点链接的href属性中不需要#符号 D. 锚点链接不能链接到其他网页中的位置 18. 在 Dreamweaver 中，关于表格布局，下列说法正确的是（ ） A. 创建嵌套表格时，嵌套的层数最多不超过 2 层 B. 为提高浏览速度，整个网页最好放在一个表格中 C. 创建嵌套表格时，最外层表格的宽度单位一般为像素 D. 先定位到表格单元格中，按两次 Ctrl+A 键可以选中当前单元格 19. 在Dreamweaver中，扩展表格模式的作用是（　） A. 增加表格的边框和边距，方便选择内容或定位插入点 B. 自动调整表格大小以适应内容 C. 将表格转换为Div布局 D. 隐藏表格的边框 20. 在行为中，事件onChange通常用于（　） A. 文本框内容改变时触发 B. 鼠标单击时触发 C. 页面加载时触发 D. 表单提交时触发 21. 在Dreamweaver中，“打开浏览器窗口”行为的作用是（　） A. 在当前窗口中打开URL B. 在一个新的窗口中打开URL，可指定窗口大小和特性 C. 关闭当前浏览器窗口 D. 刷新当前浏览器窗口 22. 模板中的可编辑区域被创建后，若要取消可编辑区域，应使用的命令是（　） A. 工具→模板→删除模板标记 B. 编辑→删除 C. 修改→删除 D. 右键→删除 23. 以下关于基于模板的网页的说法，正确的是（　） A. 基于模板的网页不能修改任何内容 B. 基于模板的网页只能在可编辑区域中进行修改 C. 基于模板的网页必须存放在templates文件夹中 D. 基于模板的网页可以随意修改锁定区域 24. 在表单中，<input type="radio">中同一组的单选按钮需要（　）属性相同。 A. id B. value C. name D. type 25. 在表单中，<input>标记的pattern属性用于（　） A. 设置文本框的初始值 B. 验证输入内容的有效性 C. 设置文本框的宽度 D. 设置文本框的提示文字 2、 简答题（共4题，每题5分） 1. 关于站点，回答以下问题： （1）按站点的交互性划分，站点分为哪两类？ （2）导出站点时，生成的站点定义文件扩展名是什么？ （3）站点创建完成后，要让用户浏览必须将站点上传到哪种类型的服务器？ （4）用户要通过浏览器访问 Internet 上的网页，必须使用什么协议？ 2. 在 Dreamweaver CC 中，position属性包括哪几个选项，各有什么含义? 3. 小鲁制作网站时，所有前台页面都是基于模板“muban.dwt”建立的，他想对“muban.dwt”做些修改，但保存模板时却没有及时更新相关页面，试问网站中的前台页面能得到更新吗？若能，请你帮他写出操作的步骤；若不能，请说明理由。 4. 关于表单，回答以下问题： （1）表单提交包括哪几种方法，有什么区别？ （2）如果表单含有文件域，则表单编码类型应选择哪一项？ 3、 案例分析题（共4题，每题5分） 1. 为防止由于下载而导致图像123.jpg显示时延迟，可在打开网页时将该图像提前载入浏览器缓存，应为网页添加什么行为？写出操作步骤。 2. 网页index.html已在Dreamweaver中打开，请根据要求完成下列操作： （1） 为网页设置背景音乐，音频文件放置在站点文件夹下的media/bgsound.mp3，要求网页中看不见播放条，且打开网页中音频自动播放。 （2） 设置动态效果，鼠标指向图像 img1.jpg 时，切换为图像 img2.jpg，鼠标离开后恢复为图像 img1.jpg。 3. 在 CSS 设计器中定义标签样式 td，定义边框线宽 1px、虚线、蓝色，边框半径 5px，写出操作步骤。 4. 根据所学，补全下面代码。 图3-1 <html> <head> <title>宠物乐园</title> <style type="text/css"> ① { color:black; text-decoration:none;} </style></head> <body> <table width="800" ② align="center" cellpadding="0" cellspacing="0" > <tr> <td colspan="3"><img src="images/top.jpg" width="800" height="156" alt=""/></td> </tr> <tr> <td width="275" align="center"><a href="#">首页</a></td> <td width="275" align="center"><a href="#">宠物新闻</a></td> <td width="250" align="center"><a href="#">选宠技巧</a></td> </tr> <tr> <td colspan="2" bgcolor="#FF9800" ③ >宠物美图</td> <td bgcolor="#FF9800" ③ >兽医园地</td> </tr> <tr> <td colspan="2"> ④ <img src="images/6.jpg" width="200" height="108" alt=""/> <img src="images/7.jpg" width="192" height="108" alt=""/> <img src="images/10.jpg" width="147" height="108" alt=""/> <img src="images/11.jpg" width="192" height="108" alt=""/> ④ </td> <td> ⑤ <li>犬猫常见传染病与临床表现</li> <li>如何正确认识狗狗绝育</li> <li>从食物中增强宠物免疫力</li> <li>给猫猫剪指甲的正确做法</li> ⑤ </td> </tr> <tr> <td colspan="3" align="center">版权所有</td> </tr></table> </body></html> 4、 综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver中打开，请根据要求完成下列操作： 图4-1 （1） 菜单部分已使用ID选择器进行布局，设置行为：当鼠标指向菜单内容时，背景变为黑色，文字变为白色。 （2） 将文字“更多…”链接到站点文件夹下的more.html。 （3） 程序开发者在表格下增加一行，设置了如下图所示的登录界面，请补全代码。 图4-2 <form><table width="500" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="30" colspan="2" align="center">用户登录</td> </tr> <tr> <td width="244" height="30" ① >用户名：</td> <td width="256" height="30"><input type="text" ></td> </tr> <tr> <td height="30" ① >密码：</td> <td height="30"><input type= ② ></td> </tr> <tr> <td height="30" colspan="2" align="center"> <input type= ③ value="提交"> <input type= ④ value="重置"></td> </tr> </table> </form> （4） 对于（3）的密码框，要求只能输入英文与数字的结合，最多设置8位。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 《网页设计与制作》（电工版第3版） 期末复习卷（八）解析版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. WWW的信息资源以（　）的形式存储在Web服务器中。 A. 超链接 B. 网页 C. 数据库 D. 文件 【答案】D 【解析】WWW的信息资源以网页的形式存储在Web服务器中。 2. 用户要访问网页，必须在浏览器的地址栏中输入（　） A. 网页的标题 B. 网页的URL C. 网页的文件名 D. 网站的名称 【答案】B 【解析】用户通过客户端的浏览器向Web服务器发出URL请求，Web服务器接收并处理用户请求后，将网页返回给客户端，浏览器接收到网页后对其进行解释，最终将文字、图片、声音、动画、影视并茂的画面呈现给用户。 3. 在HTML中，<meta>标记的作用不包括（　） A. 设置网页作者 B. 设置网页编码 C. 设置网页标题 D. 设置禁止搜索引擎检索 【答案】C 【解析】网页标题由<title></title>设置。 4. 在HTML文档中，<body>标记的属性不包括（　） A. bgcolor B. background C. text D. size 【答案】D 【解析】<body bgcolor="页面背景颜色" background="背景图像" text="文本颜色" > 5. 以下特殊字符代码中，表示小于号<的是（　） A. &lt; B. &gt; C. &amp; D. &quot; 【答案】A 【解析】 特殊符号 字符代码 特殊符号 字符代码 特殊符号 字符代码 特殊符号 字符代码 < &lt; > &gt; & &amp; “ &quot; A选项 B选项 C选项 D选项 6. 在Dreamweaver中，预格式化标记是（　） A. <p> B. <pre> C. <br> D. <hr> 【答案】B 【解析】预格式化标记：<pre>……</pre> 功能：将制作好的文字排版内容前后分别加上标记<pre>和</pre>，可以实现预格式化效果。 7. 在HTML中，要创建指向文档顶端的空链接，href属性应设置为（　） A. # B. javascript:; C. top D. blank 【答案】A 【解析】插入空链接时，如果需要的功能只是返回网页顶端，则设置href=”#”。 8. 在Dreamweaver中，导入的站点在“文件”面板的列表中如果有重名站点，则导入的站点名称后面自动加上数字（　） A. 2 B. 11 C. 12 D. 1 【答案】A 【解析】站点被导入后，导入的站点将出现在“文件”面板的列表中，如果有重名的站点，则导入的站点名称后面会自动加上数字“2”。 9. 在Dreamweaver中，系统默认文本颜色对应的十六进制代码是（　） A. #FF0000 B. #00FF00 C. #000000 D. #FFFFFF 【答案】C 【解析】Dreamweaver默认的文本颜色是黑色。 代码 颜色 代码 颜色 代码 颜色 代码 颜色 #FF0000 红色 #00FF00 绿色 #000000 黑色 #FFFFFF 白色 10. 在CSS设计器中，“源”窗口不包括以下哪个选项（　） A. 创建新的CSS文件 B. 在页面中定义 C. 附加现有的CSS文件 D. 删除CSS样式 【答案】D 【解析】在CSS设计器中，“源”窗口包括：创建新的CSS文件、在页面中定义、附加现有的CSS文件。 11. 在CSS中，设置文本居中对齐的属性是（　） A. text-align:center B. align:center C. vertical-align:center D. justify-content:center 【答案】A 【解析】CSS文本对齐方式：text-align，居中对齐：center 12. 在CSS盒子模型中，margin:10px 20px 30px 40px;表示（　） A. 上10px、右20px、下30px、左40px B. 上10px、右30px、下20px、左40px C. 上40px、右30px、下20px、左10px D. 上20px、右10px、左30px、下40px 【答案】A 【解析】CSS中属性四个值顺序：上→右→下→左。 13. 在CSS中，visibility:hidden与display:none的区别是（　） A. 前者隐藏元素但占据空间，后者不占据空间 B. 前者不占据空间，后者隐藏元素但占据空间 C. 两者效果完全相同 D. 两者都使元素消失且不占据空间 【答案】A 【解析】visibility:hidden：元素被隐藏看不见，仍然保留原来的位置和所占空间，页面布局不会变化。 display:none：元素不会被显示，不占用文档流中的空间。 14. 在Dreamweaver中，图像热区工具不包括（　） A. 矩形热点工具 B. 圆形热点工具 C. 三角形热点工具 D. 多边形热点工具 【答案】C 【解析】图像热区工具包括：矩形热点工具、圆形热点工具、多边形热点工具、指针热点工具 15. 在Dreamweaver中，插入音频文件可使用的方法是（　） A. 插入→音频 B. 插入→HTML→插件 C. 文件→导入→音频 D. 插入→媒体 【答案】B 【解析】插入音频文件有2种方法： 方法一：插入→HTML→插件； 方法二：插入→HTML→HTML5 Audio 16. 在Dreamweaver中，若链接的对象是站点根目录下soft文件夹中的wt.com文件，则在属性面板的链接框中链接信息正确的是（　） A. soft/wt.com B. wt.com C. /soft/wt.com D. ../soft/wt.com 【答案】C 【解析】根路径的写法，首先以一个“/”开头，表示站点的根文件夹，然后书写文件夹名，最后书写文件名。 17. 以下关于锚点链接的说法，正确的是（　） A. 锚点链接只能在同一页面中使用 B. 创建锚点链接分两步：创建命名锚记和创建到命名锚记的链接 C. 锚点链接的href属性中不需要#符号 D. 锚点链接不能链接到其他网页中的位置 【答案】B 【解析】锚点不只能同一页面，也可以跳转到其他页面的指定位置。锚点 href 必须带#，例如href="#top"。可以链接到其他网页的锚点，格式：href="页面.html#锚点id"。 18. 在 Dreamweaver 中，关于表格布局，下列说法正确的是（ ） A. 创建嵌套表格时，嵌套的层数最多不超过 2 层 B. 为提高浏览速度，整个网页最好放在一个表格中 C. 创建嵌套表格时，最外层表格的宽度单位一般为像素 D. 先定位到表格单元格中，按两次 Ctrl+A 键可以选中当前单元格 【答案】C 【解析】嵌套层数最多不超过3层；为提高浏览速度，整个网页最好使用多个表格来进行布局；先定位到表格单元格中，按一次 Ctrl+A 键可以选中当前单元格。 19. 在Dreamweaver中，扩展表格模式的作用是（　） A. 增加表格的边框和边距，方便选择内容或定位插入点 B. 自动调整表格大小以适应内容 C. 将表格转换为Div布局 D. 隐藏表格的边框 【答案】A 【解析】在扩展表格模式下，Dreamweaver会临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框，可使编辑操作更加直观。 20. 在行为中，事件onChange通常用于（　） A. 文本框内容改变时触发 B. 鼠标单击时触发 C. 页面加载时触发 D. 表单提交时触发 【答案】A 【解析】当利用文本框或多行文本框输入字符值改变时发生该事件，列表项中一个选项状态改变后也会发生该事件。 21. 在Dreamweaver中，“打开浏览器窗口”行为的作用是（　） A. 在当前窗口中打开URL B. 在一个新的窗口中打开URL，可指定窗口大小和特性 C. 关闭当前浏览器窗口 D. 刷新当前浏览器窗口 【答案】B 【解析】打开浏览器窗口：可在一个新的窗口中打开URL，可指定新窗口的大小、特性和名称。 22. 模板中的可编辑区域被创建后，若要取消可编辑区域，应使用的命令是（　） A. 工具→模板→删除模板标记 B. 编辑→删除 C. 修改→删除 D. 右键→删除 【答案】A 【解析】取消可编辑区域的方法有两种： 方法一：工具→模板→删除模板标记 方法二：右击，在弹出的快捷菜单中选择“模板”→“删除模板标记”命令 23. 以下关于基于模板的网页的说法，正确的是（　） A. 基于模板的网页不能修改任何内容 B. 基于模板的网页只能在可编辑区域中进行修改 C. 基于模板的网页必须存放在templates文件夹中 D. 基于模板的网页可以随意修改锁定区域 【答案】B 【解析】在编辑模板时，可以修改可编辑区域，也可以修改锁定区域；在基于模板的页面中，只能编辑可编辑区域中的内容，不能编辑锁定区域中的内容。 Dreamweaver会自动将模板文档以.dwt为扩展名保存在站点根目录的templates文件夹中。 24. 在表单中，<input type="radio">中同一组的单选按钮需要（　）属性相同。 A. id　　 B. value　　 C. name　　 D. type 【答案】C 【解析】同一组单选按钮/复选框，需要name属性相同。 25. 在表单中，<input>标记的pattern属性用于（　） A. 设置文本框的初始值 B. 验证输入内容的有效性 C. 设置文本框的宽度 D. 设置文本框的提示文字 【答案】B 【解析】pattern属性用于验证input域的模式，或者说是验证输入内容的有效性。 2、 简答题（共4题，每题5分） 1. 关于站点，回答以下问题： （1）按站点的交互性划分，站点分为哪两类？ （2）导出站点时，生成的站点定义文件扩展名是什么？ （3）站点创建完成后，要让用户浏览必须将站点上传到哪种类型的服务器？ （4）用户要通过浏览器访问 Internet 上的网页，必须使用什么协议？ 【答案】 （1）静态站点和动态站点（2分） （2）.ste（1分） （3）web服务器（1分） （4）http协议（1分） 2. 在 Dreamweaver CC 中，position属性包括哪几个选项，各有什么含义? 【答案】（每条1分，共5分） absolute:生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。 fixed:生成绝对定位的元素，相对于浏览器窗口进行定位。 relative:生成相对定位的元素，相对于其正常位置进行定位。 static:默认值。 inherit:规定应该从父元素继承 position 属性的值。 3. 小鲁制作网站时，所有前台页面都是基于模板“muban.dwt”建立的，他想对“muban.dwt”做些修改，但保存模板时却没有及时更新相关页面，试问网站中的前台页面能得到更新吗？若能，请你帮他写出操作的步骤；若不能，请说明理由。 【答案】 能（1分） 第一步：选择“工具”→“模板”→“更新页面”命令，弹出“更新页面”对话框。（2分） 第二步：在“查看”下拉列表中选择“文件使用”，在右边的下拉列表中选择模板名称muban.dwt，单击“开始”按钮。（2分） 4. 关于表单，回答以下问题： （1）表单提交包括哪几种方法，有什么区别？ （2）如果表单含有文件域，则表单编码类型应选择哪一项？ 【答案】 （1）POST 和GET（1分） POST：将发送的数据嵌入在HTTP请求中，可以发送大量的数据，安全性比较高。（1分） GET：将发送的数据附加到URL地址中，只能够发送少量的数据。（1分） （2）multipart/form-data（2分） 3、 案例分析题（共4题，每题5分） 1. 为防止由于下载而导致图像123.jpg显示时延迟，可在打开网页时将该图像提前载入浏览器缓存，应为网页添加什么行为？写出操作步骤。 【答案】预先载入图像（1分） （1）选中要添加行为的对象，窗口→行为，打开行为面板；（1分） （2）点击“+”添加行为按钮，在下拉菜单中选择“预先载入图像”；（1分） （3）在弹出的对话框中选择图像源文件为“123.jpg”，点击“确定”；（1分） （4）设置“预先载入图像”的事件为onload。（1分） 2. 网页index.html已在Dreamweaver中打开，请根据要求完成下列操作： （1） 为网页设置背景音乐，音频文件放置在站点文件夹下的media/bgsound.mp3，要求网页中看不见播放条，且打开网页中音频自动播放。 （2） 设置动态效果，鼠标指向图像 img1.jpg 时，切换为图像 img2.jpg，鼠标离开后恢复为图像 img1.jpg。 【答案】 （1）①将光标定位到要插入音频文件的位置，选择菜单“插入→HTML→插件”命令； ②在打开的“选择文件”对话框中在media文件夹中选择音频文件bgsound.mp3，点击“确定”。（1分） ③选择音频插件占位符，在属性面板中单击“参数”按钮，打开“参数”对话框，在“参数”框中输入“hidden”，并设定值为“true” ，单击加号按钮 ，在新出现的行中输入“autostart”，并设定值为“true”，单击“确定”按钮。（2分） （2）①将光标定位到要插入变换图像的位置，选择菜单“插入→HTML→鼠标经过图像”命令； ②在“插入鼠标经过图像”对话框中设置：原始图像为 img1.jpg ，鼠标经过图像为img2.jpg，单击“确定”按钮。（2分） 3. 在 CSS 设计器中定义标签样式 td，定义边框线宽 1px、虚线、蓝色，边框半径 5px，写出操作步骤。 【答案】 ①打开CSS设计器面板，单击“添加新的CSS源”，选择“在页面中定义”；（1分） ②选中“源”中自动生成的“<style>”，在CSS设计器面板单击“添加选择器”按钮，输入样式名td；（1分） ③单击“添加CSS属性”，在边框选项卡中设置：border速记为1px dashed blue，border-radius为5px。（3分） 或直接写出CSS代码：（td 标签1分；border属性3分；border-radius属性1分） td{border:1px dashed blue; border-radius:5px;} 4. 根据所学，补全下面代码。 图3-1 <html> <head> <title>宠物乐园</title> <style type="text/css"> ① { color:black; text-decoration:none;} </style></head> <body> <table width="800" ② align="center" cellpadding="0" cellspacing="0" > <tr> <td colspan="3"><img src="images/top.jpg" width="800" height="156" alt=""/></td> </tr> <tr> <td width="275" align="center"><a href="#">首页</a></td> <td width="275" align="center"><a href="#">宠物新闻</a></td> <td width="250" align="center"><a href="#">选宠技巧</a></td> </tr> <tr> <td colspan="2" bgcolor="#FF9800" ③ >宠物美图</td> <td bgcolor="#FF9800" ③ >兽医园地</td> </tr> <tr> <td colspan="2"> ④ <img src="images/6.jpg" width="200" height="108" alt=""/> <img src="images/7.jpg" width="192" height="108" alt=""/> <img src="images/10.jpg" width="147" height="108" alt=""/> <img src="images/11.jpg" width="192" height="108" alt=""/> </ ④ > </td> <td> ⑤ <li>犬猫常见传染病与临床表现</li> <li>如何正确认识狗狗绝育</li> <li>从食物中增强宠物免疫力</li> <li>给猫猫剪指甲的正确做法</li> </ ⑤ ></td> </tr> <tr> <td colspan="3" align="center">版权所有</td> </tr></table> </body></html> 【答案】（每空1分，共5分） ① a:link ② border=”1” ③ style=”color:white;” ④ marquee ⑤ ul 4、 综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver中打开，请根据要求完成下列操作： 图4-1 （1） 菜单部分已使用ID选择器进行布局，设置行为：当鼠标指向菜单内容时，背景变为黑色，文字变为白色。 （2） 将文字“更多…”链接到站点文件夹下的more.html。 （3） 程序开发者在表格下增加一行，设置了如下图所示的登录界面，请补全代码。 图4-2 <form><table width="500" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="30" colspan="2" align="center">用户登录</td> </tr> <tr> <td width="244" height="30" ① >用户名：</td> <td width="256" height="30"><input type="text" ></td> </tr> <tr> <td height="30" ① >密码：</td> <td height="30"><input type= ② ></td> </tr> <tr> <td height="30" colspan="2" align="center"> <input type= ③ value="提交"> <input type= ④ value="重置"></td> </tr> </table> </form> （4） 对于（3）的密码框，要求只能输入英文与数字的结合，最多设置8位。 【答案】 （1）①选中要添加行为的div块，窗口→行为，打开行为面板，点击“+”添加行为按钮，在下拉菜单中选择“改变属性”； ②在弹出的对话框中选择该文本框的元素ID，勾选属性为“选择”并在下拉列表中选择“backgroundcolor”，在“新的值”处输入black，点击“确定”；（1分） ③设置“设置文本”的事件为onmouseover。（1分） ④再次选中此div块，点击“+”添加行为按钮，在下拉菜单中选择“改变属性”； ⑤在弹出的对话框中选择该文本框的元素ID，勾选属性为“选择”并在下拉列表中选择“color”，在“新的值”处输入white，点击“确定”；（1分） ⑥设置“设置文本”的事件为onmouseover。（1分） ⑦重复进行①到⑥，完成其他div块的设置。 （2）选中“更多…”，在属性面板“HTML”面板的“链接”文本框中直接输入more.html。（1分） （3）① align=”right” ② password ③ ”submit” ④ ”reset”（每空1分，共4分） （4）pattern=”[A-Za-z0-9]{8}”（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页 4.① ② ③ ④ ⑤ 四、综合应用题（共1题，每题10分) 1. 期末复习卷八答题本页共4页 期末复习卷八题东页共4页