Dreamweaver网页设计期末考试试题及详细答案

Dreamweaver网页设计期末考试试题及详细答案考试时长：90分钟满分：100分适用专业：计算机、电子商务、新媒体相关专业一、单项选择题（共20题，每题2分，共40分）1、Dreamweaver软件主要用于（）A、图像处理B、网页制作与网站开发C、视频剪辑D、数据编程2、网页的默认首页文件名一般为（）A、index.htmB、main.htmC、page.htmD、home.htm3、在Dreamweaver中，HTML代码的基本结构标签不包括（）A、<html>B、<head>C、<body>D、<file>4、想要设置网页标题，需要在哪个标签内编辑（）A、<body>B、<head>C、<title>D、<meta>5、Dreamweaver中，拆分视图指的是（）A、仅显示代码视图B、仅显示设计视图C、代码视图和设计视图同时显示D、预览视图6、创建本地站点的主要目的是（）A、美化网页B、统一管理网站文件，规范站点结构C、提高网速D、加密网页文件7、在网页中插入图片的核心标签是（）A、<pic>B、<img>C、<image>D、<photo>8、超链接的标签是（）A、<link>B、<a>C、<url>D、<href>9、设置文本居中对齐的属性是（）A、text-leftB、text-align:centerC、text-rightD、text-indent10、HTML中，换行的标签是（）A、<hr>B、<br>C、<p>D、<span>11、以下属于相对路径的是（）A、D:/web/index.htmB、C、images/bg.jpgD、C:/site/logo.png12、在Dreamweaver中，预览网页的快捷键是（）A、F1B、F12C、F5D、F813、表格中，用于定义单元格的标签是（）A、<table>B、<tr>C、<td>D、<th>14、CSS样式表中，设置字体大小的属性是（）A、font-familyB、font-sizeC、font-weightD、font-color15、网页中插入水平线的标签是（）A、<line>B、<hr>C、<br>D、<border>16、站点中文件夹命名规则，说法正确的是（）A、可以使用中文命名B、可以使用特殊符号C、建议使用英文、数字、下划线D、文件名可随意大写小写混用17、设置超链接跳转新窗口打开的属性是（）A、target="_self"B、target="_blank"C、target="_top"D、target="_parent"18、表单中，单行文本输入框的标签是（）A、<inputtype="text">B、<textarea>C、<inputtype="radio">D、<select>19、在Dreamweaver中，库文件的后缀是（）A、.cssB、.lbiC、.dwtD、.htm20、模板文件的后缀为（）A、.htmlB、.txtC、.dwtD、.js二、判断题（共10题，每题1分，共10分，对的打√，错的打×）1、Dreamweaver可以实现可视化网页编辑，无需手动编写代码。（）2、网页文件命名可以使用空格和中文标点符号。（）3、绝对路径是指相对于当前网页文件的路径。（）4、<p>标签是段落标签，会自动实现段落间距。（）5、CSS样式只能写在网页内部，不能单独创建外部样式文件。（）6、超链接不仅可以链接网页，还可以链接图片、文件、邮箱。（）7、表格的border属性值为0时，网页中不显示表格边框。（）8、F12快捷键可以保存网页并直接在浏览器中预览效果。（）9、表单中的单选按钮可以同时选中多个选项。（）10、本地站点搭建完成后，所有网页素材必须放入站点文件夹内。（）三、简答题（共4题，每题5分，共20分）1、简述在Dreamweaver中新建本地站点的核心步骤。2、简述相对路径和绝对路径的区别，以及网页制作中优先使用相对路径的原因。3、简述HTML、CSS的各自作用。4、简述网页模板和库的作用及使用场景。四、实操应用题（共3题，每题10分，共30分）1、使用Dreamweaver创建一个简单网页，简述操作步骤：新建网页、设置网页标题、输入文本、插入图片、保存文件。2、简述表格布局网页的基本操作流程，以及表格布局的注意事项。3、简述创建外部CSS样式文件，并关联网页的完整操作步骤。参考答案及详细解析一、单项选择题答案及解析1、【答案】B解析：Dreamweaver是专业的网页制作与网站开发工具，主打网页可视化编辑、代码编写、站点管理，不用于图像处理、视频剪辑和专业数据编程。2、【答案】A解析：网站默认首页通用文件名为index.htm、index.html，服务器会自动识别该文件为网站首页。3、【答案】D解析：HTML基础结构由<html>根标签、<head>头部标签、<body>主体标签组成，无<file>标签。4、【答案】C解析：<title>标签专门用于定义网页标题，显示在浏览器标题栏中，嵌套在<head>标签内。5、【答案】C解析：Dreamweaver包含三种视图：代码视图、设计视图、拆分视图，拆分视图可同时展示代码和可视化设计界面。6、【答案】B解析：本地站点的核心作用是统一归类管理网页、图片、样式等所有站点文件，规范文件路径，避免链接失效，方便后期网站维护和上传。7、【答案】B解析：HTML插入图片的唯一标准标签为<img>，通过src属性指定图片路径。8、【答案】B解析：<a>是超链接标签，href属性用于设置链接地址，<link>主要用于引入外部样式文件。9、【答案】B解析：text-align:center是标准的文本居中对齐CSS属性，其余选项无居中效果。10、【答案】B解析：<br>为强制换行标签，无段落间距；<p>是段落标签，自带上下间距；<hr>是水平线标签。11、【答案】C解析：相对路径以当前网页位置为基准，仅填写文件夹和文件名；绝对路径包含完整的磁盘路径或网址。12、【答案】B解析：Dreamweaver默认预览快捷键为F12，可快速调用默认浏览器查看网页效果。13、【答案】C解析：<table>定义表格整体，<tr>定义表格行，<td>定义普通单元格，<th>定义表头单元格。14、【答案】B解析：font-size控制字体大小，font-family控制字体类型，font-weight控制字体粗细。15、【答案】B解析：<hr>为网页水平线标签，可设置宽度、高度、颜色等样式。16、【答案】C解析：站点文件及文件夹禁止使用中文、空格、特殊符号，易造成路径识别错误，建议使用英文、数字、下划线命名。17、【答案】B解析：target="_blank"表示新窗口打开链接，_self为当前窗口打开（默认）。18、【答案】A解析：<inputtype="text">为单行文本框，<textarea>为多行文本域，单选按钮为radio类型。19、【答案】B解析：库文件后缀为.lbi，模板文件后缀为.dwt，样式文件后缀为.css。20、【答案】C解析：Dreamweaver模板文件专用后缀为.dwt，可实现页面统一复用和批量修改。二、判断题答案及解析1、【答案】√解析：Dreamweaver支持可视化拖拽编辑，无需手写代码即可完成基础网页制作，同时兼容代码编辑模式。2、【答案】×解析：网页文件名禁止使用空格、中文标点，会导致浏览器识别路径失败，出现链接、图片失效问题。3、【答案】×解析：绝对路径是完整的磁盘路径或网络网址，相对路径才是相对于当前网页的文件路径。4、【答案】√解析：<p>段落标签自带默认上下边距，可自动区分段落，实现文本分段排版。5、【答案】×解析：CSS样式分为内部样式、行内样式、外部样式，可单独创建.css外部样式文件，实现样式统一管理。6、【答案】√解析：超链接应用广泛，可链接网页、图片、压缩文件、邮箱地址、视频等多种资源。7、【答案】√解析：表格border边框属性值设为0时，隐藏表格边框，常用于无痕网页布局。8、【答案】√解析：按下F12快捷键，软件会自动保存网页并调用浏览器预览最终效果。9、【答案】×解析：单选按钮同一组内只能选中一个选项，复选框可多选。10、【答案】√解析：所有网页素材、文件必须存放在站点根目录内，否则会出现路径错误，导致资源无法加载。三、简答题参考答案1、新建本地站点的核心步骤（1）提前在电脑磁盘新建一个空白文件夹，作为站点根目录，内部可提前创建images、css等子文件夹分类存放素材；（2）打开Dreamweaver软件，点击顶部菜单栏【站点】-【新建站点】；（3）在站点设置窗口，自定义站点名称，选择刚才创建的本地根文件夹；（4）无需设置远程服务器信息，仅配置本地站点参数，点击保存完成创建；（5）在站点面板中查看创建的站点，确认文件结构完整。2、相对路径和绝对路径的区别及相对路径的使用优势区别：绝对路径是文件完整的存放路径，包括电脑磁盘完整路径或完整的网络网址，路径固定不变；相对路径是以当前网页文件为基准，描述目标文件的相对位置，仅填写文件夹名和文件名。使用原因：网页制作中使用相对路径，当整个站点文件夹移动、复制、上传至服务器时，文件之间的相对位置不会改变，不会出现图片、链接失效的问题；绝对路径依赖本地磁盘位置，迁移站点后会直接失效。3、HTML和CSS的各自作用HTML是超文本标记语言，核心作用是搭建网页结构，定义网页中的文本、图片、表格、链接、表单等基础内容，决定网页有什么内容、内容如何排版布局。CSS是层叠样式表，核心作用是美化网页样式，负责设置网页的字体、颜色、大小、边距、背景、布局效果等，在不改变网页结构的前提下，优化页面视觉效果，实现结构与样式分离。4、网页模板和库的作用及使用场景网页模板（.dwt）：作用是统一网站页面布局和风格，固定网页公共区域，可批量修改所有应用模板的页面。适用于网站大量页面顶部导航、底部版权信息、整体布局一致的场景，适合整页复用。库文件（.lbi）：作用是复用网页局部公共模块，仅针对页面中的部分内容（如导航栏、侧边栏、按钮组）复用。适用于仅需要复用局部模块，页面主体内容不同的场景，修改库文件后，所有调用该模块的页面自动同步更新。四、实操应用题参考答案1、简单网页制作操作步骤（1）新建网页：打开Dreamweaver，点击【文件】-【新建】，选择HTML空白文档，创建新网页；（2）设置网页标题：在文档顶部标题栏输入自定义网页标题，或在代码<title>标签内修改标题内容；（3）输入文本：切换至设计视图，直接在页面空白处输入所需文字内容，可简单设置字体、字号、对齐方式；（4）插入图片：将光标定位到文本下方，点击【插入】-【图像】，选择站点内的图片文件，确认插入，调整图片大小；（5）保存文件：点击【文件】-【保存】，将文件命名为index.html，保存到本地站点根目录内。2、表格布局网页操作流程及注意事项操作流程：（1）新建空白HTML网页，切换设计视图；（2）点击【插入】-【表格】，根据布局需求设置表格行数、列数、宽度，将边框值设为0；（3）根据页面布局需求，合并、拆分单元格，调整单元格宽度和高度；（4）在对应单元格内依次插入文本、图片、超链接等网页内容；（5）选中表格，设置对齐方式、边距等样式，保存网页并预览效果。注意事项：表格边框需设置为0，避免页面出现多余线条；所有素材需使用相对路径；尽量嵌套表格实现精细布局，避免单一表格过于复杂；表格宽度优先使用百分比，适配不同浏览器窗口。3、外部CSS样