时间:2023-09-19 15:36:01 | 来源:网站运营
时间:2023-09-19 15:36:01 来源:网站运营
班级网站首页:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title> <style type="text/css">@import url(style.css)</style></head><body> <div id="container"><div id="header"><div id="logo"><img src="images/logo.gif" width="300" height="63"/></div><!--导航开始--><div id="menu"><ul><li><a href="index.html">首页</a></li><li><a href="classblog.html">班级日志</a></li><li><a href="classphoto.html">班级相册</a></li><li><a href="personpage.html">个人主页</a></li><li><a href="message.html">留言本</a></li><li><a href="about.html">关于我们</a></li></ul></div></div><div id="banner"><img src="images/header-bg.gif" width="1000px" height="200px"/></div><div id="mainContent"> <div id="content_left"> <div id="con_welcome"> <h1>欢迎您访问我们的班级网站</h1> <span class="second_heading">57位来自五湖四海的学子,57张意气风发的笑脸汇集在这里为了梦想共同奋斗。</span> <p>多媒体一班于2010年9月成立。成立半年多以来,全班同学以"团结、和谐、文明、进取"为班级文化,团结一心、锐意进取,在各方面都交出了令人满意的答卷。</p> <a href="#"><img src="images/readmore-button.gif"/></a> </div> <div id="con_bott"> <div id="con_activity"> <h1>班级活动</h1> <div class="second_heading">Class Active</div> <a href="#"><img src="images/gallery-img1.gif"/></a> <a href="#"><img src="images/gallery-img2.gif"/></a> <a href="#"><img src="images/gallery-img3.gif"/></a> <a href="#"><img src="images/gallery-img4.gif"/></a> </div> <div id="con_classNews"> <h1>班级新闻</h1> <div class="second_heading">Class News</div> <img src="images/news1.gif" align="left" hspace="10"/> <span class="news-title"> <a href="#">关于普通话考试的通知</a> </span> <p>我院今年3月份的普通话水平测试开始接受报名</p> <img src="images/news2.gif" hspace="10" align="left"/> <span class="news-title"> <a href="#">"卫生健康大讲堂"大学走进</a> </span> <p>怎么预防传染病?食物出现什么变化后不能吃?</p> </div> </div> </div> <div id="content_right"> <div id="rig_blackboard"> <h1>公告栏</h1> <h2>Bulletion Board</h2><br> <marquee direction="up" height="190" onmouseover="this.stop()" onmouseout="this.start()"> <div class="second_heading">Bulletion Board</div> <a href="#">"五一"节放假的通知</a> <p>根据国家法定节假日安排,放假时间为4月30日至5月2日,共三天。5月3日(星期二)正常上班。各单位做好假期工作安排及学生安全教育工作。</p> <a href="#">校园卡拉ok大赛</a> <p>学校将于近期举办校园卡拉OK大赛,报名截止日期4月30日,报名处在班文艺委员处,希望同学们踊跃参加。</p> </marquee> </div> <div id="rig_schedule"> <table cellpadding="0" cellspacing="0" class="table" border="1" bordercolor="black" align="center" frame="void"> <tr> <th>星期</th> <th>一</th> <th>二</th> <th>三</th> <th>四</th> <th>五</th> </tr> <tr> <td rowspan="2" bgcolor="#F9EDDD" align="center">上午</td> <td>PS</td> <td>英语</td> <td>体育</td> <td> </td> <td>数据库</td> </tr> <tr> <td> </td> <td> </td> <td>英语</td> <td>数据库</td> <td> </td> </tr> <tr> <td rowspan="2" bgcolor="#F9EDDD" align="center">下午</td> <td>数据库</td> <td>英语</td> <td> </td> <td>体育</td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td>PS</td> <td> </td> <td> </td> </tr> </table> </div> </div></div><div class="clear"></div><div id="footer"><div class="footer-links"> <ul> <li><a href="index.html">首页|</a></li> <li><a href="classblog.html">班级日志|</a></li> <li><a href="classphoto.html">班级相册|</a></li> <li><a href="personpage.html">个人主页|</a></li> <li><a href="message.html">留言本|</a></li> <li><a href="about.html">关于我们</a></li> </ul> <div class="clear"></div> Copyright © 2009-2011 多媒体技术一班 All rights reserved. </div></div></div></body></html>
网页样式代码style.css代码:@charset "utf-8";/* CSS Document */*{margin:0px;padding:0px;}img{border:0px;}body{background:#ffffff;font-family:Verdana;font-size:14px;margin:0;}#container{margin:0 auto;width:900px}#header{height:70px;background:#FFCC99;margin-bottom:5px}.floatr{float:right;font-family:Verdana;font-size:30px;font-color:blue}#logo{height:63px;width:300px;float:left}#menu{height:70px;width:1000px;background-image:url(images/footer-bg2.gif);background-repeat:repeat-x;background-position:left top;}#menu ul{list-style:none;padding-top;22px;}#menu ul li{float:left;padding:0 20px;color:#272727;background:url(images/li-seperator.gif)top right no-repeat;font-weight:bold;line-height:20px;}#menu a:link{text-decoration:none;color:#272727;font-weight:bold;}#menu a:hover{color:#517208}#menu a:active{color:#517208}#schedule{padding:3px 5px;background:url(images/best-section.gif) top left no-repeat;height:111px;margin-top:20px;}.table{width:100%;background-color:#ffffff;}.table th{background:#F9EDDD;line-height:20px;color:#0a356d;}.table td{text-align:center;line-height:17px;}#mainContent{width:1000px;height:400px;margin-bottom:5px;}#content_left{width:700px;height:400px;float:left;background:#ffbb00;}#con_welcome{width:700px;heigt:200px;background-color:#B2DD16;margin-top:5px;}#con_bott{width:700px;height:260px;background-color:#CAD908;margin-top:5px;}#con_activity{width:335px;height:250px;background-color:#EACEB7;float:left;margin:5px 7px;}#con_classNews{width:335px;height:250px;background:#EACEB7;float:left;margin:5px 7px;}#content_right{float:right;width:300px;background-color:#ECB808}#rig_blackboard{width:285px;height:275px;border:3px solid #fcd598;background:#f9eddd;margin:3px;}#rig_schedule{width:285px;height:116px;margin:3px;background:url(images/best-section.gif) top left no-repeat;}.clear{clear:both;}#footer{width:1000px;background-image:url(images/footer-bg2.gif);background-repeat:repeat-x;background-position:left bottom;}.footer-links{font-size:14px;text-align:center;width:1000px;color:#98A4B3;padding-bottom:20px;}.footer-links ul{list-style:none;padding:25px 1px 1px 275px;}.footer-links li{float:left;margin-bottom:5px;margin-right:10px;color:#98A4B3;font-size:14px;}.footer-links li a{text-decoration:none;color:#98A4B3;}
网页效果图:关键词:班级