【正文】 le={dede:} target=_blank挑錯(cuò)/a/li li id=actpusa href={dede:field name=39。phpurl39。/}/?aid={dede:} target=_blank推薦/a/li li id=actpnta href= onClick=()。打印/a/li /ul /div! /actbox /div! /handle /div圖515 文章模塊代碼 Head模板設(shè)計(jì)與實(shí)現(xiàn)主要包括時(shí)間顯示、網(wǎng)站顏色選擇、頂端banner、導(dǎo)航欄、搜索欄、熱門標(biāo)簽。效果圖如下：圖516 Head板塊效果圖該模板實(shí)現(xiàn)代碼如下：div class=header script language=javascript type=text/javascript =function (){ setInterval((39。time39。).innerHTML=new Date().toLocaleString()+39。 星期39。+39。日一二三四五六39。.charAt(new Date().getDay())。,1000)。 } /script div class=header_top w960 ul id=dedecms_skins li id=dedecms_skins_0 title=綠色綠色/li li id=dedecms_skins_1 title=藍(lán)色藍(lán)色/li li id=dedecms_skins_2 title=紅色紅色/li li id=dedecms_skins_3 title=桃紅色桃紅色/li li id=dedecms_skins_4 title=黑色黑色/li li id=dedecms_skins_5 title=褐色褐色/li /ul span id=time class=time/span div class=toplinksa href={dede:}/plus/ target=_blank高級(jí)搜索/a|a href={dede:}/data/ target=_blank網(wǎng)站地圖/a|a href={dede:}TAG標(biāo)簽/a|a href={dede:}/RSS訂閱/aspan【a href=onclick==39。url(defaulthomepage)39。(39。{dede:}39。)。設(shè)為首頁/a】【a href=javascript:(39。{dede:}39。,39。{dede:}39。)加入收藏/a】/span/div /div div class=top w960 center div class=title style= padding:0。 h1img src={dede:}/images/ alt=華北水利水電學(xué)院校史館（網(wǎng)絡(luò)版） width=960 height=166 //h1 /div /div! //top ! //菜單 div class=module blue mT10 wrapper w963 div class=top div class=t_l/div div class=t_r/div ! //如果不使用currentstyle，可以在channel標(biāo)簽加入 cacheid=39。channeltoplist39。 屬性提升性能 div id=navMenu ul lia href=39。{dede:}/39。span主頁/span/a/li {dede:channel type=39。top39。 row=39。1039。 currentstyle=li class=39。hover39。a href=39。~typelink~39。 ~rel~span~typename~/span/a/li} lia href=39。[field:typeurl/]39。 [field:rel/]span[field:typename/]/span/a/li {/dede:channel} /ul /div div class=search form name=formsearch action= onSubmit=check()。 input type=hidden name=domains value= div class=form h4搜索/h4 input type=hidden name=kwtype value=0 / input name=q type=text class=searchkeyword id=searchkeyword value=在這里搜索... onfocus=if(==39。在這里搜索...39。){=39。39。} onblur=if(==39。39。){=39。在這里搜索...39。} / select name=searchtype class=searchoption id=searchoption option value= selected=39。139。google搜索/option option value=titlekeyword站內(nèi)搜索/option /select button type=submit class=searchsubmit搜索/button /div input type=hidden name=client value=pub9280232748837488 input type=hidden name=forid value=1 input type=hidden name=ie value=GB2312 input type=hidden name=oe value=GB2312 input type=hidden name=safe value=active input type=hidden name=cof value=GALT:008000。GL:1。DIV:336699。VLC:663399。AH:center。BGC:FFFFFF。LBGC:336699。ALC:0000FF。LC:0000FF。T:000000。GFNT:0000FF。GIMP:0000FF。FORID:1 input type=hidden name=hl value=zhCN /form div class=tags h4熱門標(biāo)簽:/h4 ul {dede:tag row=39。1039。 getall=39。139。 sort=39。month39。} lia href=39。[field:link/]39。[field:tag /]/a/li {/dede:tag} /ul /div /div! //search /div /div/div! //header 圖517 head板塊代碼 Footer模板設(shè)計(jì)與實(shí)現(xiàn)Footer模板主要包括版權(quán)等信息，效果圖如下：圖518 footer效果圖實(shí)現(xiàn)該板塊的代碼如下! //底部模板 div class=footer w960 center mt1 clear div class=footer_left/div div class=footer_body p class=powered Powered by a href= title=華北水利水電學(xué)院 target=_blankstrong華北水利水電學(xué)院/strong/a amp。copy。 2010 a href= target=_blankNCWU/a Inc.br / div class=copyright{dede:}amp。nbsp。amp。nbsp。{dede:}/div/p ! /powered /div div class=footer_right/div/div圖519 footer板塊代碼6 網(wǎng)站的測試與維護(hù) 網(wǎng)站的測試基于Web的系統(tǒng)測試與傳統(tǒng)的軟件測試既有相同之處，也有不同的地方，對軟件測試提出了新的挑戰(zhàn)?；赪eb的系統(tǒng)測試不但需要檢查和驗(yàn)證是否按照設(shè)計(jì)的要求運(yùn)行，而且還要評價(jià)系統(tǒng)在不同用戶的瀏覽器端的顯示是否合適。重要的是，還要從最終用戶的角度進(jìn)行安全性和可用性測試。 測試方法及過程本文從以下幾個(gè)角度對校史館網(wǎng)站進(jìn)行了測試：（1）鏈接測試鏈接測試可分為三個(gè)方面。首先，測試所有鏈接是否按鏈接項(xiàng)描述的那樣確實(shí)鏈接到了該鏈接的頁面；其次，測試所鏈接的頁面是否存在、是否正確；最后，保證Web應(yīng)用系統(tǒng)上沒有孤立的頁面，所謂孤立頁面是指沒有鏈接指向該頁面，只有知道正確的URL地址才能訪問。 鏈接測試可以自動(dòng)進(jìn)行，通過軟件測試對所有鏈接進(jìn)行檢測。采取措施：采用自動(dòng)檢測網(wǎng)站鏈接的軟件來進(jìn)行。采用軟件：Xenu Link Sleuth 免費(fèi) 綠色免安裝軟件（2） 用戶界面測試看頁面是否美觀 (包括頁面的布局是否合理,頁面長度是否合理,前景色與背景色是否搭配,頁面風(fēng)格是否統(tǒng)一,色調(diào)是否適合人眼,會(huì)不會(huì)太刺眼,字體大小是否合適,字體的顏色是否與背景色搭配,字體鏈接時(shí)是否會(huì)出現(xiàn)設(shè)置怪異的背景色,字體顏色有沒有與背景色太接近或差距太大導(dǎo)致沒辦法看清字體或刺激視覺,點(diǎn)擊鏈接時(shí)圖片和字體會(huì)不會(huì)產(chǎn)生移位)另外檢查是否在表格或DIV里放置了過多的東西導(dǎo)致表格或DIV拉長,表格或DIV之間是否對齊,中間是否有空隙,是否產(chǎn)生了錯(cuò)位,如果在表格或DIV中設(shè)置了溢位,表格或DIV中的內(nèi)容是否可以全部看到,有沒有出現(xiàn)一半字的情況,表格每行的寬度是否足夠,是否有折行。（3）分辨率測試頁面版式在 640x400、600x800 或 1024x768 的分辨率模式下是否顯示正常？字體是否太小以至于無法瀏覽? 或者是太大? 文本和圖片是否對齊?（4） 圖形測試（1）要確保圖形有明確的用途，圖片或動(dòng)畫不可以存在交叉、折騰、重疊等問題，以免浪費(fèi)傳輸時(shí)間。檢查頁面上圖片的像素，像素不超過72。（2）驗(yàn)證所有頁面字體的風(fēng)格是否一致。 （3）背景顏色應(yīng)該與字體顏色和前景顏色相搭配。 （4）測試文字回繞是否正確。如果說明文字指向右邊的圖片，應(yīng)該確保該圖片出現(xiàn)在右邊。 測試結(jié)果報(bào)告 經(jīng)過上述方法的細(xì)致測試，校史館網(wǎng)站在鏈接、用戶界面、分辨率、圖形這幾方面均無問題，該網(wǎng)站可以正常投入使用。 網(wǎng)站的維護(hù)網(wǎng)站做好了是不是就打算一勞永逸呢？不是，無論創(chuàng)意如何新穎，網(wǎng)站的繼續(xù)發(fā)展歸根到底還是依賴資源，依賴隨后的網(wǎng)站維護(hù)。網(wǎng)站維護(hù)的內(nèi)容還是比較多的。小的方面就是前面提到的一些資料的修改以及錄入。大的方面就涉及到了網(wǎng)絡(luò)營銷策劃。網(wǎng)站維護(hù)主要內(nèi)容是網(wǎng)站內(nèi)容的編輯添加，這里的內(nèi)容是針對你的網(wǎng)站關(guān)鍵詞進(jìn)行的原創(chuàng)內(nèi)容的編輯，主要是為了配合網(wǎng)站優(yōu)化，進(jìn)行內(nèi)部優(yōu)化，從而讓網(wǎng)站在搜索引擎有一個(gè)好的排名表現(xiàn)。還要進(jìn)行網(wǎng)站的外部鏈接建設(shè)，當(dāng)然也是為了優(yōu)化網(wǎng)站排名。這些工作都是為了讓你在同行網(wǎng)站里面脫穎而出。網(wǎng)站維護(hù)還有一個(gè)主要的內(nèi)容那就是安全維護(hù)。互聯(lián)網(wǎng)隨時(shí)都存在著隱患?；ヂ?lián)網(wǎng)在發(fā)展的同時(shí)，黑客也在發(fā)展。現(xiàn)在的黑客出于很多的商業(yè)目的，攻擊網(wǎng)站是經(jīng)常的事情，網(wǎng)站經(jīng)常備份數(shù)據(jù)，出現(xiàn)攻擊完善程序，及時(shí)恢復(fù)網(wǎng)站訪問就變的越來越重要。所以網(wǎng)站維護(hù)是非常有必要的。最后要說的維護(hù)工作就是要經(jīng)常備份網(wǎng)站的文件，防止網(wǎng)站出現(xiàn)問題。7 結(jié)束語校史，即學(xué)校之歷史沿革，記載了一所學(xué)校的創(chuàng)設(shè)、變遷、發(fā)展，是學(xué)校最可寶貴的歷史檔案，是校園文化的溯源和載體，是學(xué)校應(yīng)倍加珍惜、傳承永續(xù)的精神財(cái)富。然而，由于現(xiàn)實(shí)中的種種原因，很多學(xué)生不能親身到校史館中去了解母校的足跡，聆母校的命運(yùn)，觀摩校史展覽。這種情況也造成了很多學(xué)生從到學(xué)校一直到畢業(yè)都沒能進(jìn)到校史館里面了解自己母校的歷史。這是件多可悲的事情。而校史館網(wǎng)站可以很輕松解決這個(gè)問題，所以，校史館網(wǎng)站的建設(shè)勢在必行。網(wǎng)站前臺(tái)界面設(shè)計(jì)主要采用DIV+CSS技術(shù)，所用軟件Adobe Photoshop、Dreamweaver 8；網(wǎng)站后臺(tái)主要運(yùn)用織夢開發(fā)的DeDeCMS內(nèi)容管理系統(tǒng)。校史館網(wǎng)站的建設(shè)，可以把現(xiàn)有校史館的內(nèi)容和展覽放到網(wǎng)絡(luò)中去，那么學(xué)子無論身在何方，只要有一臺(tái)電腦，就可以到校史館網(wǎng)站上去沉浸在母校的歷史之中，也可以盡情宣泄自己思念母校的情感。校史館網(wǎng)站主要包括以下幾個(gè)欄目：（1）校史館網(wǎng)站首頁。經(jīng)過分析，決定校史館網(wǎng)站主頁不采用常規(guī)的小版塊格