2022更新国家开放大学电大专科《Dreamweaver网页设计》网络核心课形考任务1-9题库及答案2

1、 /20(更新版)国家开放大学电大专科Dreamweaver网页设计网络核心课形考任务1-9题库及答案盗传必究考试说明：形成性考核占课程综合成绩的50%,终结性考试占课程综合成绩的50%。形考任务一网页的内容应该包括哪些元素？答：一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等。一、框架框架是网页的一种组织形式，将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如，我们可 以在一个框架内放置导航栏，另一个框架中的内容可以随着单击导航栏中的链接而改变，这样我们只要制 作一个导航栏的网页即可，而不必将导航栏的内容复制到各栏目的网页中去。二、文本文本是网页中的主要信息。在网页

2、中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。这里 指的文字是文本文字，而并非图片中的文字。在网页制作中，文字可以方便地设置成各种字体和大小，但是这里还是建议，用于正文的文字不要太大， 也不要使用太多的字体，中文文字使用宋体、9磅或者12、14像素左右即可。因为过大的字在显示器中 显示时线条的显示不够平滑、颜色也不要使用得太过复杂，以免造成影响用户视觉。大段文本文字排列， 建议参考一下优秀的报纸杂志等。三、图片今天看到的丰富多彩的网页，都是因为网页中有了图象，可见图象在网页中的重要性。用于网页上的图片 一般为JPG和GIF格式的，即以.jpg和.gif为后缀的文件。四、超链接超链接

3、是整个网站的通道，它是把网页指向另一个目的端的链接。例如指向另一个网页或相同网页上的不 同位置。这个目的端通常是另一个网页，但也可以是图片、电子邮件地址、文件、程序，或者也可以是本 阿谀的其他位置。超链接可以是文本或者图片。超链接广泛的存在于网页的图片和文字中，提供与图片和文字相关内容的链接。在超链接上单击鼠标左键, 即可链接到相应地址(URL)的网页。有链接的地方，鼠标指到光标会变成小手形状。可以说超链接正是 Web的主要特色。五、表格表格是网页排版的灵魂。使用表格排版是网页的主要制作形式之一。通过表格可以精确的控制各网页元素 在网页中的位置。表格并非指网页中直观意义的表格，范围要更广一些，

4、它是HTML语言中一种元素。表 格主要用于网页内容的排列，组织整个网页的外观，通过在表格中放置相应的内容，即可有效的组合成符 合设计效果的页面。有了表格的存在，网页中的元素得以方便的固定在设计位置上。一般表格的边线不在 网页中显示。六、表单表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框, 以及从下拉菜单中选择选项。在添写好标单之后，站点访问者便送出输入的数据库，该骰觥句哭就会根据 所设置的表单处理程序，以各种不同的方式进行处理。七、动画动画是网页上最活跃的元素，通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。但太多 的动画让人眼花缭乱，

5、无心细看。这就使得对动画制作的要求越来越高。通常的制作动画的软件有flash, web animator等。Macromedia的flash虽然出现的时间不长，但已经成为了最重要的Web动画形式之一。 Flash不仅比htm易学得多，而且有很多重要的动画特征，如关键桢补间、运动路径、动画蒙版、形状变 形和洋葱皮效果等。利用这个多才多艺的程序，不仅可以建立Flash电影，而且可以把动画输出为 QuickTime文件，GIF文件或其他许多不同的文件格式(PICT、JPEG、PNG等)八、其他网页中除了这些基本元素外，还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。一般网站的规划与设计应

6、该考虑哪些因素？答：一、网站的主题定位在一个网站建设前首先要做好的就是网站的品牌定位，明确网站的定位是围绕着集团网站建设还是产品品 牌角度出，网站的视觉风格、页面板块、内容核心等都会有区别。定位确定之后，需要在网站建设后期， 通过独特的网站风格、主题突出的栏目内容，体现出品牌的核心价值。而旦确定好定位以后，网站后期的 优化也可以更加方便的进行。二、网站整体的风格设计视觉效果是影响用户对网站印象的重要因素，要体现企业的气质需要高水平的网页设计来烘托。在做一个 品牌网站的网页设计时，一定要对品牌有深入的了解和把握，这样才能提取出网站的核心部分。三、网站的整体架构网站整体架构包括公司介绍、新闻动态、

7、服务展示、联系我们等内容，要让用户通过这些内容对品牌形成 认知，当然这些内容并非每个都而而俱到，最好能详略得当，着重推出品牌形象与产品推广。这就像是我 们日常生活中所用到的名片一样，用户如果想对公司有所了解，就一定会去看企业的官网去进行初步的了 解，所以网站建设时一应要齐全，可以让用户初步对公司有一个比较全面的了解。四、网站的数据分析通过挖掘用户的浏览信息，去分析用户的行为，从而对网站的布局、网站的设计、关键词等进行及时的调 整。不断的去提高企业网站的品牌效应。多做一些正而的宣传增强用户的信任度。五、网站的日常维护一个品牌网站，必须要有一个可以对网站内容进行实时监控的专业的团队。这样网站出现问

8、题时就能得到 及时的处理。以防出现遭受攻击或网站响应速度变慢等问题，影响用户的体验。日常文章的更新、网站安 全的维护、网站版块的及时升级等等，都需要一个专业的团队去进行。六、网站的互动营销让人印象深刻的品牌网站，是能够提供互动的网站，不管对用户，还是对品牌生产经营活动价值链上的各 个环节，都能做好管理。不断通过有效的网络互动营销，达到品牌传播目的。商业网站在规划与设计时应着重考虑哪些因素？答：一、明确建立网站的目标和用户需求Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站 点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状

9、况、企业自身的情 况等进行综合分析，牢记以“消费者(customer)为中心，而不是以“美术为中心进行设计规划。在设 计规划之初同样考虑:建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务？网 站的目的消费者和受众的特点是什么?企业产品和服务适合什么样的表现方式(风格)？二、总体设计方案主题鲜明在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网 站的组织结构。Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁 文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页而布置，甚至可以下载

10、声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。要做到主题鲜明突出， 要点明确，以简单明确的语言和画而体现站点的主题。调动一切手段充分表现网站点的个性和情趣，办出 网站的特点。Web站点主页应具备的基木成分包括：页头:准确无误地标识你的站点和企业标志:Email地 址:用来接收用户垂询；联系信息:如普通邮件地址或电话；版权信息:声明版权所有者等。注意重复利用 已有信息。如客户手册.公共关系文档.技术手册和数据库等可以轻而易举地用到企业的Web站点中。三、网站的版式设计网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平而设计但它们有许多相近之 处，应充分

11、加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设 计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页而站点页而的编排设计要求把 页面之间的有机联系反映出来，特别要处理好页而之间和页面内的秩序与内容的关系。为了达到最佳的视 觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。四、色彩在网页设计中的作用色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合. 搭配来构成美丽的页而。根据色彩对人们心理的影响，合理地加以运用。按照色彩的记忆性原则，一般 暖色较冷色的记忆性强;色彩还具有联想与象征的物质，如

12、红色象征血、太阳;蓝色象征大海、天空和水而 等。所以设计出售冷食的虚拟店而，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些。网页的颜色应 用并没有数量的限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二 种主色调，有CIS（企业形象识别系统）的更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族.宗教和信仰的不同，以及生活的地理位 置.文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈.个性鲜明 的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿 色。在设

13、计中要考虑主要读者群的背景和构成。五、网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页而结构，形式语言必须符合页而的内容，体现内容的丰富含 义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关 系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板, 但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、 线、而作为视觉语言中的基本元素，要使用点、线、而的互相穿插、互相衬托、互相补充构成最佳的页面 效果。网页设计中点、线、而的运用并不是孤立的，很多时候都需要将它们结合起来，

14、表达完美的设计意 境。六、三维空间的构成和虚拟现实网络上的三维空间是一个假想空间，这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。 在页而中，图片、文字位置前后叠压，或页而位置变化所产生的视觉效果都各不相同。图片、文字前后叠 压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、筒明的页而，这种登压排列能产生 强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、下、左、右、中位置所产生的空间关系， 以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻 松或紧迫的心理感受。现在，人们已不满足于HTML语言编制的二维Web页面，三维世

15、界的诱惑开始吸引 更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种而向对象的语 言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上， 只不过能够更多地为虚拟现实环境服务。七、多媒体功能的利用网络资源的优势之一是多媒体功能。要吸引浏览者注意力，页面的内容可以用三维动画、FLASH等来表现。 但要注意，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。八、网站测试和改进测试实际上是模拟用户询问网站的过程，用以发现问题并改进设计。要注意让用户参与网站测试。九、内容更新与沟通 /20 /20

16、企业Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务 等，同时也会帮助企业建立良好的好象。在企业的Web站点上，要认真回复用户的电子邮件和传统的联 系方式如信件.电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解售后服 务等，由相关部门处理，使用站访问者感受到企业的真实存在并由此产生信任感。注意不要许诺你实现 不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电 话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。十、合理运用新技术新的网页制作技术几乎每天都会出现，如果不

17、是介绍网络技术的专业站点，一定要合理地运用网页制作的 新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要 的。对于网站设计者来说，必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等，根据网站的内 容和形式的需要合理地应用到设计中，学习是每个人都必须要加强的，但是必须要有方向，比如网页设计 div+css培训选择学习的地方就应该选择达内数字艺术学院。形考任务二（1）通过使用HTML,可以在文档中显示图像，插入一副图像（jpg）、插入一副动图图像（gif格式）。 答：一幅图像：请注意，插入动画图像的语法与插入普通图像的语法没有区别。(2)从不

18、同位置，包括文件夹和网络，插入图像。答：来自另一个文件夹的图像：来白网络的图像：形考任务三题目1XHTML指的是？选择一项：EXtra Hyperlinks and Text Markup LanguageExtreme HyperText Markup LanguageExtensible HyperText Markup LanguageExtensible HyperText Marking Language题目2在下面的XHTML中，哪个可以正确地标记段落？选择一项：题目3在下面的XHTML中，哪个可以正确地标记折行?选择一项：题目4下列XHTML中的属性和值，哪个是正确的？选择一项：

19、width=80WIDTH=80WIDTH80width=80题目5在XHTML文档中哪些元素是强制性的？选择一项：doctype、html 以及 bodydoctype html、head 以及 bodydoctype、html、head、body 以及 title题目6下列哪些是格式良好的XHTML ?选择一项：A short paragraphA short paragraphA short paragraph题目7在XHTML中有哪些不同的DTD ?选择一项：Strict, Transitional, LooseStrict, Transitional, Loose, Frameset

20、Strict, Transitional, Frameset题目8网页的主体内容将写在什么标签内部：选择一项：标签标签标签标签题目9HTML 代码中，表示选择一项：文本或图片居中文本加注下标线文本加注上标线文本闪烁题目10在HTML文档中使用有序列表应使用（）标记选择一项： TOC o 1-5 h z 题目11标准。XHTML取代。请判断以下说法是否正确：XHTML是一个Web选择一项：对错题目12请判断以下说法是否正确：XML和HTML会被选择一项：对错题目13请判断以下说法是否正确：HTML会被XHTML取代。选择一项：对错题目14请判断以下说法是否正确：XHTML中所有的元素都需要关闭。

21、选择一项：对错题目15请判断以下说法是否正确：DOCTYPE没有关闭标签。选择一项：对错题目16请判断以下说法是否正确：XHTML文档必须是格式良好的。选择一项：对错题目17在XHTML中允许筒写属性吗？选择一项：对错题目18所有的XHTML文档都需要doctype吗？选择一项：对错题目19请判断以下说法是否正确：所有的XHWL标签和属性都必须是小写的。选择一项：对错题目20请判断以下说法是否正确：HTML 5是XHTML的升级版本。选择一项：对错形考任务四活动1：采用CSS样式来设置背景、标题和段落的颜色。活动2：使用百分比或者像素值设置行间距。参考答案：body (background-c

22、olor: yellowhl background-color: ttOOffOO)h2 (background-color: transparentp background-color: rgb(250,0,255)p. no2 background-color: gray; padding: 20px;这是标题l/hlCh2这是标题2 这是段落。p /20 /20这个段落设置了内边距。(1)百分比p. small (line-height: 90%)p. big (line-height: 200%这是拥有标准行高的段落。在大多数浏览器中默认行高大约是110%到120%。这是拥有标准行高的

23、段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。(2)像素值p. small( line-height: lOpx )p.big( line-height: 30px )这是拥有标准行高的段落。在大多数浏览器中默认行高大约是20pxo这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。

24、这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。形考任务五使用元素以及CSS样式表对下面的内容进行的布局设计。城市介绍北京上海南京南京简称“京，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、 文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民

25、政府、全 国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部 战区司令部驻地。北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风 气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年的历史孕育了故宫、天 坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北 京人”。公元前1045年，北京成为蓟、燕等诸侯国的都城。公元938年以来，北京先后成为辽陪都、金中 都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。参考答案header (

26、background-color:black;color:white;text-align:center;padding:5px;#nav (line-height:30px;background-color:#eeeeee;height:3OOpx;width:lOOpx;float:left;padding:5px;section (width:350px;float:left;padding:lOpx;footer (background-color:black;color:white;clear:both;text-align:center;padding:5px;div id=hea

27、der” 城市 北京上海南京div id=section”London北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政 治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民 政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地， 也是中部战区司令部驻地。北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风 气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年的历史孕育了故宫、天 坛、八达岭长城、颐和园等众多名

28、胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北 京人”。公元前1045年，北京成为蓟、燕等诸侯国的都城。公元938年以来，北京先后成为辽陪都、金中 都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。形考任务六HTML表单用于搜集不同类型的用户输入，包括文木输入、单选按钮输入、提交按钮，达到效果入下图所 示。参考答案登陆名称：密码:input type=text name=password”性别：input type=radio name=sex value=male checked男女形考任务七(1)讨论模版的使用要点。1)包括网页中应用模版的方法答：1.打开

29、应用模板的网页。执行“窗口 ”命令,在菜单下选择“资源”选项。打开“资源”面板。单击左侧的视图按钮，打开“模板”列表。在“模板”列表中选择要应用的模板，单击而板左下角的“应用”按钮或者用鼠标右键单击模板，在弹 出的菜单中选择“应用选项。如果网页中有不能自动指定到模板区域的内容，则会打开“不一致的区域名称”对话框。在该对话框的“可编辑区域”列表中，选择应用模板中的可编辑区域。在“将内容移到新区域”下拉列表中选择将现有内容移到新模板中的区域，如果选择“不在任何地方” 选项，表示将不一致的内容从新网页中删除。单击“确定”按钮关闭对话框，将现有网页中的内容应用到指定的区域。2)如何将当前设计好的页面转

30、换为模板如果bai看到自己喜欢的网du页，可以将其转换为自己网站zhi的模板daoo一、主页另存zhuan为shumain. htm,文章列表页而另存为listcolumn, htm,文章页另存为 displayinfo, htm,注意文件名必须丝毫不能偏差，更不能用中文。扩展名必须是.htm, html或其他均不 行。二、将主页中信息列表的信息删除，换成Webplus的标签频道i”，标题名换成标签“标题i”，注 意频道外而一定要套表格。三、将listcolumn页面的相应位置输出的信息替换成Webplus的标签，如新闻列表替换成“文章列表”, 具体标签可以通过下载通用模板来学习或查找后而附的

31、标签对照表。四、将displayinfo.htm页面的相应位置输出的信息替换成Webplus的标签，如新闻标题替换成“文章 标题”，具体标签可以通过下载通用模板来学习或查找后而附的标签对照表。五、打开文件夹，选中所有文件，添加到zip压缩文件，如下图：通过以上几个步骤，您就可以获得一套Webplus模板了，即使您不是专业美工，您也可以通过以上的过程 学习Webplus制作技巧，讲您喜欢的页面转化为webplus的模板。(2)如何在网页中应用库1)如何网页中建立库答：1.安装Wamp server软件,桌面显示如下然后，双击打开，看下而是否出现绿色图标，如果不是绿色,是橙色，那么请重新启动服务器然后单击绿色图标，找到Apacha里面的httpd. conf打开以后，点击查看，找到查找下一个输入8080,查找，然后改成自己的，本人是吧8080改成了 9090然后再点击绿色图标，找到phpmyAdmin,打开后会发现是不存在的然后我们在，localhost后而加上：9090就，回车就可以打开了接着，我们点击数据库，进行就可以看见有新建数据库的字而，直接新建就行了，建完数据库，再点击我们见得数据库名，在里而新建数据表就