设计作业
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>家乡的岫玉</title>
<style>
div,body,html,h1,h2,h3,h4,h5,h6,ul,li,em,dt,dd,dl,form
{padding: 0 ;
margin:0;
}
li{list-style: none;
}
img{
border: 0;
}
a{
text-decoration: none;
color:#000;
}
.clear:after{
content: "";
display: block;
clear: both;
overflow: hidden;
visibility: hidden;
zoom: 1;
}
.cb{
clear: both;
}
.box{
width: 970px;
margin: 0 auto;
}
.first{
height: 108px;
}
.two{
float:left;
width: 400px;
height:88px;
padding-top: 50px;
padding-left: 200px;
}
.two form{
width: 394px;
height: 27px;
border: 3px solid #eeeeee;
}
.two ul li{
float: left;
padding-left: 20px;
}
.q{
position: relative;
width:325px;
height:25px;
border:1px solid #babebf;
border-right: 0 none;
outline: none;
color: #999999;
padding-left: 5px;
}
.four{
position: absolute;
float: right;
display: inline;
width:68px;
height:27px;
outline: none;
color: blue;
font-size: 14px;
font-weight: bold;
}
.four p{
margin-top: 10px;
}
.four a{
color: #999999;
font-size: 12px;
margin: 0 3px;
}
.time{
position: relative;
width: 500px;
}
.time a img{
padding-top: 20px;
width: 500px;
height: 400px;
}
.time h1{
padding-top: 20px;
}
.time h2{
padding-top: 150px;
font-size: 32px;
}
.three{
position: absolute;
left: 750px;
top: 190px;
width: 400px;
}
.three p{
margin-left: 25px;
}
.three ul li{
float: left;
}
.three ul a img{
padding-top: 16px;
margin-left: 30px;
width: 70px;
height: 70px;
}
.three ul li em{
position: absolute;
right: 5px;
bottom: 5px;
}
.six{
position: absolute;
top: 690px;
left: 750px;
}
.six p{
margin-left: 25px;
}
.six ul li{
float: left;
}
.six ul a img{
padding-top: 16px;
margin-left: 30px;
width: 70px;
height: 70px;
}
.seven p{
position: absolute;
top: 1190px;
left: 750px;
font-size: 24px;
line-height: 25px;
margin-left: 13px;
color: green;
}
.eit{
padding-bottom: 150px;
width: 970px;
text-align: left;
}
.eit dl{
float: left;
display: inline;
}
.eit dt{
margin-top: 20px;
font-size: 16px;
}
.eit dd{
margin-top: 10px;
font-size: 14px;
line-height: 20px;
margin-left: 8px;
}
.eit dd a{
color: blue;
}
.eit .nine{
margin-left: 50px;
padding-top: 40px;
float: left;
display: inline;
}
.ten form{
margin-bottom: 50px;
}
</style>
</head>
<body>
<div class="first box">
<div class="two">
<form action="">
<input type="text"name="q"class="q"value="岫岩玉石"><input type="submit"class="four"value="搜 索">
</form<p>
<ul>
<li><a href="">材料</a></li>
<li><a href="">做工</a></li>
<li><a href="">历史</a></li>
<li><a href="">透明度</a></li>
<li><a href="">特点</a></li>
<li><a href="">寓意</a></li></ul></p></div>
<div class="time">
#<h2>岫玉万马奔腾摆件</h2>
</div>
<div class="three">
<p>玉石种类</p>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
</a><em></em></li>
</ul>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
</div>
<div class="time">
<h1>岫玉荷花摆件</h1>
<a href="">
</div>
<div class="six">
<p>相关书籍</p>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
<ul>
<li><a href="">
<li><a href="">
<li><a href="">
<li><a href="">
</ul>
</div>
<div class="time">
<h1>岫玉小象摆件</h1>
<a href="">
</div>
<div class="seven">
<p>
岫玉石是中华宝玉石大家族中的重要成员，是最早被发现和使用的玉种，且为历代所重视，堪称“古玉之光，万年瑰宝”。从中国最早的玉制品到世界最大的玉制品，以及当代许多被誉为国宝的玉雕精品，都出自岫玉，其质地细腻温润，堪称“天地之灵，华夏奇珍”。在传统习惯上，蛇纹石玉又称岫玉，是以辽宁岫岩县产地命名。２０００年２月，岫岩玉被评为中国国石第一候选石。岫岩玉能在全国共１０颗晶莹璀璨的国石候选石中，出类拔萃，力压群芳，荣登榜首，是因为岫岩玉具有以下几大优势：
1、岫岩玉，以其纯洁温润的玉质、晶莹璀璨的气质、艳丽多彩的色泽，深受人们喜爱。万余年来，在人类历史长河中形成了五彩缤纷的“岫岩玉文化”。
2、岫岩玉，具有悠久的历史。据考古资料表明，我国发现最早的玉器是距今１万年前的辽宁海城县小孤山仙人洞古人类洞穴遗址出土的三件透闪石玉砍斫器。其玉源为仅一岭之隔的岫岩细玉沟的老玉。这是到目前为止我国发现的唯一的旧石器时代的玉器，堪称“中华第一玉”。在出土的新石器时代良渚文化的玉器中，经鉴定有岫岩玉。安阳殷墟妇好墓中出土的７００余件玉器，经鉴定，有４０多件是用岫玉雕制而成。据传，清朝皇太极刻有“皇帝奉天之玉”的传国玉玺、乾隆皇帝刻有“国朝传宝记”的玉玺，都是用岫岩玉雕制而成。
岫岩玉石含有人体所需的硒、锌、镍、钴、锰、镁、钙等30多种对人体有益的微量元素，这些元素散发的启动波和人体细胞的启动波是同一种波动状态，人体细胞随着从玉石散发出的波动产生共鸣和共振，使人体细胞组织更具活力，并促进血液循坏、增强新陈代谢、及进排除体内废物。其中占40％的镁元素是形成叶绿素的主要成分之一，镁元素也存在人体细胞中。玉能使生活饮用水和自然水变成活性水，帮助人体提高免疫力，故有中医所说“有的病吃药不能医好，经常佩带玉器却治好病”，道理就在于此。专家认为：岫岩玉 对男性阳痿患者很有效，能提高人的生育能力。还具有稳定情绪、增强人的快速反应能力的功效。
玉对人体的医疗健身作用很早就补人类所发现。我国著名的中医药巨著《神农本草》、《唐本草》、《本草纲目》中都有过著述。《本草纲目—金石部第八卷》中记载，玉具有：“除胃中热、喘急烦懑、滋毛发、滋养五脏、柔筋强骨、止渴、润心肺、助声喉、安魂魄、利血脉、明耳目”等疗效。任何一种物质所能发射和吸收的电磁波的波长都是相等的，人体能发射和吸收的红外电磁波的波长一般在8-10μm，波峰在9.4μm处。光谱测量分析表明：岫岩玉的特殊分子结构使其发射人体能很好吸收的红外线电磁波。波长刚好在8-10μm的范围内，波峰在9.9μm处。这种作用通常叫做共振吸收，或叫做偏匹配吸收。这种叫磁波能产生极好的生物作用，即改善循环，剌激再生，酶活性提高，生理功能恢复，加强细胞吞噬功能和抗体的生成。玉石不但能美化人们的生活，陶冶性情，而且祛病保平安。长期使用，会使你精神焕发，延年益寿。根据玉对人体的保健功能，运用传统中医经典理论结合现代科技手段。
</p></div>
<div class="time">
<h1>岫玉金鸡报晓摆件</h1>
<a href=""></a>
</div>
<div class="time">
<h1>岫玉小象摆件</h1>
<a href=""></a>
</div>
<div class="eit">
<dl>
<dt>其他搜索</dt>
<dd><a href="">岫岩玉石王</a></dd>
<dd><a href="">辽宁岫岩玉石</a></dd>
<dd><a href="">岫岩玉石产业发展</a></dd>
</dl>
<dl class="nine">
<dd><a href="">鞍山岫岩玉石</a></dd>
<dd><a href="">岫岩玉石王大佛</a></dd>
<dd><a href="">岫岩玉石鱼缸摆件</a></dd>
</dl>
<dl class="nine">
<dd><a href="">岫岩玉价格</a></dd>
<dd><a href="">岫岩玉石毛料市场</a></dd>
<dd><a href="">鞍山岫岩玉石批发市场</a></dd>
</dl>
<dl class="nine">
<dd><a href="">岫岩玉石刮痧板</a></dd>
<dd><a href="">岫岩玉石大白菜</a></dd>
<dd><a href="">辽宁岫岩玉石床垫批发</a></dd>
</dl>
<dl class="nine">
<dd><a href="">岫岩玉擀面杖</a></dd>
<dd><a href="">岫岩玉石床垫厂</a></dd>
<dd><a href="">岫岩玉石饰品批发市场</a></dd>
</dl>
</div>
<div class="ten">
<form action=""><input type="text"name="q"class="q"value="岫岩玉石"><input type="submit"class="four"value="搜 索">
</form>
</div>
</div></body></html>
图片截图如下
对于这次自己做的网页。出于对家乡玉石的了解展开的，介绍了一些基本的玉石状况，这次网页设计对于巩固以前的知识点起着很重要的作用，非常感谢老师们的这些安排使我渐渐的喜欢上了前段开发，中途有好几次想放弃，可是每次跟学哥请假的时候，学哥都会说慢慢做，别着急。使我备受鼓舞，最后坚持做完了。在此，非常感谢学哥学姐们的鼓舞。其实平常感觉看起来特别简单的东西，到了自己做的时候还有许多不足的地方，还差的很多，所以我以后会更加努力的学习，对于这次网页的制作，在刚开始的制作时候最难的地方在于排版，面对一个空白的网页不知道该如何下手，在制作的过程中遇到了一个问题，在对于盒子并排显示上，用了定位，致使在后来的图片上透明文字那块无法下手，下次会注意，用浮动来做。最后感谢学哥学姐这一阶段的陪伴，你们真的好辛苦，为我们批作业，为我们打电话提问，而且还是没有任何回报的付出！相信17点网有你们会更加辉煌！
