Dreamweaver网页制作上机期末考试试题（含详细答案）

Dreamweaver网页制作上机期末考试试题（含详细答案）考试说明：1.本试卷为上机实操考试，总分100分，考试时间90分钟；2.考试软件统一使用DreamweaverCS6及以上版本；3.所有文件需按要求命名、保存，站点搭建规范，代码书写整洁；4.禁止套用模板，所有内容为现场手动制作，操作步骤完整规范。一、选择题（每题3分，共10题，总计30分）1.在Dreamweaver中，搭建本地站点的核心目的是（）A.美化网页界面B.统一管理网站所有文件与资源C.提高浏览器运行速度D.简化电脑系统操作2.HTML中，用于定义网页主体内容的标签是（）A.<head>B.<body>C.<html>D.<title>3.在DW中，创建超链接的快捷键是（）A.Ctrl+LB.Ctrl+KC.Ctrl+MD.Ctrl+T4.以下哪种文件不属于网页站点常用资源文件（）A..htmlB..cssC..txtD..jpg5.HTML中，实现文本加粗效果的标签是（）A.<i>B.<b>C.<u>D.<s>6.在DW中，插入表格的默认行数和列数是（）A.3行3列B.2行2列C.4行4列D.1行1列7.外部CSS样式表文件的后缀名是（）A..jsB..cssC..htmD..xml8.网页中插入图片的正确HTML标签是（）A.<pic>B.<img>C.<image>D.<photo>9.在DW站点管理中，用于刷新站点文件列表的作用是（）A.修改网页代码B.同步本地文件与站点显示内容C.保存网页文件D.预览网页效果10.以下属于相对路径的是（）A.D:/web/index.htmlB.../images/1.jpgC.C:/site/info.htmlD.绝对路径无相对写法二、判断题（每题2分，共10题，总计20分，对的打√，错的打×）1.Dreamweaver可以实现可视化编辑和代码编辑两种网页制作模式。（）2.<title>标签可以放置在网页<body>主体内容中。（）3.网页中的图片、视频资源建议使用相对路径，避免网页打开失效。（）4.表格单元格合并分为跨行合并和跨列合并两种方式。（）5.内部CSS样式表是写在<body>标签内部的样式代码。（）6.在DW中，F12快捷键可以快速预览网页效果。（）7.超链接只能链接网页文件，不能链接图片、文档等资源。（）8.搭建网站站点时，站点文件夹名称可以使用中文和特殊符号。（）9.段落标签<p>可以实现文本自动换行，自带段落间距。（）10.外部CSS样式表可以同时控制多个网页的样式效果。（）三、上机实操题（共2题，总计50分）实操题1：基础站点搭建与首页制作（25分）操作要求：1.在电脑D盘新建文件夹，命名为student_web，作为本地站点根目录；在根目录内新建两个子文件夹，分别命名为images（存放图片）、css（存放样式文件）。2.打开Dreamweaver，新建本地站点，站点名称为“个人网页作业”，本地根文件夹选择D盘student_web文件夹。3.新建HTML空白网页，保存为index.html，放置在站点根目录下。4.完成网页基础内容编辑：（1）网页标题设置为“我的个人主页”；（2）页面添加一级标题“欢迎来到我的个人网页”，居中对齐；（3）添加两段正文文本，内容自拟（个人简介、学习感悟均可）；（4）在文本下方插入一张任意图片，图片存放在images文件夹中，图片宽度设置为400px，居中显示。5.保存所有文件，使用F12预览，确保网页无报错、资源正常显示。实操题2：表格布局与CSS样式美化（25分）操作要求：1.在原有站点内新建网页message.html；2.在页面中插入4行3列的表格，表格宽度设置为800px，边框粗细为1px，居中对齐；3.表格第一行所有单元格跨列合并，输入标题“留言板块”，文字居中、加粗、字号18px；4.新建外部CSS样式文件style.css，保存到css文件夹中；5.编写CSS代码实现样式效果：（1）页面整体背景颜色为浅灰色；（2）表格内文字统一字号14px，行高25px；（3）超链接文字默认黑色，鼠标悬浮时变为蓝色、无下划线；6.将CSS文件关联到index.html和message.html两个网页，预览确认样式生效；7.为首页index.html添加文本超链接，链接到message.html页面。参考答案及详细解析一、选择题答案及解析1.B解析：站点的核心作用是统一管理网站的网页、图片、样式等所有资源，避免资源路径错乱、网页失效。2.B解析：<html>是网页根标签，<head>存放网页头部信息，<title>定义网页标题，<body>存放网页所有可见主体内容。3.A解析：DW软件中，Ctrl+L为插入/编辑超链接快捷键，Ctrl+K为插入锚点，Ctrl+M为插入表格。4.C解析：网页站点常用文件为网页、样式、图片、脚本文件，纯文本txt不属于网页运行必备资源文件。5.B解析：<b>为文本加粗，<i>为斜体，<u>为下划线，<s>为删除线。6.A解析：Dreamweaver默认插入表格为3行3列，可手动修改行列数值。7.B解析：.css为层叠样式表文件后缀，.js为脚本文件，.htm为网页文件。8.B解析：HTML标准图片插入标签为<imgsrc="路径"/>，无其他图片标签写法。9.B解析：刷新站点列表可同步本地新增、修改、删除的文件，让站点面板显示最新文件状态。10.B解析：相对路径以站点根目录为基准，../表示返回上一级文件夹，其余选项均为绝对路径。二、判断题答案及解析1.√解析：DW具备设计视图（可视化）和代码视图两种编辑模式，可切换使用。2.×解析：<title>标签必须放置在<head>标签内，放在主体中无法识别网页标题。3.√解析：相对路径不依赖电脑本地磁盘路径，网站迁移后资源仍可正常加载，是网页制作标准写法。4.√解析：表格合并分为跨行合并（上下合并）和跨列合并（左右合并）两种操作。5.×解析：内部CSS样式写在<head>标签的<style>标签内，而非<body>内部。6.√解析：F12是DW默认网页预览快捷键，可调用默认浏览器查看网页效果。7.×解析：超链接可链接网页、图片、压缩包、文档、视频等所有格式文件。8.×解析：站点文件夹、文件命名禁止使用中文、空格、特殊符号，易导致网页路径报错、资源失效。9.√解析：<p>段落标签自带换行和上下间距，是网页正文常用标签。10.√解析：外部CSS样式文件独立于网页，多个网页关联该文件后，可统一样式风格，修改便捷。三、上机实操题标准答案及评分标准实操题1评分标准（25分）1.文件夹创建规范：根目录student_web、子文件夹images和css命名正确（5分，命名错误、缺失文件夹酌情扣分）；2.站点搭建成功：站点名称、根目录绑定正确，站点无配置错误（5分）；3.网页文件保存正确：index.html存放于站点根目录（3分）；4.页面内容完整：网页标题设置正确、一级标题居中、两段正文文本、图片插入路径正确且尺寸合规（8分，每项内容缺失扣2分，图片路径错误不得分）；5.文件保存完整、F12预览网页正常显示，无资源失效、代码报错（4分）。实操题1核心参考代码（index.html）html

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<title>我的个人主页</title>

