DOC
【文档说明】新平台国家开放大学Dreamweaver网页设计形考任务参考答案.docx，共(12)页，30.659 KB，由小喜鸽上传
转载请保留链接：https://www.ichengzhen.cn/view-165077.html
以下为本文档部分文字说明：
国家开放大学《Dreamweaver网页设计》形考任务1-5参考答案形考任务11.XHTML指的是？A.ExtraHyperlinksandTextMarkupLanguageB.ExtensibleHyperTextMarkingLanguageC.Ex
tremeHyperTextMarkupLanguageD.ExtensibleHyperTextMarkupLanguage2.在下面的XHTML中，哪个可以正确地标记段落？A.<P></p>B.<P></P>C.<p></p>D.</p><p>3.在下面的XHTML中，哪个可以正确地标记折
行？A.<br/>B.<break/>C.<br>4.下列XHTML中的属性和值，哪个是正确的？A.width=80B.WIDTH="80"C.WIDTH=80D.width="80"5.在XHTML文档中哪些元素是强制性的？A.doctype、html、head以及bodyB.doctyp
e、html以及bodyC.doctype、html、head、body以及title6.下列哪些是格式良好的XHTML？A.<p>A<b><i>short</b></i>paragraph</p>B.<p>A<b><i>short</i></b>paragraph</p>C.<p
>A<b><i>short</i></b>paragraph7.在XHTML中有哪些不同的DTD？A.Strict,Transitional,FramesetB.Strict,Transitional,Lo
ose,FramesetC.Strict,Transitional,Loose8.网页的主体内容将写在什么标签内部：A.<body>标签B.<HEAD>标签C.<HTML>标签D.<P>标签9.HTML代码中，<align=center>表示A.文本加注下标线B
.文本加注上标线C.文本闪烁D.文本或图片居中10.在HTML文档中使用有序列表应使用（）标记A.<ul>B.<ol>C.<dl>D.<li>11.XHTML是一个Web标准。（√）12.XML和HTML会被XHTML取代。（
×）13.HTML会被XHTML取代。（√）14.XHTML中所有的元素都需要关闭。（√）15.DOCTYPE没有关闭标签。（√）16.XHTML文档必须是格式良好的。（√）17.在XHTML中允许简写属性吗？（×）18.所有的XHTML文档都需要doctype
吗？（√）19.所有的XHTML标签和属性都必须是小写的。（√）20.HTML5是XHTML的升级版本。（×）形考任务2活动1：采用CSS样式来设置背景、标题和段落的颜色。HTML代码如下：<html><head></head><bo
dy>这是标题1这是标题2这是段落这个段落设置了内边距。</body></html>活动2：使用百分比或者像素值设置行间距。HTML代码如下：<html><head></head><body>这是拥有标准行高的段落。在大多数浏览器中默认行高大约是110%到120%。这是拥有标准行高的段落。这是拥
有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥
有更大的行高。这个段落拥有更大的行高。</body></html>参考答案：<html><head><styletype="text/css">body{background-color:yellow}h1{background-color:#00ff00}h2{back
ground-color:transparent}p{background-color:rgb(250,0,255)}p.no2{background-color:gray;padding:20px;}</style>
</head><body>这是标题1这是标题2这是段落这个段落设置了内边距。</body></html>（1）百分比<html><head><styletype="text/css">p.small{line-height:90%}p.big{line-heigh
t:200%}</style></head><body>这是拥有标准行高的段落。在大多数浏览器中默认行高大约是110%到120%。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个
段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。</body></html>（2）像素值<html><head><stylety
pe="text/css">p.small{line-height:10px}p.big{line-height:30px}</style></head><body>这是拥有标准行高的段落。在大多数浏览器中默认行高大约是20px。这是拥有标准行高的段落。这是拥有标准行高的
段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落
拥有更小的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。</body></html>
形考任务3使用元素以及CSS样式表对下面的内容进行的布局设计。城市介绍北京上海南京南京简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委
员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。北京是首批国家历史文化名城和世界上拥有世界文
化遗产数最多的城市，三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北京人”。公元前1045年，北京成为蓟、燕等诸侯国的都城。公元938年以来，北京先后成
为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。参考答案：<html><head><style>#header{background-color:black;color:whit
e;text-align:center;padding:5px;}#nav{line-height:30px;background-color:#eeeeee;height:300px;width:100px;float:left;padding:5px;}#section{wid
th:350px;float:left;padding:10px;}#footer{background-color:black;color:white;clear:both;text-align:center;padding:5px;}</styl
e></head><body>城市北京上海南京London北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会
议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。北京位于华北平原北部，背靠燕山，毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市，三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园
等众多名胜古迹。早在七十万年前，北京周口店地区就出现了原始人群部落“北京人”。公元前1045年，北京成为蓟、燕等诸侯国的都城。公元938年以来，北京先后成为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。</body></ht
ml>形考任务4HTML表单用于搜集不同类型的用户输入，包括文本输入、单选按钮输入、提交按钮，达到效果入下图所示。参考答案：<form>登陆名称:<inputtype="text"name="loginname">密码:<inputtype="text"name="password">
性别：<inputtype="radio"name="sex"value="male"checked>男<inputtype="radio"name="sex"value="female">女<inputtype="submit"value="Submit"></form
>形考任务5HTML调用js实现多项滑动门选项卡特效。参考代码<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb23
12"/><title>js实现多项滑动门选项卡特效</title><stylemedia="screen"type="text/css"></style><scripttype="text/javascript"l
anguage="javascript">//functiong(o){returndocument.getElementById(o);}functionhover_zzjs_net(n){//如果有N
个标签,就将i<=N;for(vari=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改成onclic
k;//]]></script></head><body>你的代码</body></html>参考答案：<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text
/html;charset=gb2312"/><title>js实现多项滑动门选项卡特效</title><stylemedia="screen"type="text/css"></style><scripttype="text/javascript"langua
ge="javascript">//functiong(o){returndocument.getElementById(o);}functionhover_zzjs_net(n){//如果有N个标签,就将i<
=N;for(vari=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_z
zjs_net';g('tab_zzjs_'+n).className='hovertab_zzjs';}//如果要做成点击后再转到请将中的onmouseover改成onclick;//]]></script></head><body>一、内容二、内容三、内容四、内容五、内容六、内容<hre
f="#">一、内容，测试内容一！<href="#">二、内容，测试内容二！<href="#">三、内容，测试内容三！<href="#">四、内容，测试内容四！<href="#">五、内容，测试内容五！<href="#">六、内容，测试内容六！</body>
</html><>
辽公网安备 21102102000191号
营业执照
