時(shí)間:2023-09-19 15:36:01 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-09-19 15:36:01 來源:網(wǎng)站運(yùn)營
班級網(wǎng)站首頁:<!doctype html><html><head><meta charset="utf-8"><title>無標(biāo)題文檔</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><!--導(dǎo)航開始--><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">個(gè)人主頁</a></li><li><a href="message.html">留言本</a></li><li><a href="about.html">關(guān)于我們</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>歡迎您訪問我們的班級網(wǎng)站</h1> <span class="second_heading">57位來自五湖四海的學(xué)子,57張意氣風(fēng)發(fā)的笑臉匯集在這里為了夢想共同奮斗。</span> <p>多媒體一班于2010年9月成立。成立半年多以來,全班同學(xué)以"團(tuán)結(jié)、和諧、文明、進(jìn)取"為班級文化,團(tuán)結(jié)一心、銳意進(jìn)取,在各方面都交出了令人滿意的答卷。</p> <a href="#"><img src="images/readmore-button.gif"/></a> </div> <div id="con_bott"> <div id="con_activity"> <h1>班級活動(dòng)</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="#">關(guān)于普通話考試的通知</a> </span> <p>我院今年3月份的普通話水平測試開始接受報(bào)名</p> <img src="images/news2.gif" hspace="10" align="left"/> <span class="news-title"> <a href="#">"衛(wèi)生健康大講堂"大學(xué)走進(jìn)</a> </span> <p>怎么預(yù)防傳染病?食物出現(xiàn)什么變化后不能吃?</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="#">"五一"節(jié)放假的通知</a> <p>根據(jù)國家法定節(jié)假日安排,放假時(shí)間為4月30日至5月2日,共三天。5月3日(星期二)正常上班。各單位做好假期工作安排及學(xué)生安全教育工作。</p> <a href="#">校園卡拉ok大賽</a> <p>學(xué)校將于近期舉辦校園卡拉OK大賽,報(bào)名截止日期4月30日,報(bào)名處在班文藝委員處,希望同學(xué)們踴躍參加。</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>數(shù)據(jù)庫</td> </tr> <tr> <td> </td> <td> </td> <td>英語</td> <td>數(shù)據(jù)庫</td> <td> </td> </tr> <tr> <td rowspan="2" bgcolor="#F9EDDD" align="center">下午</td> <td>數(shù)據(jù)庫</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">個(gè)人主頁|</a></li> <li><a href="message.html">留言本|</a></li> <li><a href="about.html">關(guān)于我們</a></li> </ul> <div class="clear"></div> Copyright © 2009-2011 多媒體技術(shù)一班 All rights reserved. </div></div></div></body></html>
網(wǎng)頁樣式代碼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;}
網(wǎng)頁效果圖:關(guān)鍵詞:班級
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。