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

《网页设计与制作》（电工版第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页 《网页设计与制作》（电工版第3版） 期末复习卷（二）解析版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. WWW服务器的工作原理是（ ） A. 客户端直接连接到数据库获取数据 B. 客户端发送请求，服务器返回响应 C. 服务器主动向客户端推送内容 D. 客户端和服务器之间不需要协议 【答案】B 【解析】WWW的信息资源以网页的形式存储在Web服务器中；用户通过客户端的浏览器向Web服务器发出URL请求，Web服务器接收并处理用户请求后，将网页返回给客户端，浏览器接收到网页后对其进行解释，最终将文字、图片、声音、动画、影视并茂的画面呈现给用户。 2. 下列关于网页分类的说法，错误的是（ ） A. 网页可以分为静态网页和动态网页 B. 静态网页的扩展名通常是.html或.htm C. 动态网页的扩展名可以是.asp、.php、.jsp等 D. 有动画的网页一定是动态网页 【答案】D 【解析】动态页面可自定义响应，根据浏览者的输入信息提供不同的页面。有动画的网页是静态网页。 3. 下列HTML标签中，用于插入水平线的是（ ） A. <br> B. <hr> C. <p> D. <line> 【答案】B 【解析】B选项为水平线标记。 A选项为换行标记，C选项为段落标记。 4. 下列HTML标签中，用于创建滚动文字的是（ ） A. <scroll> B. <marquee> C. <move> D. <roll> 【答案】B 【解析】B 选项为滚动标记。 5. 在HTML5中，用于插入音频的标签是（ ） A. <sound> B. <audio> C. <music> D. <media> 【答案】B 【解析】B 选项为插入音频标记。 6. 下列关于本地站点和远程站点的说法，正确的是（ ） A. 本地站点就是在本地电脑上创建的站点 B. 远程站点就是距离很远的站点 C. 本地站点和远程站点不能相互关联 D. 只能创建本地站点，不能创建远程站点 【答案】A 【解析】在本地计算机硬盘中存放网页的文件夹称为本地站点。在Internet网络服务器上存放网页的文件夹称为远程站点。 7. 在Dreamweaver中，关于站点的复制和删除，下列说法正确的是（ ） A. 站点不能复制，只能新建 B. 站点删除后，站点中的文件也会被删除 C. 站点删除后，只是删除了站点定义，文件还在 D. 复制站点会复制所有文件到新位置 【答案】C 【解析】删除站点，只是删除了站点的定义信息，硬盘中相应位置的文件和文件夹并不会被删除。复制站点同样也是只复制了站点的定义信息。 8. 在Dreamweaver中，新建网页文件的方法不包括（ ） A. 选择“文件→新建”命令 B. 按Ctrl+N组合键 C. 在站点管理器中右键新建文件 D. 直接在资源管理器中复制粘贴 【答案】D 【解析】D选项为复制粘贴网页文件的方法。 9. 在Dreamweaver页面属性中，“外观（CSS）”分类不能设置的是（ ） A. 页面字体 B. 背景颜色 C. 左边距和上边距 D. 表单元素样式 【答案】D 【解析】页面属性的外观（CSS）界面如下图所示，可发现在页面属性（CSS）中不能设置表单元素样式。 10. 在Dreamweaver中，要插入特殊字符“版权符号©”，应在（ ）查找 A. 插入→HTML→特殊字符 B. 插入→文本→特殊字符 C. 修改→文本→特殊字符 D. 格式→特殊字符 【答案】A 【解析】特殊字符插入方法： 方法一：选择“插入”菜单→“HTML”→“字符”命令，选择要插入的字符。 方法二：使用输入法的“软键盘→相应的符号组”。 11. 在Dreamweaver中，关于列表的说法，错误的是（ ） A. 可以创建无序列表 B. 可以创建有序列表 C. 列表不能嵌套 D. 可以修改列表项的符号类型 【答案】C 【解析】列表可嵌套。有序列表、无序列表、自定义列表可互相嵌套。 12. 下列关于CSS样式的说法，错误的是（ ） A. CSS可以控制网页的布局和外观 B. CSS样式只能写在HTML文档内部 C. CSS可以实现内容和表现分离 D. 外部CSS样式表可以被多个网页引用 【答案】B 【解析】CSS样式可以以内嵌的形式写入头部<head>的<style>标记中，也可以以内联的方式直接写进HTML标签中，也可以单独以.css文件的形式形成单独文件，并被网页进行引用。 13. 下列关于外部CSS样式表的说法，正确的是（ ） A. 外部样式表的扩展名是.css B. 外部样式表只能被一个网页引用 C. 外部样式表必须写在HTML文档内部 D. 修改外部样式表不会影响引用它的网页 【答案】A 【解析】CSS样式可以以内嵌的形式写入头部<head>的<style>标记中，也可以以内联的方式直接写进HTML标签中，也可以单独以.css文件的形式形成单独文件，并被一个或多个网页进行引用。 样式被编辑修改后，将自动更新应用该样式的对象。 14. 在Dreamweaver中，关于鼠标经过图像的说法，正确的是（ ） A. 鼠标经过图像需要两张图像 B. 鼠标经过图像只能有一张图像 C. 鼠标经过图像就是图像热点 D. 鼠标经过图像不能设置链接 【答案】A 【解析】鼠标经过图像是指在浏览器中当鼠标指针移到一幅图像上时发生变化的图像。鼠标经过图像实际上由两幅图像组成，即初始图像和替换图像。 15. 在Dreamweaver中，插入Flash动画的快捷键是（ ） A. Ctrl+Alt+I B. Ctrl+Alt+F C. Ctrl+Alt+T D. Ctrl+Alt+A 【答案】B 【解析】B 选项为插入flash动画的快捷键。 A选项为插入图片的快捷键，C选项为插入表格的快捷键。 16. 下列关于空链接的说法，正确的是（ ） A. 空链接就是没有文字的链接 B. 空链接的href属性值为"#" C. 空链接点击后会跳转到首页 D. 空链接不能添加行为 【答案】B 【解析】空链接是没有指向任何对象的链接。 使用#号创建空链接，在一些浏览器中会出现返回到网页顶端的效果，如果不想返回到网页顶端，只想附加行为或动作，则建议使用“javascript:;”创建空链接。 17. 下列关于文件下载链接的说法，正确的是（ ） A. 所有文件都可以直接在浏览器中打开 B. 浏览器不能识别的文件会提示下载 C. 文件下载链接的格式和普通链接不一样 D. 图片文件不能作为下载链接 【答案】B 【解析】当目标端点为.rar，.zip，.exe，.doc，.xls，.ppt等无法在使用浏览器直接打开的文件时，会提示文件被下载。 18. 在CSS中，float属性的值不包括（ ） A. left B. right C. center D. none 【答案】C 【解析】属性float的值可以设置为left、right或者默认值none。 19. 若要在一行中显示 3 个宽度为 100 像素的 div 元素，应设置 div 的 CSS 样式为（ ） A. float:left B. clear:both C. overflow:hidden D. position:relative 【答案】A 【解析】根据题目所述，要在一行中显示3个div块，需要将三个div块的float属性均设置成left。 20. 在 Dreamweaver 中，关于模板，下列说法正确的是（ ） A. 模板文档的扩展名是.dll B. 模板创建后不可以再更改样式和内容 C. 使用模板有利于开发风格多变、功能不同的网页 D. 模板是一种用于设计统一风格页面的特殊类型文档 【答案】D 【解析】模板是一种用于设计统一风格页面的特殊类型文档，使用模板既能快速创建风格一致的各个网页，还能快速改变整个站点的布局和外观，为后期的网站维护提供方便。 21. 把网络上下载的模板应用到本地站点（站点文件夹 D:\site），模板正确的存储位置是（ ） A. D:\site\images B. D:\site C. D:\site\templates D. D:\site\library 【答案】C 【解析】Dreamweaver会自动将模板文档以.dwt为扩展名保存在站点根目录的templates文件夹中 22. 要实现关闭网页时弹出"感谢访问"的提示，应选用的事件是（ ） A. onLoad B. onUnload C. onClick D. onMouseOut 【答案】B 【解析】B 选项为关闭网页时可触发动作。 A选项为打开网页时可触发动作；C选项为单击网页时可触发动作；D选项为当鼠标移开时可触发动作。 23. 要添加交换图像行为，必须选中的网页元素是（ ） A. 文本 B. 图像 C. 网页本身 D. 以上均可 【答案】B 【解析】交换图像为图像与图像之间进行交换，因此需选中的是图像。 24. 在表单中，method属性的POST方法和GET方法的区别是（ ） A. POST方法更安全，可以发送大量数据 B. GET方法更安全，可以发送大量数据 C. POST方法将数据附加在URL中 D. GET方法将数据嵌入在HTTP请求中 【答案】A 【解析】POST：将发送的数据嵌入在HTTP请求中，可以发送大量的数据，安全性比较高。GET：将发送的数据附加到URL地址中，只能够发送少量的数据。 25. 在表单中，用于让用户从多个选项中选择多个的表单对象是（ ） A. 单选按钮 B. 复选框 C. 列表/菜单 D. 文本域 【答案】B 【解析】根据题目描述可知，答案为B选项。 2、 简答题（共4题，每题5分） 1. 关于CSS设计器，按要求回答下列问题。 （1）打开CSS设计器的快捷键是什么？ （2）CSS设计器面板包含哪几个窗口？ （3）要修改水平线的默认样式，可在选择器中输入什么内容？ 【答案】 （1） shift+F11（1分） （2） 源、@媒体、选择器、属性（3分） （3） hr（1分） 2. 在 Dreamweaver 中，关于表格，按要求回答以下问题： （1）表格宽度的单位有哪两种？ （2）创建嵌套表格时，一般不超过多少层？ （3）创建嵌套表格时，最外层表格宽度单位一般选择什么？ （4）为防止浏览过程中出现水平方向的滚动条，通常在 1024*768 分辨率下表格宽度最大设置多少？ 【答案】 （1） 像素 、百分比（2分） （2） 3层（1分） （3） 像素（1分） （4） 1002像素（1分） 3. 如下图2-1所示为小李同学制作的网页，按要求回答下列问题。 （1）现将该网页存储为模板“tpl.dwt”，存放在网站根目录相应的文件夹下，请写出操作步骤。 （2）为网页第3行创建可编辑区，请写出操作步骤。 （3）利用该模板创建一个新的网页文件“web1.html”，请写出操作步骤。 图2-1 【答案】 （1）①打开要转存为模板的网页文件： 方法一：选择“文件→另存为模板”命令。 方法二：在“插入”面板选择“模板”中的“创建模板”。 方法三：选择“插入→模板→创建模板”命令。（3种方法任选其一，1分） ②弹出“另存模板”对话框，在对话框的“站点”下拉列表中选择保存模板的站点，在“另存为”文本框中为模板输入名称tpl.dwt，单击“保存”按钮。（1分） （2）①鼠标定位到第三行单元格， 方法一：选择菜单“插入→模板→可编辑区域”命令。 方法二：按【Ctrl+Alt+V】组合键。 方法三：在“插入”面板选择“模板”中的“可编辑区域”。（3种方法任选其一，1分） ②打开“新建可编辑区域”对话框，在“名称”文本框中输入名称edit，单击“确定”按钮。（1分） （3）①选择“文件→新建→网站模板”选项，在“模板”列表中选择模板tpl.dwt，单击“创建”按钮； ②Ctrl+S，保存为web1.html。（1分） 4. 根据所学的表单知识，分析并回答下列问题。 （1）“上传头像” 应采用哪一种表单类别？ （2）提交表单方法中，安全性较高的是哪一种？ （3）为防止用户同时选中 “性别” 中的两个选项，应如何设置？ （4）要使用户可以同时选中 “关注栏目” 中的多个选项，应如何设置？ 【答案】 （1） 文件域（1分） （2） Post（1分） （3） 设置单选按钮的name属性相同（1分） （4） 在<select>中输入Multiple（2分） 3、 案例分析题（共4题，每题5分） 1. 小明在制作网页时给网页文字设置特殊字体，发现字体并没有发生变化，原因有可能是什么？请教一教小明如何添加新的字体类型到 “字体” 列表。 【答案】 特殊字体没有在字体库中（2分） ①单击文本“属性”面板中的“字体”列表按钮，选择“管理字体”命令； ②在弹出的“管理字体”对话框中，选择“自定义字体堆栈”选项卡，双击“可用字体”列表中的新字体，将其添加到“选择的字体”列表中，单击完成按钮。（3分） 2. 当前网页中有如下图3-1所示的导航条，由 4 个 Div 组成，要实现将鼠标指针指向超文本时，对应的 Div 背景色变为红色，应如何操作？ 图3-1 【答案】 ①选中第一个的div块，窗口→行为，打开行为面板； ②点击“+”添加行为按钮，在下拉菜单中选择“改变属性”；（1分） ③在弹出的对话框中勾选属性为“选择”并在下拉列表中选择“backgroundcolor”，在“新的值”处输入red，点击“确定”；（2分） ④设置“设置文本”的事件为onmouseover。（1分） ⑤按照此步骤依次后面三个div块。（1分） 3. 在 Dreamweaver CC 中，创建了如图3-2所示注册表。请补全下面代码。 图3-2 <table width="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td ① ="2">注册登录信息（带*的必须填写）</td> </tr> <tr> <td align="right">*用户名：</td> <td><input type="text" name="textfield1" id="textfield1" ② /></td> </tr> <tr> <td align="right">*密码：</td> <td><input type=" ③ " name="textfield2" id="textfield2" /></td> </tr> <tr> <td align="right">性别：</td> <td> <label><input type="radio" name="xingbie" value="男" id="xingbie_0" />男</label> <label><input type="radio" name=" ④ " value="女" id="xingbie_1" />女</label> </td> </tr> <tr> <td align="right">个人签名：</td> <td><textarea name="textarea2" id="textarea2" ⑤ ="40" rows="8"></textarea></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" id="button1" value="提交" /> <input type="reset" id="button2" value="重置" /> </td> </tr> </table> 【答案】（每空1分 ） ①colspan ②required ③password ④xingbie ⑤cols 4. 根据右图3-3和要求，补充下列 HTML 代码。要求：网页行高 25px，为第一行文本 “热搜榜” 应用样式 h1（字体加粗、颜色 #E08A93、字号 16px）。 <html> <head> <meta charset="utf-8"> <title>百度热搜</title> <style type="text/css"> body{ font-size:12 px; （1） ; color: #222222;} #h1{图3-3 color: #E08A93; （2） ：bold; font-size:16 px;} </style></head> <body> <table width="370" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td （3） > <img src="images/bt.jpg" alt="" width="36" height="37" align="absmiddle"/>热搜榜</td> <td >更多 &gt;</td></tr> <tr><td （4） > <img src="images/xj.jpg" width="366" height="139" alt=""/></td></tr> <tr><td > <ol （5） ><li>宪法之力 守护你我</li> <li>北大父亲为60分儿子半夜怒刷心理学</li><li>琼瑶最后一部作品</li> </ol></td> <td valign="top"> <p><img src="images/bao.jpg" alt="" width="20" height="20"/><br> <img src="images/bao.jpg" alt="" width="18" height="18"/></p> </td></tr></table> </body></html> 【答案】（每空1分） （1）line-height:25px; （2）font-weight （3）id=”h1” （4）colspan=”2” （5）type=”A” 4、 综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver中打开，请根据所学知识回答下列问题： 图4-1 （1）使用页面属性，设置网页背景颜色为"#f0f0f0"，左边距和上边距均为0像素。 （2）创建ID样式#header，设置宽度为960像素、高度为100像素、背景颜色为"#336699"、居中对齐。 （3）在网页第二行插入DIV，应用ID样式#header，并在DIV中输入文本"网站头部"。 【答案】 （1）①选择菜单“文件”→“页面属性”命令打开页面属性对话框； ②在“外观（CSS）”类别中，设置“背景颜色”为#f0f0f0，“上边距”为0，“下边距”为0；（2分） ③点击“确定”。 （2）①打开CSS设计器面板，单击“添加新的CSS源”，选择“在页面中定义”；（1分） ②选中“源”中自动生成的“<style>”，在CSS设计器面板单击“添加选择器”按钮，输入样式名#header；（1分） ③单击“添加CSS属性”，设置CSS属性width为960px，height为100px，margin为0 auto，background－color为#336699。（4分） （3）①鼠标定位到第二行，菜单“插入”→div，在弹出的对话框的ID中选择“header”；（1分） ②鼠标定位到div中，输入“网页头部”。（1分） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ 《网页设计与制作》（电工版第3版） 期末复习卷（二）原卷版 时间：60分钟 总分：100分 班级 姓名 学号 成绩 ____________ 1、 选择题（共25题，每题2分，共50分） 1. WWW服务器的工作原理是（ ） A. 客户端直接连接到数据库获取数据 B. 客户端发送请求，服务器返回响应 C. 服务器主动向客户端推送内容 D. 客户端和服务器之间不需要协议 2. 下列关于网页分类的说法，错误的是（ ） A. 网页可以分为静态网页和动态网页 B. 静态网页的扩展名通常是.html或.htm C. 动态网页的扩展名可以是.asp、.php、.jsp等 D. 有动画的网页一定是动态网页 3. 下列HTML标签中，用于插入水平线的是（ ） A. <br> B. <hr> C. <p> D. <line> 4. 下列HTML标签中，用于创建滚动文字的是（ ） A. <scroll> B. <marquee> C. <move> D. <roll> 5. 在HTML5中，用于插入音频的标签是（ ） A. <sound> B. <audio> C. <music> D. <media> 6. 下列关于本地站点和远程站点的说法，正确的是（ ） A. 本地站点就是在本地电脑上创建的站点 B. 远程站点就是距离很远的站点 C. 本地站点和远程站点不能相互关联 D. 只能创建本地站点，不能创建远程站点 7. 在Dreamweaver中，关于站点的复制和删除，下列说法正确的是（ ） A. 站点不能复制，只能新建 B. 站点删除后，站点中的文件也会被删除 C. 站点删除后，只是删除了站点定义，文件还在 D. 复制站点会复制所有文件到新位置 8. 在Dreamweaver中，新建网页文件的方法不包括（ ） A. 选择“文件→新建”命令 B. 按Ctrl+N组合键 C. 在站点管理器中右键新建文件 D. 直接在资源管理器中复制粘贴 9. 在Dreamweaver页面属性中，“外观（CSS）”分类不能设置的是（ ） A. 页面字体 B. 背景颜色 C. 左边距和上边距 D. 表单元素样式 10. 在Dreamweaver中，要插入特殊字符“版权符号©”，应在（ ）查找 A. 插入→HTML→特殊字符 B. 插入→文本→特殊字符 C. 修改→文本→特殊字符 D. 格式→特殊字符 11. 在Dreamweaver中，关于列表的说法，错误的是（ ） A. 可以创建无序列表 B. 可以创建有序列表 C. 列表不能嵌套 D. 可以修改列表项的符号类型 12. 下列关于CSS样式的说法，错误的是（ ） A. CSS可以控制网页的布局和外观 B. CSS样式只能写在HTML文档内部 C. CSS可以实现内容和表现分离 D. 外部CSS样式表可以被多个网页引用 13. 下列关于外部CSS样式表的说法，正确的是（ ） A. 外部样式表的扩展名是.css B. 外部样式表只能被一个网页引用 C. 外部样式表必须写在HTML文档内部 D. 修改外部样式表不会影响引用它的网页 14. 在Dreamweaver中，关于鼠标经过图像的说法，正确的是（ ） A. 鼠标经过图像需要两张图像 B. 鼠标经过图像只能有一张图像 C. 鼠标经过图像就是图像热点 D. 鼠标经过图像不能设置链接 15. 在Dreamweaver中，插入Flash动画的快捷键是（ ） A. Ctrl+Alt+I B. Ctrl+Alt+F C. Ctrl+Alt+T D. Ctrl+Alt+A 16. 下列关于空链接的说法，正确的是（ ） A. 空链接就是没有文字的链接 B. 空链接的href属性值为"#" C. 空链接点击后会跳转到首页 D. 空链接不能添加行为 17. 下列关于文件下载链接的说法，正确的是（ ） A. 所有文件都可以直接在浏览器中打开 B. 浏览器不能识别的文件会提示下载 C. 文件下载链接的格式和普通链接不一样 D. 图片文件不能作为下载链接 18. 在CSS中，float属性的值不包括（ ） A. left B. right C. center D. none 19. 若要在一行中显示 3 个宽度为 100 像素的 div 元素，应设置 div 的 CSS 样式为（ ） A. float:left B. clear:both C. overflow:hidden D. position:relative 20. 在 Dreamweaver 中，关于模板，下列说法正确的是（ ） A. 模板文档的扩展名是.dll B. 模板创建后不可以再更改样式和内容 C. 使用模板有利于开发风格多变、功能不同的网页 D. 模板是一种用于设计统一风格页面的特殊类型文档 21. 把网络上下载的模板应用到本地站点（站点文件夹 D:\site），模板正确的存储位置是（ ） A. D:\site\images B. D:\site C. D:\site\templates D. D:\site\library 22. 要实现关闭网页时弹出"感谢访问"的提示，应选用的事件是（ ） A. onLoad B. onUnload C. onClick D. onMouseOut 23. 要添加交换图像行为，必须选中的网页元素是（ ） A. 文本 B. 图像 C. 网页本身 D. 以上均可 24. 在表单中，method属性的POST方法和GET方法的区别是（ ） A. POST方法更安全，可以发送大量数据 B. GET方法更安全，可以发送大量数据 C. POST方法将数据附加在URL中 D. GET方法将数据嵌入在HTTP请求中 25. 在表单中，用于让用户从多个选项中选择多个的表单对象是（ ） A. 单选按钮 B. 复选框 C. 列表/菜单 D. 文本域 2、 简答题（共4题，每题5分） 1. 关于CSS设计器，按要求回答下列问题。 （1）打开CSS设计器的快捷键是什么？ （2）CSS设计器面板包含哪几个窗口？ （3）要修改水平线的默认样式，可在选择器中输入什么内容？ 2. 在 Dreamweaver 中，关于表格，按要求回答以下问题： （1）表格宽度的单位有哪两种？ （2）创建嵌套表格时，一般不超过多少层？ （3）创建嵌套表格时，最外层表格宽度单位一般选择什么？ （4）为防止浏览过程中出现水平方向的滚动条，通常在 1024*768 分辨率下表格宽度最大设置多少？ 3. 如下图2-1所示为小李同学制作的网页，按要求回答下列问题。 （1）现将该网页存储为模板“tpl.dwt”，存放在网站根目录相应的文件夹下，请写出操作步骤。 （2）为网页第3行创建可编辑区，请写出操作步骤。 （3）利用该模板创建一个新的网页文件“web1.html”，请写出操作步骤。 图2-1 4. 根据所学的表单知识，分析并回答下列问题。 （1）“上传头像” 应采用哪一种表单类别？ （2）提交表单方法中，安全性较高的是哪一种？ （3）为防止用户同时选中 “性别” 中的两个选项，应如何设置？ （4）要使用户可以同时选中 “关注栏目” 中的多个选项，应如何设置？ 3、 案例分析题（共4题，每题5分） 1. 小明在制作网页时给网页文字设置特殊字体，发现字体并没有发生变化，原因有可能是什么？请教一教小明如何添加新的字体类型到 “字体” 列表。 2. 当前网页中有如下图3-1所示的导航条，由 4 个 Div 组成，要实现将鼠标指针指向超文本时，对应的 Div 背景色变为红色，应如何操作？ 图3-1 3. 在 Dreamweaver CC 中，创建了如下图3-2所示注册表。请补全下面代码。 图3-2 <table width="500" border="0" cellpadding="0" cellspacing="0"> <tr> <td ① ="2">注册登录信息（带*的必须填写）</td> </tr> <tr> <td align="right">*用户名：</td> <td><input type=" ② " name="textfield1" id="textfield1" /></td> </tr> <tr> <td align="right">*密码：</td> <td><input type=" ③ " name="textfield2" id="textfield2" /></td> </tr> <tr> <td align="right">性别：</td> <td> <label><input type="radio" name="xingbie" value="男" id="xingbie_0" />男</label> <label><input type="radio" name=" ④ " value="女" id="xingbie_1" />女</label> </td> </tr> <tr> <td align="right">个人签名：</td> <td><textarea name="textarea2" id="textarea2" ⑤ ="40" rows="8"></textarea></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" id="button1" value="提交" /> <input type="reset" id="button2" value="重置" /> </td> </tr> </table> 4. 根据右图3-3和要求，补充下列 HTML 代码。要求：网页行高 25px，为第一行文本 “热搜榜” 应用样式 h1（字体加粗、颜色 #E08A93、字号 16px）。 <html> <head> <meta charset="utf-8"> <title>百度热搜</title> <style type="text/css"> body{ font-size:12 px; （1） ; color: #222222;} #h1{图3-3 color: #E08A93; （2） ：bold; font-size:16 px;} </style></head> <body> <table width="370" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td （3） > <img src="images/bt.jpg" alt="" width="36" height="37" align="absmiddle"/>热搜榜</td> <td >更多 &gt;</td></tr> <tr><td （4） > <img src="images/xj.jpg" width="366" height="139" alt=""/></td></tr> <tr><td > <ol （5） ><li>宪法之力 守护你我</li> <li>北大父亲为60分儿子半夜怒刷心理学</li><li>琼瑶最后一部作品</li> </ol></td> <td valign="top"> <p><img src="images/bao.jpg" alt="" width="20" height="20"/><br> <img src="images/bao.jpg" alt="" width="18" height="18"/></p> </td></tr></table> </body></html> 4、 综合应用题（共1题，每题10分） 1. 网页index.html已在Dreamweaver中打开，请根据所学知识回答下列问题： 图4-1 （1）使用页面属性，设置网页背景颜色为"#f0f0f0"，左边距和上边距均为0像素。 （2）创建ID样式#header，设置宽度为960像素、高度为100像素、背景颜色为"#336699"、居中对齐。 （3）在网页第二行插入DIV，应用ID样式#header，并在DIV中输入文本"网站头部"。 （4）将当前网页保存为模板文件moban.dwt，并将DIV中的文本区域设置为可编辑区域，名称为"Edit1"。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $