《国家开放大学《Dreamweaver网页设计》形考任务1-9参考答案.pdf》由会员分享，可在线阅读，更多相关《国家开放大学《Dreamweaver网页设计》形考任务1-9参考答案.pdf（22页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、国家开放大学Dreamweaver 网页设计形考任务 1-9 参考答案 形考任务形考任务 1 1 1 1、网页的内容应该包括哪些元素？、网页的内容应该包括哪些元素？参考答案：参考答案：文本、图片和动画、声音和视频、超链接、表格、表单、导航栏等其它常见元素。2 2、一般网站的规划与设计应该考虑哪些因素？、一般网站的规划与设计应该考虑哪些因素？参考答案：参考答案：(1)清晰的网站目标定位 你明确了目标，就好像在茫茫大海中寻找到了前进的方向。避免走过多的弯路。只有选择正确了，才会有好的结果。（2）注册域名 找准了方向以后，就要选择一个好记忆的域名让用户轻易的记住你的网站，方便下次访问。这也是很关键的
2、一步。（3）服务器的选择 服务器关系着网站的后期发展。好的服务器你可以放心的做网站运营推广，这远比选一个安全等等各方面做得不太好的空间强得多，起码你不用顾虑那么多。（4）网站的制作 建议在做网站建设要根据自己的实际情况出发，量身定制自己的网站。网站后台的制作网站的操作后台一点要简洁，便利。网站结构的设计这点比较重要，一个网站做出来，一定要有合理的结构布局，一方面提高用户体验，一方面方便搜索引擎蜘蛛爬行。（5）网站推广 站做好了以后就要把它推广出去，让更多的人认识了解我们这个站。推广方法有很多，可以到各大论坛博客推广，百度竞价，QQ 推广等等。3 3、商业网站在规划与设计时应着重考虑哪些因素？、
3、商业网站在规划与设计时应着重考虑哪些因素？参考答案：参考答案：内容、易用、美观、交互。形考任务形考任务 2 2（1）通过使用 HTML，可以在文档中显示图像，插入一副图像（jpg）、插入一副动图图像（gif 格式）。（2）从不同位置，包括文件夹和网络，插入图像。参考答案参考答案（1）一幅图像：请注意，插入动画图像的语法与插入普通图像的语法没有区别。（2）来自另一个文件夹的图像：来自 网络的图像：形考任务形考任务 3 3 1.XHTML 指的是？A.A.EXtensibleEXtensible HyperTextHyperText MarkupMarkup LanguageLanguage B.
4、EXtensible HyperText Marking Language C.EXtreme HyperText Markup Language D.EXtra Hyperlinks and Text Markup Language 2.在下面的 XHTML 中，哪个可以正确地标记段落？A.A.B.C.D.3.在下面的 XHTML 中，哪个可以正确地标记折行？A.A.br/B.C.4.下列 XHTML 中的属性和值，哪个是正确的？A.A.width=80width=80 B.WIDTH=80 C.width=80 D.WIDTH=80 5.在 XHTML 文档中哪些元素是强制性的？A.doc
5、type、html、head 以及 body B.B.doctypedoctype、htmlhtml、headhead、bodybody 以及以及 titletitle C.doctype、html 以及 body 6.下列哪些是格式良好的 XHTML？A.A.AA shortshort paragraphparagraph B.A short paragraph C.A short paragraph 7.在 XHTML 中有哪些不同的 DTD？A.Strict,Transitional,Loose B.Strict,Transitional,Loose,Frameset C.C.Stric
6、t,Strict,Transitional,Transitional,FramesetFrameset 8.网页的主体内容将写在什么标签内部：A.标签 B.B.标签标签 C.标签 D.标签 9.HTML 代码中，表示 A.文本加注下标线 B.文本闪烁 C.C.文本或图片居中文本或图片居中 D.文本加注上标线 10.在 HTML 文档中使用有序列表应使用（）标记。A.B.C.C.D.11.请判断以下说法是否正确：XHTML 是一个 Web 标准。（）12.请判断以下说法是否正确：XML 和 HTML 会被 XHTML 取代。（）13.请判断以下说法是否正确：HTML 会被 XHTML 取代。（）
7、14.请判断以下说法是否正确：XHTML 中所有的元素都需要关闭。（）15.请判断以下说法是否正确：DOCTYPE 没有关闭标签。（）16.请判断以下说法是否正确：XHTML 文档必须是格式良好的。（）17.在 XHTML 中允许简写属性吗？（）18.所有的 XHTML 文档都需要 doctype 吗？（）19.请判断以下说法是否正确：所有的 XHTML 标签和属性都必须是小写的。（）20.请判断以下说法是否正确：HTML 5 是 XHTML 的升级版本。（）形考任务形考任务 4 4 活动 1：采用 CSS 样式来设置背景、标题和段落的颜色。HTML 代码如下：这是标题 1 这是标题 2 这是
8、段落 这个段落设置了内边距。活动 2：使用百分比或者像素值设置行间距。HTML 代码如下：这是拥有标准行高的段落。在大多数浏览器中默认行高大约是 110%到 120%。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。参考答案参考答案 body background-color:yellow h1 background-color:#0
9、0ff00 h2 background-color:transparent p background-color:rgb(250,0,255)p.no2 background-color:gray;padding:20px;这是标题 1 这是标题 2 这是段落 这个段落设置了内边距。（1）百分比 p.small line-height:90%p.big line-height:200%这是拥有标准行高的段落。在大多数浏览器中默认行高大约是 110%到 120%。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更
10、小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。（2）像素值 p.small line-height:10px p.big line-height:30px 这是拥有标准行高的段落。在大多数浏览器中默认行高大约是 20px。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段
11、落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。形考任务形考任务 5 5 使用 元素以及 CSS 样式表对下面的内容进行的布局设计。城市介绍 北京 上海 南京 南京 简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也
12、是中部战区司令部驻地。北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北京人”。公元前 1045 年，北京成为蓟、燕等诸侯国的都城。公元 938 年以来，北京先后成为辽陪都、金中都、元大都、明、清国都。1949 年 10 月 1 日成为中华人民共和国首都。参考答案参考答案#header background-color:black;color:white;text-
13、align:center;padding:5px;#nav line-height:30px;background-color:#eeeeee;height:300px;width:100px;float:left;padding:5px;#section width:350px;float:left;padding:10px;#footer background-color:black;color:white;clear:both;text-align:center;padding:5px;城市 北京 上海 南京 London 北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、
14、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北京人”。公元前 1045 年，北京成为蓟、燕等诸侯国的都城。公元 938 年以来，
15、北京先后成为辽陪都、金中都、元大都、明、清国都。1949 年 10月 1 日成为中华人民共和国首都。形考任务形考任务 6 6 HTML 表单用于搜集不同类型的用户输入，包括文本输入、单选按钮输入、提交按钮，达到效果入下图所示。参考答案参考答案 登陆名称:密码:性别：男 女 形考任务形考任务 7 7 1.讨论模版的使用要点。（1）包括网页中应用模版的方法 参考答案：参考答案：（1）直接创建模板（2）将普通网页另存为模板（3）从文件菜单新建模板（2）如何将当前设计好的页面转换为模板 参考答案：参考答案：建立模板的另一种方法是将普通网页另存为模板，具体如下：（1）打开一个已经制作完成的网页（如图 7
16、.7 所示），删除网页中存在差别的区域，保留相同的区域。如图 7.8 所示。图 7.7 制作完成的网页 图 7.8 删除网页中存在差别的区域，保留相同的区域（2）选择【文件】|【另存为模板】将网页另存为模板。（3）在如图 7.9 所示的【另存模板】对话框中，【站点】下拉列表框用来设置模板保存的站点，可选择一个选项。【现存的模板】选框显示了当前站点中的所有模板。【另存为】文本框用来设置模板的命名。单击【另存模板】对话框中的【保存】按钮，将把当前网页转换成模板，同时将模板另存到选择的站点中。图 7.9 另存模板（4）单击【保存】按钮，保存模板。系统将自动在根目录下创建 Template文件夹，并将
17、创建的模板文件保存在该文件夹中。窗口的左上角会出现模板的名称。如图 7.10 所示。图 7.10 保存的模板 图 7.11 警告信息（3）如何使用模板生成多个页面 参考答案：参考答案：模板可被理解成一种模型，用这个模型可以方便地做出很多页面，然后在此基础上可以对每个页面进行改动，加入个性化的内容。为了统一风格，一个网站的很多页面都要用到相同的页面元素和排版方式，使用模板可以避免重复地在每个页面输入或修改相同的部分，等网站改版的时候，只要改变模板这个文件的设计，就能自动更改所有基于这个模板的网页。可以说，模板最强大的用途之一就在于一次更新多个页面。从模板创建的文档与该模板保持连接状态（除非用户以
18、后分离该文档），可以修改模板并立即更新基于该模板的所有文档中的设计。2.如何在网页中应用库（1）如何网页中建立库 参考文件：参考文件：（1）单击资源面板库分类上的新建按钮，新的库文件出现在窗口之中，给新库文件命名。如图 7.41 所示。图 7.41 新建库文件（2）双击新建的库文件，打开库文件编辑窗口。如图 7.42 所示。图 7.42 库文件编辑窗口 提示：库文件实际上是要插入在网页中的一段代码，所以库文件的编辑窗口，除不可以设置页面属性外，其他和普通网页的编辑方式一样。（3）选择【文件】|【保存】，保存库文件。Dreamweaver 将把库的项目文件保存在站点本地文件夹下的 Library
19、 子文件夹里，保存为.lbi 文件。如果本地站点没有这个子文件夹，Dreamweaver 将自动生成这个子文件夹。（2）如何插入库、选择内容转换为库 参考答案：参考答案：刚刚创建好库文件后，对于转换成库文件的内容，网页中已经拥有了这个库文件。即背景会显示为淡黄色，不可编辑。如图 7.44 所示。图 7.44 页面中的库文件 对于新建立的库文件，如果希望在网页中插入库文件，操作如下：（1）将光标放置在网页中要插入库文件的位置。（2）在文件管理器中，选中要插入的库文件，选择窗口下方的【插入】按钮。插入到网页中的库文件背景同样会显示为淡黄色，同样是不可编辑的。（3）如何将库内容插入多个文档 参考答案
20、：参考答案：选中网页上插入的库文件上，在属性面板中选择【从源文件中分离】。如图7.47 所示。图 7.47 库文件属性面板 这样，原来的库文件区域就可以在网页中直接编辑了。在修改库文件之后，脱离库文件的网页也不会更新了。形考任务形考任务 8 8 HTML 调用 js 实现多项滑动门选项卡特效。参考代码参考代码 js 实现多项滑动门选项卡特效 /!CDATA function g(o)return document.getElementById(o);function hover_zzjs_net(n)/如果有 N 个标签,就将 i=N;for(var i=1;i=6;i+)g(tab_zzjs
21、_+i).className=nor_zzjs;g(tab_zzjs_0+i).className=undis_zzjs_net;g(tab_zzjs_0+n).className=dis_zzjs_net;g(tab_zzjs_+n).className=hovertab_zzjs;/如果要做成点击后再转到请将中的onmouseover 改成 onclick;/你的代码 参考答案参考答案 js 实现多项滑动门选项卡特效 /!CDATA function g(o)return document.getElementById(o);function hover_zzjs_net(n)/如果有 N
22、 个标签,就将 i=N;for(var i=1;i=6;i+)g(tab_zzjs_+i).className=nor_zzjs;g(tab_zzjs_0+i).className=undis_zzjs_net;g(tab_zzjs_0+n).className=dis_zzjs_net;g(tab_zzjs_+n).className=hovertab_zzjs;/如果要做成点击后再转到请将中的onmouseover 改成 onclick;/一、内容 二、内容 三、内容 四、内容 五、内容 六、内容 一、内容，测试内容一！二、内容，测试内容二！三、内容，测试内容三！四、内容，测试内容四！五、
23、内容，测试内容五！六、内容，测试内容六！形考任务形考任务 9 9 1 1、为什么要进行网站的测试？、为什么要进行网站的测试？参考答案：参考答案：无论是编程还是制作站点，测试工作都是不可或缺的步骤。有很多理由让用户测试自己的站点，例如不同浏览器能否浏览网站、不同显示分辨率的显示器能否显示网站、站点中有没有断开的链接等都需要进行测试。2.2.多人协同工作制作一个网站时，多人协同工作制作一个网站时，最好使用最好使用 DreamweaverDreamweaver 的什么功能？的什么功能？参考答案：参考答案：当我们工作在一个开发小组中的时候，【取出】和【存回】功能就显得尤为重要。因为它可以提示其他小组成员或者作者自己，不要修改已有新版本而未上传的页面。