<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="ytuPage.css" />
<title>仿烟大官网实例</title>
</head>
<body>
<!---导航-->
<div class="page">
<div class="banner"></div>
<div class="nav">
<ul>
<li> <a href="http://xcb.ytu.edu.cn/">烟大新闻</a></li>
<li><a href="http://www.ytu.edu.cn/xxjj/index.jhtml">学校概况</a></li>
<li><a href="http://www.ytu.edu.cn/xysz.jhtml">学院设置</a></li>
<li><a href="http://www.ytu.edu.cn/bksjy.jhtml">人才培养</a></li>
<li><a href="http://kjc.ytu.edu.cn/head.html">科学研究</a></li>
<li><a href="http://stu.ytu.edu.cn/">学生工作</a></li>
<li><a href="http://202.194.116.158/zb/">招生就业</a></li>
<li><a href="http://www.ytu.edu.cn/ggfw.jhtml">公众服务</a></li>
</ul>
</div>
<div class="ytuPic"></div>
</div>
<!---中间第一部分-->
<div class="parts">
<table>
<tr>
<td>
<div class="title"></div>
<div class="msg"><a href="http://www.ytu.edu.cn/xxyw/index.jhtml">学校要闻</a></div>
<div class="more"><a href="http://www.ytu.edu.cn/xxyw/index.jhtml"><span>more</span></a></div>
<div>
<ul style="line-height:25px">
<li><a href="http://www.ytu.edu.cn/xxyw/446.jhtml"><span>2013—2014学年奖学金颁发仪式暨表彰大会举行</span></a> 12-04</li>
<li><a href="#"><span>南山学院到我校考察交流</span></a> 12-04</li>
<li><span>学校召开领导班子民主生活会征求意见座谈会</span> 12-03</li>
<li><span>学校召开党委全委会议 审定大学章程</span> 12-03</li>
<li><span>烟台大学代表团访问中国人民大学 调研高校综...</span> 12-01</li>
<li><span>我校学子在省首届“国学达人挑战赛”决赛中获...</span> 12-01</li>
<li><span>北大清华支援烟大建设委员会第十二次会议召开</span> 11-26</li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<!---中间第二部分-->
<div class="parts">
<table align="center" width="280px" height="234px">
<td background="mainNews.png" width="100%" height="100%">
</td>
</table>
</div>
<!---中间第三部分-->
<div class="parts">
<table>
<tr>
<td>
<div class="title"></div>
<div class="msg"><a href="http://www.ytu.edu.cn/tzgg/index.jhtml">通知通告</a></div>
<div class="more"><a href="http://www.ytu.edu.cn/tzgg/index.jhtml"><span>more</span></a></div>
<div>
<ul style="line-height:25px">
<li><a href="http://www.ytu.edu.cn/xxyw/446.jhtml"><span>烟台大学2013年本科教学质量报告</span></a> 05-30</li>
<li><span>《烟台大学学报》关于出版2015...</span> 03-13</li>
<li><span>烟台大学2014年毕业生就业质量...</span> 03-09</li>
<li><span>关于计费系统调试的通知</span> 11-12</li>
<li><span>关于调整下学期校历的通知</span> 12-30</li>
<li><span>烟台大学三十周年校庆活动指南</span> 10-14</li>
<li><span>关于公布有关报告厅、景点等命...</span> 09-30</li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<!---中间第四部分-->
<div class="parts">
<table cellpadding="12px" width="422px">
<tr height="20px">
<td><a href="#"><span>办公系统</span></a></td>
<td><a href="#"><span>数字校园</span></a></td>
<td><a href="#"><span>人才招聘</span></a></td>
<td><a href="#"><span>招标信息</span></a></td>
</tr>
<tr height="20px">
<td><a href="#"><span>网上评教</span></a></td>
<td><a href="#"><span>网上选课</span></a></td>
<td><a href="#"><span>网上教学</span></a></td>
<td><a href="#"><span>网上民声</span></a></td>
</tr>
<tr height="20px">
<td><a href="#"><span>数字图书</span></a></td>
<td><a href="#"><span>服务地方</span></a></td>
<td><a href="#"><span>校友总会</span></a></td>
<td><a href="#"><span>信息公开</span></a></td>
</tr>
</table>
</div>
<!---中间第五部分-->
<div class="parts">
<table>
<tr height="100px">
<td background="专题链接.png" width="133px"></td>
<td background="视频新闻.png" width="133px"></td>
</tr>
<tr height="20px">
<td align="center"><a href="#"><span>专题链接</span></a></td>
<td align="center"><a href="#"><span>视频新闻</span></a></td>
</tr>
</table>
</div>
<div class="parts">
<table height="130px" width="412px">
<tr>
<td><span>用户名:</span></td>
<td><input type="text"/></td>
<td><a href="#"><span>计费系统</span></a></td>
</tr>
<tr>
<td><span>密码:</span></td>
<td><input type="text"/></td>
<td><a href="#"><span>VPN入口</span></a></td>
</tr>
<tr>
<td><span>系统:</span></td>
<td><span>综合门户</span></td>
<td><button><span>登陆</span></button></td>
</tr>
</table>
</div>
<div class="foot">
<table width="1210px" background="foot.png" height="150px" >
<tr>
<td align="center"><a href="#">网站地图 </a><a href="#">English</a> <span style="color:white">校址:中国山东省烟台市莱山区清泉路30号 邮编:264005 电话:0535-6902232</span></td>
<td></td>
<td></td>
</tr>
<tr>
<td align="center"><span style="color:white">Copyright(c)2015 T C L 制作维护:T C L <a href="#">管理员信箱</a></span></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
body{
margin:0;
background:#c9c9c9;
}
a{
text-decoration:none;
color:white;
}
a span{
color:black;
}
.page{
width:1345px;
margin 0 auto;
}
.banner{
background:url(logo.jpg);
height:105px;
}
.nav{
height:35px;
width:1345px;
background:#ff0000;
position:absolute;
}
.nav ul{
list-style:none;
}
.nav ul li{
float:left;
width:160px;
text-align:center;
line-height:5px;
}
.ytuPic{
height:320px;
background:url(ytu.jpg);
}
.title{
margin-top:-1px;
background:gray;
height:25px;
width:100%;
}
.msg{
background:red;
height:25px;
width:80px;
margin-left:15px;
text-align:center;
margin-top:-25px;
/*float:left;*/
}
.more{
margin-left:360px;
margin-top:-25px;
font-size:15pt;
}
.Copy_right{
height:200px;
color:blue;
width:150px;
}
table{
margin-top:5px;
margin-left:47px;
border:2px solid white;
background:grad;
font-size:14px;
}
.parts{
float:left
}
.foot{
}