这个周末我又做了个界面先看效果吧这是一个精品课程的网页:
<!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=utf-8" /> <title>课程建设</title> <link rel="stylesheet" type="text/css" href="css/styles.css" /> </head> <body><div class="big"><div class="head"><div class="htop"><ul><li>首页</li><li>课程总览</li><li style="color:#F90">精品课程</li><li>重点专业群核心课程</li><li>快速通道</li><li style=" margin-right:5px;">退出</li></ul></div><div class="day"><ul><li>您好!欢迎使用本系统</li><li>2013年11月15日</li></ul></div></div><div class="left"><div class=" left_top"><div class="left_one">课 程 搜 索</div><form action="#" method="get" name="miss"> <table border="0"><tr><td>所属院系:</td><td><select name="yx" size="1" style="width:145px;" ><option value="0">---请选择院系---</option><option value="xx">信息学院</option></select></td></tr><tr><td>课程名称:</td><td ><input type="text" name="kc" style="width:140px;"/></td></tr><tr><td colspan="2"><img src="img/cc_search.gif" class="left_bottom" /></td></tr></table></form></div><div class="left_top"><div class="left_one">课 程 访 问 排 行 榜</div><div class="left_bot"><ul><li>纺织纤维与产品(耿琴玉,1314)</li><li>家纺艺术设计(管蓓莉,794)</li><li>染整设备操作与管理(贺良震,611)</li><li>染色工艺实施与管理(潘云芳,571)</li><li>织物性能检测(许藴燕,529)</li><li>印花工艺实施与管理(沈志平,448)</li><li>现代织造技术(蔡永东,439)</li><li>织物分析与小样试织(隋全侠,435)</li><li>毛织物设计(宋波,425)</li><li>服装设计(朱建军,410)</li><li>前处理工艺实施与管理(杨晓红,408)</li><li>纺织品经营与贸易(管蓓莉,794)</li><li>纺纱工艺设计与实施(张治,611)</li><li>棉织物设计(佟昀,250)</li> </ul></div></div></div><div class="right"><div class="right_kc">国 家 级 精 品 课 程</div><table class="right_db" cellpadding="0" cellspacing="0" ><tr><th class="right_12">课程名称</th><th class="right_12">课程负责人</th><th class="right_13">申请时间</th></tr><tr><td class="right_21">家纺艺术设计</td><td class="right_22">管蓓莉</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">染色工艺实施与管理</td><td class="right_22">潘云芳</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">印花工艺实施与管理</td><td class="right_22">沈志平</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">服装设计</td><td class="right_22">朱建军</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">现代织造技术</td><td class="right_22">蔡永东</td><td class="right_23">2013-09-14</td></tr></table><div class="right_kc">省 级 精 品 课 程</div><table class="right_db" cellpadding="0" cellspacing="0" ><tr><th class="right_12">课程名称</th><th class="right_12">课程负责人</th><th class="right_13">申请时间</th></tr><tr><td class="right_21">前处理工艺实施与管理</td><td class="right_22">杨晓红</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">染整设变操作与维护</td><td class="right_22">贺良震</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">纺织纤维与产品</td><td class="right_22">耿琴玉</td><td class="right_23">2013-09-14</td></tr></table><br /><br /><div class="right_kc">校 级 精 品 课 程</div><table class="right_db" cellpadding="0" cellspacing="0" ><tr><th class="right_12">课程名称</th><th class="right_12">课程负责人</th><th class="right_13">申请时间</th></tr><tr><td style="width:238px; height:24px; border-top:#a0a0a0 1px solid;border-right: #0 1px solid; padding-left:10px;"></td><td style="width:238px; height:24px; border-top:#a0a0a0 1px solid; border-right: #0 1px solid; text-align:center;">没有对应的记录</td><td style="width:238px; height:24px; border-top:#a0a0a0 1px solid;text-align:center;"></td></tr></table></div><div class="bottom"><a>Copyright 版权所有:江苏金智教育信息技术有限公司 建议使用1024*768分辨率 IE5以上</a><br /><a>技术支持:江苏金智教育信息技术有限公司</a> </div> </div> </body> </html>
<!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=utf-8" />
<title>课程建设</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body><div class="big"><div class="head"><div class="htop"><ul><li>首页</li><li>课程总览</li><li style="color:#F90">精品课程</li><li>重点专业群核心课程</li><li>快速通道</li><li style=" margin-right:5px;">退出</li></ul></div><div class="day"><ul><li>您好!欢迎使用本系统</li><li>2013年11月15日</li></ul></div></div><div class="left"><div class=" left_top"><div class="left_one">课 程 搜 索</div><form action="#" method="get" name="miss"> <table border="0"><tr><td>所属院系:</td><td><select name="yx" size="1" style="width:145px;" ><option value="0">---请选择院系---</option><option value="xx">信息学院</option></select></td></tr><tr><td>课程名称:</td><td ><input type="text" name="kc" style="width:140px;"/></td></tr><tr><td colspan="2"><img src="img/cc_search.gif" class="left_bottom" /></td></tr></table></form></div><div class="left_top"><div class="left_one">课 程 访 问 排 行 榜</div><div class="left_bot"><ul><li>纺织纤维与产品(耿琴玉,1314)</li><li>家纺艺术设计(管蓓莉,794)</li><li>染整设备操作与管理(贺良震,611)</li><li>染色工艺实施与管理(潘云芳,571)</li><li>织物性能检测(许藴燕,529)</li><li>印花工艺实施与管理(沈志平,448)</li><li>现代织造技术(蔡永东,439)</li><li>织物分析与小样试织(隋全侠,435)</li><li>毛织物设计(宋波,425)</li><li>服装设计(朱建军,410)</li><li>前处理工艺实施与管理(杨晓红,408)</li><li>纺织品经营与贸易(管蓓莉,794)</li><li>纺纱工艺设计与实施(张治,611)</li><li>棉织物设计(佟昀,250)</li> </ul></div></div></div><div class="right"><div class="right_kc">国 家 级 精 品 课 程</div><table class="right_db" cellpadding="0" cellspacing="0" ><tr><th class="right_12">课程名称</th><th class="right_12">课程负责人</th><th class="right_13">申请时间</th></tr><tr><td class="right_21">家纺艺术设计</td><td class="right_22">管蓓莉</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">染色工艺实施与管理</td><td class="right_22">潘云芳</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">印花工艺实施与管理</td><td class="right_22">沈志平</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">服装设计</td><td class="right_22">朱建军</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">现代织造技术</td><td class="right_22">蔡永东</td><td class="right_23">2013-09-14</td></tr></table><div class="right_kc">省 级 精 品 课 程</div><table class="right_db" cellpadding="0" cellspacing="0" ><tr><th class="right_12">课程名称</th><th class="right_12">课程负责人</th><th class="right_13">申请时间</th></tr><tr><td class="right_21">前处理工艺实施与管理</td><td class="right_22">杨晓红</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">染整设变操作与维护</td><td class="right_22">贺良震</td><td class="right_23">2013-09-14</td></tr><tr><td class="right_21">纺织纤维与产品</td><td class="right_22">耿琴玉</td><td class="right_23">2013-09-14</td></tr></table><br /><br /><div class="right_kc">校 级 精 品 课 程</div><table class="right_db" cellpadding="0" cellspacing="0" ><tr><th class="right_12">课程名称</th><th class="right_12">课程负责人</th><th class="right_13">申请时间</th></tr><tr><td style="width:238px; height:24px; border-top:#a0a0a0 1px solid;border-right: #0 1px solid; padding-left:10px;"></td><td style="width:238px; height:24px; border-top:#a0a0a0 1px solid; border-right: #0 1px solid; text-align:center;">没有对应的记录</td><td style="width:238px; height:24px; border-top:#a0a0a0 1px solid;text-align:center;"></td></tr></table></div><div class="bottom"><a>Copyright 版权所有:江苏金智教育信息技术有限公司 建议使用1024*768分辨率 IE5以上</a><br /><a>技术支持:江苏金智教育信息技术有限公司</a> </div> </div>
</body>
</html>