一、数据库代码
二、页面代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>E家园首页</title>
<!-- 引入index.css -->
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
<div id="container">
<!-- head -->
<div class="head">
<!-- logo start-->
<div class="logo"><img src="img/logo.jpg"></div>
<!-- nav -->
<div class="nav">
<ul>
<li><a href="#"><img src="img/daohan_1.jpg" /></a></li>
<li><a href="#"><img src="img/daohan_2.jpg" /></a></li>
<li><a href="#"><img src="img/daohan_3.jpg" /></a></li>
<li><a href="#"><img src="img/daohan_4.jpg" /></a></li>
<li><a href="#"><img src="img/daohan_5.jpg" /></a></li>
<li><a href="#"><img src="img/daohan_6.jpg" /></a></li>
<li><a href="#"><img src="img/daohan_7.jpg" /></a></li>
</ul>
</div>
</div><!-- head END -->
<!-- ====================================================================== -->
<!-- main -->
<div class="main">
<!-- main_left -->
<div class="main_left">
<div class="myForm">
<img src="img/bg06.gif">
<!-- 登录表单 -->
<div class="myLogin"></div>
<!-- 分割线 -->
<div class="division">
<img src="img/line01.gif" />
<img src="img/left01.jpg" />
</div>
<!-- 登录表单 -->
<div class="mysearch"></div>
<img src="img/line02.gif" />
</div><!-- myForm END -->
<div class="notice">
<img src="img/left02.gif" />
<div class="notice_content">
站内公告<br>
站内公告<br>
站内公告<br>站内公告<br>
站内公告<br>
站内公告<br>
</div>
<img src="img/line02.gif" />
</div>
</div>
<!-- main_right -->
<div class="main_right">
<div class="carousel"><img src="img/banner.gif"></div>
<div class="mtitle"><img src="img/dot02.gif">栏目分类</div>
<div class="contents">
<div class="item">
<img src="img/cen01.jpg" />
<ul>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
</ul>
</div>
<div class="item">
<img src="img/cen01.jpg" />
<ul>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
</ul>
</div>
<div class="item">
<img src="img/cen01.jpg" />
<ul>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
</ul>
</div>
<div class="item">
<img src="img/cen01.jpg" />
<ul>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
<li>aaaaaaa</li>
</ul>
</div>
</div>
</div>
</div><!-- main END -->
<!-- ====================================================================== -->
<!-- footer start -->
<div class="footer">
版权所有 卓京信息<br>
盗版必究
</div><!-- footer end -->
</div>
</body>
</html>