<linkrel="stylesheet"href="css/style.css"type="text/css">

</head>

<body>

<h1align="center">欢迎来到我的个人网页</h1>

<p>大家好，这是我的个人网页，主要用于记录我的网页设计学习过程，分享学习心得与日常收获。</p>

<p>在网页制作的学习中，我掌握了基础的HTML标签用法、站点搭建、样式美化等实操技巧，不断提升自己的设计能力。</p>

<palign="center"><imgsrc="images/1.jpg"width="400"alt="个人图片"></p>

<palign="center"><ahref="message.html">进入留言板块</a></p>

</body>

</html>实操题2评分标准（25分）1.新建message.html网页，保存路径正确（3分）；2.4行3列表格插入规范，宽度、边框、对齐方式设置正确（5分）；3.第一行单元格跨列合并，标题文字格式设置达标（4分）；4.外部style.css文件创建、保存路径正确（3分）；5.CSS样式代码编写完整，背景色、文字格式、超链接样式全部生效（6分，样式缺失一项扣2分）；6.双网页成功关联CSS文件，首页超链接跳转正常，预览无异常（4分）。实操题2核心参考代码1.css/style.css样式代码css

body{

background-color:#f5f5f5;/*页面浅灰色背景*/

}

table{

font-size:14px;

line-height:25px;/*表格文字行高*/

}

a{

color:#000000;/*超链接默认黑色*/

text-decoration:none;/*去除默认下划线*/

}

a:hover{

color:#0066ff;/*鼠标悬浮蓝色*/

}2.message.html核心代码html

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<title>留言板块</title>

<linkrel="stylesheet"href="css/style.css"type="text/css">

</head>

<body>

<tablewidth="800"border="1"align="center"cellpadding="5"cellspacing="0">

<tr>

<tdcolspan="3"align="center"><strong><fontsize="18">留言板块</font></strong></td>

</tr>

<tr>

<td>留言人</td>

<td>留言内容</td>

<td>留言时间</td>

</tr>

<tr>

<td>张三</td>

<td>网页制作课程实用性很强</td>

<td>2026-09-01</td>

</tr>

<t