Dreamweaver网页设计
一、形考任务
(1)通过使用 HTML,可以在文档中显示图像,插入一副图像(jpg)、插入一副动图图像(gif格式)。
(2)从不同位置,包括文件夹和网络,插入图像。
参考答案
(1)
<html>
<head>
</head>
<body>
一幅图像:
请注意,插入动画图像的语法与插入普通图像的语法没有区别。
</body>
</html>
(2)
<html>
<head>
</head>
<body>
来自另一个文件夹的图像:
来自 网络的图像:
</body>
</html>
2.活动1:采用CSS样式来设置背景、标题和段落的颜。
HTML代码如下:
<html>
<head>
</head>
<body>
这是标题 1
这是标题 2
这是段落
这个段落设置了内边距。
</body>
</html>
活动2:使用百分比或者像素值设置行间距。
HTML代码如下:
<html>
<head>
</head>
<body>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 110% 到 120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</body>
</html>
参考答案
<html>
<head>
<style type="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>
<style type="text/css">
p.small {line-height: 90%}
p.big {line-height: 200%}
</style>
</head>
<body>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 110% 到 120%。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</body>
</html>
(2)像素值
<html>
<head>
<style type="text/css">
p.small{ line-height: 10px }
p.big{ line-height: 30px }
</style>
</head>
<body>
这是拥有标准行高的段落。
在大多数浏览器中默认行高大约是 20px。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这是拥有标准行高的段落。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更小的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
这个段落拥有更大的行高。
</body>
</html>
3.
使用
元素以及CSS样式表对下面的内容进行的布局设计。
城市介绍
上海
南京
南京
html网页设计的标题
简称“京”,是直辖市、国家中心城市、超大城市、国际大都市,全国政治中心、文化中心、国际交往中心、科技创新中心。
位于华北平原北部,背靠燕山,毗邻天津市和河北省。气候为典型的北温带半湿润大陆性季风气候。
是首批国家历史文化名城和世界上拥有世界文化遗产数最多的城市,三千多年的历史孕育了故宫、天坛、八达岭长城、颐和园等众多名胜古迹。早在七十万年前,周口店地区就出现了原始人部落。公元前1045年,成为蓟、燕等诸侯国的都城。公元938年以来,先后成为辽陪都、金中都、元大都、明、清国都。
参考答案
<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年以来,先后成为辽陪都、金中都、元大都、明、清国都。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。