Dreamweaver网页设计形考任务作业1-6标准答案.rar
答案下载区
答案下载（登录、购买后下载）
Dreamweaver网页设计形考任务一
1.XHTML指的是?【答案】EXtensibleHyperTextMarkupLanguage
EXtraHyperlinksandTextMarkupLanguage
EXtensibleHyperTextMarkingLanguage
EXtremeHyperTextMarkupLanguage
EXtensibleHyperTextMarkupLanguage
2.在下面的XHTML中,哪个可以正确地标记段落?【答案】p/p
<P></p>
<P></P>
<p></p>
</p><p>
3.在下面的XHTML中,哪个可以正确地标记折行?【答案】br/
<br/>
<break/>
<br>
4.
下列XHTML中的属性和值,哪个是正确的?【答案】width"80"
width=80
WIDTH=”80″
WIDTH=80
width=”80″
5.在XHTML文档中哪些元素是强制性的?【答案】doctype、html、head、body以及title
doctype、html、head以及body
doctype、html以及body
doctype、html、head、body以及title
6.下列哪些是格式良好的XHTML?【答案】pAbishort/i/bparagraph/p
<p>A<b><i>short</b></i>paragraph</p>
<p>A<b><i>short</i></b>paragraph</p>
<p>A<b><i>short</i></b>paragraph
7.
在XHTML中有哪些不同的DTD?【答案】StrictTransitionalFrameset
StrictTransitionalFrameset
StrictTransitionalLooseFrameset
StrictTransitionalLoose
8.网页的主体内容将写在什么标签内部:【答案】body标签
<body>标签
<HEAD>标签
<HTML>标签
<P>标签
9.HTML代码中,<align=center>表示【答案】文本或图片居中
文本加注下标线
文本加注上标线
文本闪烁
文本或图片居中
10.
在HTML文档中使用有序列表应使用()标记【答案】ol
<ul>
<ol>
<dl>
<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的升级版本。【答案】错
对
错
《Dreamweaver网页设计》形考任务二
活动1:采用CSS样式来设置背景、标题和段落的颜色。
HTML代码如下:
<html>
<head>
</head>
<body>
这是标题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{background-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-height:200%}
</style>
</head>
<body>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是110%到120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</body>
</html>
(2)像素值
<html>
<head>
<styletype=”text/css”>
p.small{line-height:10px}
p.big{line-height:30px}
</style>
</head>
<body>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是20px。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</body>
</html>
《Dreamweaver网页设计》形考任务三
使用
元素以及CSS样式表对下面的内容进行的布局设计。
城市介绍
北京
上海
南京
南京
简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心,是中国***中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地,也是中部战区司令部驻地。
北京位于华北平原北部,背靠燕山,毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。
北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市,三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前,北京周口店地区就出现了原始人群部落“北京人”。公元前1045年,北京成为蓟、燕等诸侯国的都城。公元938年以来,北京先后成为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。
参考答案
<html>
<head>
<style>
#header{
background-color:black;
color:white;
text-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;
}
</style>
</head>
<body>
城市
北京
上海
南京
London
北京,简称“京”,是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心,是中国***中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地,也是中部战区司令部驻地。
北京位于华北平原北部,背靠燕山,毗邻天津市和河北省。北京的气候为典型的北温带半湿润大陆性季风气候。
北京是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市,三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前,北京周口店地区就出现了原始人群部落“北京人”。公元前1045年,北京成为蓟、燕等诸侯国的都城。公元938年以来,北京先后成为辽陪都、金中都、元大都、明、清国都。1949年10月1日成为中华人民共和国首都。
</body>
</html>
《Dreamweaver网页设计》形考任务四
HTML表单用于搜集不同类型的用户输入,包括文本输入、单选按钮输入、提交按钮,达到效果入下图所示。
参考答案
<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>
《Dreamweaver网页设计》形考任务五
HTML调用js实现多项滑动门选项卡特效。
参考代码
<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”language=”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改成onclick;
·//]]>
·</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”language=”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改成onclick;
·//]]>
·</script>
·</head>
·<body>
·····一、内容
·二、内容
·三、内容
·四、内容
·五、内容
·六、内容
<href=”#”>一、内容,测试内容一!
<href=”#”>二、内容,测试内容二!
<href=”#”>三、内容,测试内容三!
<href=”#”>四、内容,测试内容四!
<href=”#”>五、内容,测试内容五!
<href=”#”>六、内容,测试内容六!
</body>
</html>
<>
《Dreamweaver网页设计》形考任务六
请同学们结合课程内容与个人爱好,基于Dreamweaver软件设计和开发一网站。以压缩文件提交,压缩文件包含内容如下:
1.源代码
2.网站说明,包含(核心界面截图等)
网友评论