Dreamweaver网页设计期末测试试题（含详细答案）_第1页
Dreamweaver网页设计期末测试试题（含详细答案）_第2页
Dreamweaver网页设计期末测试试题（含详细答案）_第3页
Dreamweaver网页设计期末测试试题（含详细答案）_第4页
Dreamweaver网页设计期末测试试题（含详细答案）_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

Dreamweaver网页设计期末测试试题（含详细答案）考试时长：90分钟满分：100分适用专业：计算机基础、电子商务、新媒体相关专业考试说明：本试卷分为选择题、填空题、判断题、简答题、实操应用题五个部分，答题规范、步骤清晰可得分。一、单项选择题（共20小题，每小题2分，共40分）每小题只有一个正确答案，请将正确选项填入对应位置。1.网页制作的核心标准语言是（）A.C语言B.HTMLC.JavaD.Python2.Dreamweaver软件主要用途是（）A.视频剪辑B.网页可视化编辑与代码编写C.图像处理D.数据建模3.HTML网页的基本结构中，用于定义网页主体内容的标签是（）A.<head>B.<body>C.<html>D.<title>4.在Dreamweaver中，新建默认网页的后缀名是（）A..txtB..cssC..htmlD..js5.以下标签中，用于设置网页标题、显示在浏览器标题栏的是（）A.<meta>B.<title>C.<h1>D.<header>6.实现网页文本换行且不产生段落间距的标签是（）A.<p>B.<br>C.<hr>D.<div>7.用于插入水平线、分割网页内容的标签是（）A.<line>B.<hr>C.<tr>D.<td>8.在HTML中，设置文本加粗的标签是（）A.<italic>B.<b>C.<u>D.<s>9.以下不属于Dreamweaver视图模式的是（）A.代码视图B.设计视图C.拆分视图D.渲染视图10.超链接标签<a>中，用于指定跳转地址的属性是（）A.srcB.hrefC.linkD.url11.想要点击链接在新浏览器窗口打开页面，需要设置的属性是（）A.target="_self"B.target="_blank"C.open="new"D.jump="win"12.插入网页图片的核心标签是（）A.<pic>B.<img>C.<image>D.<photo>13.图片标签中，用于设置图片替代文字的属性是（）A.titleB.altC.nameD.desc14.网页中搭建表格，用于定义表格行的标签是（）A.<table>B.<td>C.<tr>D.<th>15.表格中用于设置单元格合并列的属性是（）A.rowspanB.colspanC.mergeD.align16.CSS样式表的后缀文件是（）A..htmB..cssC..jsD..xml17.以下不属于CSS样式引入方式的是（）A.行内样式B.内部样式C.全局样式D.外部样式18.Dreamweaver中，用于统一管理站点文件、图片、代码的功能是（）A.资源面板B.站点管理C.属性面板D.库面板19.网页中<h1>-<h6>标签的作用是（）A.文本分段B.标题层级定义C.文本居中D.字体变色20.想要设置网页文本居中对齐，CSS属性正确的是（）A.text-align:centerB.align:centerC.font:centerD.float:center二、填空题（共10空，每空1分，共10分）1.完整的HTML网页结构包含<html>、________、________三大部分。2.Dreamweaver三种视图模式分别是代码视图、________、________。3.超链接中，target="_self"表示________打开链接。4.表格标签中，<th>的作用是定义________。5.CSS样式中，________属性用于设置字体大小，________属性用于设置字体颜色。6.网页中用于布局区块、实现模块化排版的常用标签是________。7.图片标签src属性的作用是________。三、判断题（共10小题，每小题1分，共10分，对的打√，错的打×）1.HTML标签不区分大小写，<BODY>和<body>效果一致。（）2.<br>标签是成对标签，必须书写闭合标签。（）3.Dreamweaver设计视图中编辑的内容，会自动同步生成对应代码。（）4.超链接只能跳转外部网页，无法跳转本地网页。（）5.表格单元格中，rowspan用于合并行，colspan用于合并列。（）6.外部CSS样式表可以实现多个网页共用一套样式，简化维护。（）7.<p>标签可以实现强制换行，且无段落间距。（）8.alt属性的作用是图片加载失败时显示替代文字，提升网页兼容性。（）9.站点创建后，不能修改本地存储路径。（）10.<h1>标签字号最大，<h6>标签字号最小。（）四、简答题（共3小题，每小题6分，共18分）1.简述Dreamweaver中创建本地站点的核心步骤。2.简述HTML中行内样式、内部样式、外部样式三种CSS样式的区别与适用场景。3.简述网页中表格的主要作用，以及网页布局中表格的使用注意事项。五、实操应用题（共2小题，共22分）1.基础网页编写（10分）：使用HTML基础标签，编写一个完整的静态网页，要求包含：网页标题、一段正文文本、一张图片、一个跳转至百度的超链接。2.样式美化实操（12分）：基于上述网页，添加内部CSS样式，实现以下效果：网页整体文本居中、正文字号14px、字体黑色、超链接hover状态变为红色。详细参考答案及解析一、单项选择题答案及解析1.B解析：HTML是网页制作的标准标记语言，其余为编程语言，不用于网页结构搭建。2.B解析：Dreamweaver是专业网页编辑工具，支持可视化设计与代码编辑，专注网页制作。3.B解析：<body>存放网页所有可见主体内容，<head>为头部信息，<html>为网页根标签。4.C解析：网页默认文件格式为html/htm，css为样式文件，js为脚本文件，txt为文本文件。5.B解析：<title>定义浏览器标题栏文字，<meta>用于网页元信息设置。6.B解析：<br>为强制换行标签，无段落间距；<p>为段落标签，自带上下间距。7.B解析：<hr>为水平线标签，用于分割网页不同模块内容。8.B解析：<b>实现文本加粗，<u>为下划线，<s>为删除线。9.D解析：Dreamweaver核心视图为代码、设计、拆分视图，无渲染视图。10.B解析：<a>标签的href属性指定链接地址，src为图片、文件路径属性。11.B解析：target="_blank"新窗口打开，target="_self"当前窗口打开。12.B解析：HTML插入图片的唯一标准标签为<img>。13.B解析：alt为图片替代文字，title为鼠标悬浮提示文字。14.C解析：<table>定义表格整体，<tr>定义表格行，<td>定义单元格，<th>定义表头。15.B解析：colspan合并列，rowspan合并行。16.B解析：CSS外部样式文件专属后缀为.css。17.C解析：CSS三种引入方式为行内、内部、外部样式，无全局样式分类。18.B解析：站点管理功能可统一规整网页文件、素材资源，是DW核心功能。19.B解析：<h1>-<h6>是六级标题标签，用于定义文本标题层级。20.A解析：text-align:center是文本水平居中的标准CSS属性。二、填空题答案1.<head>、<body>2.设计视图、拆分视图3.当前窗口4.表格表头5.font-size、color6.<div>7.指定图片的存储路径（来源地址）三、判断题答案1.√2.×3.√4.×5.√6.√7.×8.√9.×10.√部分错题解析：2.<br>为单标签，无需闭合；4.超链接可跳转本地网页、外部网页、锚点链接；7.<p>标签有段落间距，<br>无间距；9.站点创建后可在站点设置中修改存储路径。四、简答题参考答案1.Dreamweaver本地站点创建核心步骤（1）在电脑本地新建专属文件夹，作为站点根目录，分类新建images、css、js等子文件夹存放对应素材；（2）打开Dreamweaver软件，点击菜单栏「站点」-「新建站点」；（3）设置站点名称，选择刚才创建的本地根文件夹；（4）无需设置远程服务器信息，仅创建本地站点；（5）确认设置，完成站点创建，可在文件面板查看、管理所有站点文件。2.三种CSS样式的区别与适用场景（1）行内样式：直接在HTML标签内添加style属性，优先级最高。适用于单个标签的临时样式设置，灵活性高但不利于统一管理；（2）内部样式：写在网页<head>的<style>标签内，仅对当前网页生效。适用于单页面专属样式，中小型单页网站使用较多；（3）外部样式：单独创建.css文件，通过链接引入网页，优先级最低。适用于多页面网站，可统一全站样式，简化后期维护，提高代码复用性。3.表格的作用与使用注意事项作用：早期网页核心布局方式，可规整排版图文内容，清晰展示数据、表单、图文模块，让页面结构整齐。注意事项：避免多层表格嵌套，会降低网页加载速度；合理使用单元格合并，避免布局错乱；现代网页优先使用div布局，表格仅用于数据展示，不建议用于整体页面布局；统一设置表格边框、间距，保证页面美观统一。五、实操应用题参考答案1.基础网页代码（满分10分）PlainText

<!DOCTYPEhtml>

<html>

<head>

<title>基础测试网页</title>

</head>

<body>

<p>这是一个Dreamweaver网页设计测试页面，包含文本、图片和超链接。</p>

<imgsrc="images/test.jpg"alt="测试图片">

<p><ahref=""target="_blank">点击跳转百度</a></p>

</body>

</html>评分标准：完整网页结构4分、标题设置2分、文本+图片设置2分、超链接设置2分。2.样式美化完整代码（满分12分）PlainText

<!DOCTYPEhtml>

<html>

<head>

<title>基础测试网页</title>

<style>

body{

text-align:center;

font-size:14px;

color:#000000;

}

a:hover{

color:red;

}

</style>

</head>

<body>

<p>这是一个Dreamweaver网页设计测试页面，包含文本、图片和超链接。</p>

<imgsrc

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论