国家开放大学《Dreamweaver网页设计》形考任务(1-10)试题及答案解析

国家开放大学最新Dreamweaver网页设计形考任务 (1-10)试题及答案解析形考任务1(1) 网页的内容应该包括哪些元素？(2) 一般网站的规划与设计应该考虑哪些因素？(3) 商业网站在规划与设计时应着重考虑哪些因素？答案：在设计网页时，我们应该组织页面的基本元素，同时配合一些特 效，形成一个色彩丰富的网页。网页由文本，图像和超链接组成。内 容是网站的灵魂，文本是网站灵魂的物质基础。文本和图像是网站上 使用最广泛的。具有丰富内容的网站将不可避免地使用大量文本和图 像，然后将超链接应用于文本和图像，以使这些文本和图像“生动”。I .文本元素文本是网页的主体。虽然flash和图形文本可以达到同样的效果, 即使超出了纯文本的效果，Web文本的优点也无法替代。因为纯文本 的存储空间非常小。但是，在页面上使用相同的字体会使页面过于僵化。正确调整页 面中文本的大小和颜色也可以提高页面的效果。1)标题在网页或网站上的单独文章中，通常会有一个引人注目的标题。 告诉访问者网站的名称或文章的主题。现在，许多网页设计师使用图 像或Flash动画而不是文本标题。2）文字大小正确调整文本大小可以使文本排列更加生动，并取得更好的效 果。3）段落具有不同段落和层次感的文章不仅可以使观众更好地阅读，还可 以使页面看起来整洁优雅。4）样式粗体，斜体和下划线是最基本的文本样式。但是，在网页中不应 使用下划线，这会使查看者将其误认为是超链接。将一些字体样式添 加到页面的适当位置将使页面更具装饰性。5）字体颜色您还可以在页面上为字体添加颜色，以强调页面的焦点并使页面 更加华丽。但我们必须注意色彩搭配。你不能在页面上使用太多的颜 色，太华丽会引起观众的厌恶。2,图像图像的视觉效果比单词的视觉效果强得多。灵活应用图像可以在 网页中起到修饰作用。但不当使用会使网页变得混乱。网页上的图像 文本主要是JPG和GIF格式。因为它们不仅具有柱高压缩比，而且 还具有跨平台特性。无论浏览器使用何种操作系统，它们都可以显示 两张图片。网页中有几种主要的图像应用形式。1）图像标题通常，网页中应该有一个标题来提醒观众网站正在做什么，这在导航中起作用。图像标题的应用可以使网页更加美观。2）背景图像的另一个重要应用是作为网页的背景。网页的背景不断变化，特别是对于一些使用更多图片背景的个人网站。形考任务2（1 ）通过使用HTML,可以在文档中显示图像,插入一副图像（jpg）、 插入一副动图图像（gif格式）。（2）从不同位置，包括文件夹和网络，插入图像。答案:（1）一幅图像：请注意，插入动画图像的语法与插入普通图像的语法没有区别。(2)来自另一个文件夹的图像：来自网络的图像：形考任务3（红色字体标注为正确答案）题目1满分1.00未标记标记题目题干XHTML指的是？选择一项：A. EXtra Hyperlinks and Text Markup LanguageB. Extensible HyperText Markup LanguageC. Extensible HyperText Marking LanguageD. Extreme HyperText Markup Language反馈你的回答正确题目2满分1.00未标记标记题目题干在下面的XHTML中，哪个可以正确地标记段落？选择一项：A. B. C. D. 反馈你的回答正确题目3满分1.00未标记标记题目题干在下面的XHTML中，哪个可以正确地标记折行？选择一项：A. B. C. 反馈你的回答正确题目4满分1.00未标记标记题目题干下列XHTML中的属性和值，哪个是正确的？选择一项：A. width=80B. WIDTH=80C. WIDTH=80D. width=80反馈你的回答正确题目5满分1.00未标记标记题目题干在XHTML文档中哪些元素是强制性的？选择一项：A. doctype、html、head body 以及 titleB. doctype、html 以及 bodyC. doctype html、head 以及 body反馈你的回答正确题目6满分1.00未标记标记题目题干下列哪些是格式良好的XHTML ?选择一项：A. A short paragraphB. A short paragraphC. A short paragraph 反馈你的冋答正确题冃7满分1.00未标记标记题冃 题干在XHTML中有哪些不同的DTD ?选择一项：A. Strict, Transitional, Loose, FramesetB. Strict, Transitional, FramesetC. Strict, Transitional, Loose 反馈你的回答正确题冃8满分1.00未标记标记题冃 题干网页的主体内容将写在什么标签内部：选择一项：A. 标签B. vP标签C. 标签D. 标签反馈你的回答正确题目9满分1.00未标记标记题目题干HTML 代码中，表示选择一项：A. 文本加注上标线B. 文本闪烁C. 文本加注下标线D. 文本或图片居中反馈你的冋答正确题冃10满分1.00未标记标记题冃题干在HTML文档中使用有序列表应使用（）标记选择一项：A. B. C. D. 反馈你的回答正确题目11满分1.00未标记标记题目题干请判断以下说法是否正确：XHTML是一个Web标准。选择一项：对错题冃12满分1.00未标记标记题冃题干请判断以下说法是否正确：XML和HTML会被XHTML取代。:项选对错题13目满分1.00未标记标记题目题干请判断以下说法是否正确：HTML会被XHTML取代。选择一项：对错题目14满分1.00未标记标记题目题干请判断以下说法是否正确：XHTML中所有的元素都需要关闭。选择一项：对错题冃15满分1.00未标记标记题冃题干请判断以下说法是否正确：DOCTYPE没有关闭标签。16目选对错题洒分1.00未标记标记题目题干请判断以下说法是否正确：XHTML文档必须是格式良好的。选择一项：对错题目17满分1.00未标记标记题目题干在XHTML中允许简写属性吗？选择一项：对错题目18满分1.00未标记标记题冃题干所有的XHTML文档都需要doctype吗?:项-择选对错题19目满分1.00未标记标记题目题干请判断以下说法是否正确：所有的XHTML标签和属性都必须是小写的。选择一项：对错题冃20满分1.00未标记标记题目题干请判断以下说法是否正确：HTML 5是XHTML的升级版本。选对错形考任务4活动1：釆用CSS样式来设置背景、标题和段落的颜色。HTML代码如下:vh1这是标题1v/h1vh2这是标题2v/h2vp这是段落这个段落设置了内边距。活动2：使用百分比或者像素值设置行间距。HTML代码如下：这是拥有标准行高的段落。在大多数浏览器中默认行高大约是110%到120%。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。参考答案：body background-color: yellow)hi background-color: #OOffOOh2 (background-color: transparentp background-color: rgb(250,0,255)p.no2 (background-color: gray; padding: 20px;)vh1这是标题1v/h1vh2这是标题2vp这是段落这个段落设置了内边距。(1)百分比p.small (line-height: 90%p.big line-height: 200%)这是拥有标准行高的段落。在大多数浏览器中默认行高大约是110%到120%0这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。(2)像素值