第2章 网页基本元素的添加-本章自测
网页设计教程01-03网页设计基础-HTML基础-Dreamweaver cs3使用基础础.
2.2.2设置字型
格式：<b>受影响的文字</b> <i>受影响的文字</i> <tt>受影响的文字</tt> …… 说明：各种字型的标记有许多，但是格式都 一样。所不同的是标记名和需要受影响的文 字而已。
2.2.3特殊替换字符
在HTML文件中，有一些特殊字符是用来代表特定 意义的。例如小于（<）和大于（>）符号，是标 记指令专用的，但是当要在浏览器上显示出此类符 号时，就不能直接在代码中书写它们，而是利用以 下的一些特殊符号来替代它们。 <：替代小于符号（<）。 >：替代大于符号（>）。 "：替代双引号（"）。  ：替代不可分的空格。有时因为版面的关系 会将有空格的字符分成两行，此时就可以将两个字 符之间的空格定义为 。
2.1.2 HTML文件的基本结构
1．基本结构 HTML文件是一种纯文本格式的文件，其基本结构为： <html> <head> <title>网页的标题</title> </head> <body> 网页的内容 </body> </html> HTML文件必须以<html>开头，以</html>结尾。 HTML文件包括头部（head）和主体（body）。
2．字符格式标记 用来改变HTML文件文字的外观，增加文件的美观程度。主要有： （1）<font>：改变字体设置。 （2）<b>……</b>：粗体字。 （3）<i>……</i>：斜体字。 （4）<tt>……</tt>：标准打印机字体。 （5）<u>……</u>：文字带下划线。 （6）<strike>……</strike >：文字带删除线。 （7）<sub>……</sub >：下标。 （8）<sup>……</sup >：上标。 （9）<center>……</center>：居中对齐。 （10）<blink>……</blink>：文字闪烁。 （11）<big>……</big>：加大字型。 （12）<small>……</small>：缩小字型。 （13）<cite>……</cite>：参照。
网页设计与制作知到章节答案智慧树2023年长江职业学院
网页设计与制作知到章节测试答案智慧树2023年最新长江职业学院第一章测试1.网站是网页的基本构成元素。
（）。
参考答案:错2.在Web标准中，行为标准主要包括xml和xhtml两个部分。
（）。
参考答案:错3.目前最新的HTML版本是（）。
参考答案:HTML54.HBuilder中，新建文件的快捷键是（）。
参考答案:Ctrl+N5.制作网页时一般需要兼容以下哪些浏览器（）。
参考答案:谷歌浏览器;IE浏览器;火狐浏览器第二章测试1.当图像不能显示时，可以用下列哪个属性设置替换文本（）参考答案:alt2.下面的选项中，属于网页上常用图片格式的是（）参考答案:GIF格式;JPG格式;PNG格式3.HTML5中，mark元素的主要功能是在文本中高亮显示某些字符，以引起用户注意。
（）参考答案:对4.下列选项中，属于段落标签的是( )参考答案:<p>标题文本</p>5.下列标签中，用于设置文本斜体的是（）参考答案:<i></i>和<em></em>第三章测试1.在CSS中，用于设置首行文本缩进的属性是（）参考答案:text-indent2.在下列选项中，background-position属性值书写正确的是（）参考答案:p{ background-position:left top; }3.下列选项中，属于背景属性的是（）参考答案:background-repeat;background;background-image4.在下面的选项中，符合CSS基础选择器的语法格式的是（）。
参考答案:p{font-size:12px;};* { margin: 0; padding:0; };.green{color:inherit;;#myfont{font-weight:bold;}5.下面的选项中, 行内式CSS样式的基本语法格式正确的是（）参考答案:<标记名 style="属性1:属性值1; 属性2:属性值2; ......"> 内容 </标记名>6.当<p>标记内嵌套<strong>标记时，就可以使用后代选择器对其中的<strong>标记进行控制，下列写法正确是（）参考答案:p strong{color:inherit;7.页面上的div标签，其HTML代码为<div id="box" class="red">文字</div>，为其设置CSS样式如下：#box{color:blue;}.red{color:red;}那么，文字的颜色将显示为 ( )参考答案:蓝色8.color属性用于定义文本的颜色，以下写法正确的是（）参考答案:;9.在CSS中，使用链入式引入CSS样式表，要通过设置<link />标签的（）属性。
第2章 网页设计与制作-HTML语言基础
由“<”和“>”组成的就是标记。在HTML 语言中标记分“单标记”和“双标记”。
2.1 HTML概述
2.2 文本的编辑
2.2.3 标题显示等级
语法格式为：
<hn>…</hn>
n：表示不同级别的标题，n值可以是1-6中 的任意数字，其中1表示的标题字体最大。
可以用align属性设置对齐方式，常用的有 左对齐，居中，右对齐三种对齐方式。
2.2 文本的编辑
2.2.4 列表
在HTML中，列表常用的有“有序列表”和 “无序列表”。
2.2 文本的编辑
2.2.4 列表
2．无序列表 基本语法结构为：
<ul type=“n”>
<li>项目1</li> <li>项目2</li>
……
<li>项目n</li>
</ul>
Type:设置符号形状，有实心圆、小正方形、 空心圆三种，具体如下：
n=disk：符号为实心圆。 n=square：符号为正方形。 n=circle：符号为空心圆。
绝对路径：完整的描述文件位置的路径就 是绝对路径。对于绝对路径可以不需要知道其 他任何信息就可以判断出文件的位置。
相对路径：所谓相对路径,顾名思义就是当 前文档与目标的相对位置。例<src = "1.bmp">.
Dreamweaver-CS6网页制作第2章
后退
定义在新建样式表文件
结束
2.2使用CSS规则美化文本
（2）单击“确定”按钮，弹出如下图所示的对话框
，定义样式文件名称为“mycss”保存在站点目录
“D:\mysite”文件夹中。
目录
前进
后退
保存新样式表文件“mycss”
结束
2.2使用CSS规则美化文本
（3）单击“保存”按钮，弹出“CSS规则定义”对 话框，保持默认值，单击“确定”按钮。在“属性 ”面板中，定义“title2”样式，大小为“16px”、 目录 颜色为“#960”、“粗体”，效果如下图所示：
中选择“D:\mysite\images\flying.gif”图像文件，
单击“确认”按钮，图像插入后通过标签编辑器将
“对齐”属性设置为“右”。
调整大小：宽度 为215像素，高 度为160像素
前进
后退
设置图像大小
结束
2.3添加图像
（4）使用快捷键插入图象：将插入光标移动到“立
志飞翔”部分的第五段文字“但我”前，使用组合 目录
对话框中选择“D:\mysite\images\flying.gif”图像
文件，单击“确认”按钮，图像插入后通过标签编
辑器将“对齐”属性设置为“左”。
前进
调整大小：宽度 为285像素，高 度为213像素
设置图像大小
后退 结束
2.3添加图像
（3）使用“插入”菜单插入图象：将插入光标移动
到“立志飞翔”部分的第三段文字“听着”前，选 择“插入”栏“常用” 类别中的 按钮，在对话框 目录
达到如图所示的效果，还要对“自我介绍”的内容
后退
制作列表，要在文档中添加水平线，编辑网页的外
网页设计课后习题答案
思考与练习答案第1章1、填空题：（1）文字、图片和超链接（2）“设计者”模式和“代码编写者”模式（3）“设计”视图、“代码”视图和“拆分”视图。
2、简答题（1）简述Drea mweav er 8的基本菜单的组成。
答：●【文件】菜单：包括对文件进行操作的标准菜单项，还包括各种其他命令用于查看当前文档或对当前文档执行的操作。
例如：【新建】、【打开】、【保存】、【在浏览器中预览】和【打印代码】等。
●【编辑】菜单：包括用对文本进行操作的标准菜单项，还包括选择和搜索命令。
例如：【剪切】、【拷贝】、【粘贴】、【选择父标签】和【查找和替换】等●【查看】菜单：可以看到文档的各种视图，并且可以显示和隐藏不同类型的页面元素以及不同的 Dreamw eaver工具。
●【插入】菜单：提供插入栏的替代项，以便用于将对象插入文档。
●【修改】菜单：可以更改选定页面元素或项的属性。
使用此菜单，可以编辑标签属性，更改表格和表格元素，并且为库项和模板执行不同的操作。
●【文本】菜单：可以轻松地设置文本的格式。
●【命令】菜单：提供对各种命令的访问。
●【站点】菜单：提供一些菜单项，这些菜单项可用于创建、打开和编辑站点，以及用于管理当前站点中的文件。
●【窗口】菜单：提供对 Dreamw eaver中的所有面板、检查器和窗口的访问。
●【帮助】菜单：提供对Dre amwea ver文档的访问，包括使用 Dreamw eaver以及各种语言的参考材料。
（2）简述插入面板所包含的选项卡的种类。
答：●“常用”选项卡：包含用于创建和插入最常用对象（如图像、表格）的按钮。
●“布局”选项卡：允许插入布局表格和图层两种方式，并且可以在两种视图之间进行选择。
●“表单”选项卡：允许插入制作页面表单的各个元素。
网页设计与制作知到章节答案智慧树2023年酒泉职业技术学院
网页设计与制作知到章节测试答案智慧树2023年最新酒泉职业技术学院第一章测试1.不同的类别使用不同的后缀，以下属于政府类网站后缀名的是（）。
参考答案:gov2.以下属于静态网页的URL后缀的有（）。
参考答案:xml;htm;html3.以下属于常见的网站结构的有（）参考答案:国字型;标题正文式;拐角式;封面式4.以下哪些是属于常用的网页色彩搭配方法。
（）参考答案:相近色的应用;对比色的应用;色彩表达方式;网页安全色5.网站是多个网页的集合，按网站内容可将网站分为（）和职能网站。
参考答案:个人网站;企业网站;门户网站;专业网站第二章测试1.（）用于给文本、段落和图像等设置属性。
参考答案:属性检查器2.将链接的目标文件载入该链接所在的同一框架或窗口中，链接的target属性应设置成（）参考答案:self3.网页文件的头部(即标签)元素的主要功能包括?（）参考答案:搜索引擎阅读文件头以获取该页面重要信息，便于用户搜索;其他语言的代码，其文档范围声明和子程序都会包含在文件头部分;确定浏览器以什么语言来解释页面4.以下关于网页文件命名的说法错误的是（）参考答案:建议使用长文件名或中文文件名，以便更清晰、易值5.使用DreamweaverCC设计网站的第一步是（）。
参考答案:定义站点6.以下关于查看源代码的说法正确的是（）。
参考答案:可以在DreamweaverCC的“代码”视图中查看网页的源代码7.“页面属性”对话框中的（）用于设置将显示在Web浏览器的标题栏上的页面名称。
参考答案:标题/编码8.下面对于CSS样式描述正确的是（）。
参考答案:通过CSS，可以精确地控制页面中每个元素的字体样式、背景、排列方式、区域尺寸和边框等;能够简化网页代码格式，使得下载显示的速度加快9.单选2.在Dreamweaver中，怎样才能使用样式表：（）参考答案:事先定义10.如果要使一个网站的风格统并便于更新，在使用CSS时最好使用（）样式。
第二章 网页设计语言_Html
标题标记用于设置文档中的标题，其中
<H1>...</H1>标记表示字体最大的标题，
<H6>…</H6>标记表示字体最小的标题。
每个标题标记所标记的字句将独占一行且上下留下一空 白行。
演示：Sample2_4.htm
水平线的插入 <hr>标志是在Html文档中加入一条水平线。
COLOR属性
设置水平线的颜色，例如<HR color=red>
2.5.1 在网页中插入图像
演示：Sample2_13.htm、Sample2_14.htm
2.5.2
播放多媒体文件
Img标记不仅用于在网页中插入图像，也可以用
于播放多媒体文件（.avi）。若要在网页中播放多媒
体文件，应在IMG标记中设置以下属性： DYNSRC：指定要播放的多媒体文件的URL。 START：指定何时开始播放多媒体文件，其取值可 以是fileopen或mouseover。
二、创建无序列表 使用UL和LI标记来创建，语法格式如下：
<UL>
<LI>列表项1
…… <LI>列表项n </UL>
UL标记的TYPE属性用于指定列表项前面显示的项目 符号，其取值可以是：
disc：使用实心圆作为项目符号（默认值）。
circle：使用空心圆作为项目符号。 square：使用方块作为项目符号。 演示：Sample2_10.htm
<P align=“center”> 演示：Sample2_7.htm 、Sample2_8.htm
二、换行标记<BR> 大多数情况下，段落标记<P>是分隔文本的最佳
第2章 网页元素的添加1 文本和页面属性 课件
1. 水平线颜色的修改 可以通过设置HTML代码修改水平线颜色。选中水平条，切换到代码视图，找到反白
显示的代码“<hr>”。将光标移到字母“r”后边按空格键，出现属性提示，鼠标在属性中双 击“color”，接着在颜色提示中单击需设定的颜色即可。按F12可在浏览器中观察水平条的 颜色改变情况。
（1）HTML属性
•
：选中要设置的段落文本，单击项目列表 和编号列表 ，则可为文本添加项目列
表和编号列表。若要调整列表的外观，可将光标移至列表中的任一位置，单击属性
面板中的选中要设置的段落文本，单击项目列表 和编号列表 ，则可为文本添加项目
列表和编号列表。若要调整列表的外观，可将光标移至列表中的任一位置，单击属
选中第4、5、6段文字，单击项目列表按钮 ，添加项目列表符号。属性面板如图213所示。将光标移到第3段落开始位置，按住Ctrl+Shift +空格键插入空格，共按4次，使 得段落首行缩进2个字。
2.13
第2章 网页元素的添加
2.1 文本和页面属性
2.1.1 案例制作：网页“藏獒鉴赏”部分正文
2.14
2.1.1 案例制作：网页“藏獒鉴赏”部分正文
7）单击“字体”右侧的下拉列表，选 择“管理字体”选项。在弹出的“管理 字体”对话框中切换到“自定义字体堆 栈”选项卡，在“可用字体”列表中选 择“隶书”，单击 按钮 将字体 “隶属”添加到左侧的“选择的字体” 列表框中，单击对话框上部的 按钮， 再在“可用字体”中选择“宋体”，单 击 按钮 添加字体。同样的，单击 对话框上部的 按钮，再在“可用字 体”中选择“楷体”，单击“完成”按 钮退出对话框。此时隶书、宋体、楷体 被添加到字体列表中了。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
题目1
下列哪个是“图像占位符”的属性
选择一项：
A. z轴（z-index）
B. 可见性(Visibility)
C. 名称(Name)
D. 位置(Location)
正确答案是：名称(Name)
题目2
如果要使图像在缩放时不失真，在图像显示原始大小时，按下（）键，拖动图像右下方的控制点，可以按比例调整图像大小
选择一项：
A. Shift
B. Shift+Alt
C. Alt
D. Ctrl
正确答案是：Shift
题目3
从Dreamweaver 中直接使用Fireworks 来优化图像，不能实现的操作是
A. 调整图像尺寸大小
B. 更换图像文件格式
C. 增加特殊显示效果
D. 优化到指定文件大小
正确答案是：增加特殊显示效果
二、多选题
题目4
在Dreamweaver中将文本添加到文档的方法有
选择一项或多项：
A. 从现有的文本文档中拷贝和粘贴
B. 导入Microsoft Word 内容
C. 直接在Dreamweaver 中打开文本文件
D. 直接在文档窗口键入文本
The correct answers are: 直接在文档窗口键入文本
题目5
在表格单元格中可以插入的对象有
选择一项或多项：
A. 文本
B. 图像
C. Flash动画
D. Java程序插件
The correct answers are: 文本, 图像, Flash动画, Java程序插件
题目6
GIF图像的优点有
选择一项或多项：
A. 它支持动画格式
B. 支持24位真彩色
C. 支持透明背景
D. 无损方式压缩
The correct answers are: 它支持动画格式, 支持透明背景, 无损方式压缩
三、简答题
题目7
除了普通文本，还可以在页面中插入哪些和文本相关的元素
——可以插入日期时间、列表、水平线、滚动文字等。
题目8
怎么设置滚动文字的不同效果
——通过<marquee>标签的Behavior属性能够设置不同方式的滚动文字效果，如滚动的循环往复、交替滚动、单次滚动等。
题目9
鼠标经过图像指的是什么
——所谓鼠标经过图像，是指光标移动到某个图像上方时变换为另一幅图像，而光标离开图像上方时又返回到原图像的效果。
题目10
Dreamweaver的图像编辑功能包括哪些
——包括编辑、优化、剪裁、重新取样、亮度和对比度、锐化等功能。
题目11
可以使用Dreamweaver为页面添加哪些类型的多媒体文件
——Java Applet、Flash电影、ActiveX控件或者各种类型的音频及视频文件。