淺談網(wǎng)站設計的技術要求

摘 要：隨著計算機和信息時代的到來，各個學校乃至各個專業(yè)基本上都已擁有了專屬網(wǎng)站，已經(jīng)在學校各項工作中嶄露頭角，并且迫切需要一個讓廣大師生及社會了解的平臺。為此，我們結合發(fā)展特點及網(wǎng)站未來發(fā)展方向，創(chuàng)建了各個院系的系網(wǎng)站。本課題設計的目的在于通過建設各個院系網(wǎng)站，使的管理與信息化接軌，從而全面提高的管理、學習、工作的效率，同時也進一步推動全校開展的教學信息化改革。

關鍵詞：Html；ACCESS；ASP；WQFQ；文章管理；文章錄入；多用戶留言；附件上傳

中圖分類號：TM393.09

1 緒論

1.1 建設目的

本網(wǎng)站設計之目的在于通過建設各個院系網(wǎng)站，使的管理與信息化接軌，從而全面提高的管理、學習、工作的效率，同時也進一步推動全校開展的教學信息化改革。

1.2 項目背景

信息技術尤其是網(wǎng)絡技術被廣泛應用到教育行業(yè)，成為教育發(fā)展的具有“里程碑”意義的事件。如何在教育信息化逐漸普及的背景下構建學校網(wǎng)站已經(jīng)成為各級各類學校面臨的一個重要問題。

如何在新課程改革的大背景下，深入探討信息技術尤其是網(wǎng)絡技術對系機構管理、學科建設、特色發(fā)展和對教學方法、教學手段、教學評價等方面前沿問題顯得尤為重要。系網(wǎng)站做為系對內(nèi)服務、對外宣傳的重要平臺，其建設已經(jīng)引起更多教育管理者的重視。

1.3 項目特點

本方案主要特點如下：（1）可以在后臺對站點的各類基本信息及相關參數(shù)進行設置修改。（2）本頁面有強大的文章管理功能可以對文章進行多級分類，文章內(nèi)容也可以進行各種添加、管理、刪除等操作，文章管理過程中支持。（3）本網(wǎng)站有功能強大的多用戶留言系統(tǒng)：可管理留言、留言可在線回復、支持ubb代碼、有豐富的發(fā)帖表情、支持個性化頭像等功能。（4）本系統(tǒng)支持多用戶系統(tǒng)，并對多用戶進行分級管理，賦予不同的權限，實現(xiàn)人性化操作。

2 網(wǎng)站的設計要求

2.1 設計主題

每個網(wǎng)站都有一個鮮明的主題，在目標明確的基礎上，我們可以完成網(wǎng)站的構思創(chuàng)意即總體設計方案。對網(wǎng)站的整體風格和特色作出定位，規(guī)劃網(wǎng)站的組織結構。要做到主題鮮明突出，力求簡潔，要點明確，以簡單明確的語言和畫面告訴大家本站點的主題，吸引對本站點有需求的人的視線，對無關人員也要留下一定印象。要調(diào)動一切手段充分表現(xiàn)網(wǎng)站的個性和情趣，突出個性，辦出我們網(wǎng)站的特色。

2.2 界面設計

我們根據(jù)各個院系的VI風格及網(wǎng)站功能，采用網(wǎng)站設計中最能表現(xiàn)出統(tǒng)一風格的CSS技術進行頁面進行統(tǒng)一的版面設計，充分體現(xiàn)各個院系的嶄新形象。為了使網(wǎng)頁設計有更好的視覺語言，我們需要嚴謹?shù)木幣藕筒季?，雖然與平面設計相比主頁的設計有所不同，但也有很多相似之處，可以拿來借鑒和參考。通過理性分析視覺要素，和空間組合圖形文字來設計版式表現(xiàn)出一種和諧之美。

2.3 模塊設計

采用模塊化設計在最初的網(wǎng)站建設中可以將復雜系統(tǒng)化大為小、化繁為簡，另外可以實現(xiàn)多人同時開發(fā)以提高系統(tǒng)設計效率。在完成以后便于管理員的日常維護，以及后期的功能擴展。功能模塊網(wǎng)站建設以界面的簡潔化和功能模塊的靈活變通性為原則，為各個院系網(wǎng)站設計制作維護人員提供一個自主更新維護的動態(tài)空間和較為自主的發(fā)揮余地，從而高質(zhì)量地辦好其網(wǎng)站，達到一次投資，長期受益，降低成本的良好效果。

3 網(wǎng)站的具體實現(xiàn)技術

3.1 應用CSS與HTML的結合設計網(wǎng)頁

3.1.1 什么是CSS。CSS可以使用不同的超鏈接樣式在同一頁面里，可以改變許多網(wǎng)頁的外觀只通過改變一個文件就可以實現(xiàn)這個工程，所以它是一種樣式表（stylesheet）技術，也叫做層疊樣式表（Cascading Stylesheet），有著網(wǎng)頁樣式表的強大和靈活特性。

3.1.2 CSS與HTML的結合方式。通過HTML的LINK元素可以把一個外部的樣式表連接到HTML文檔中。為了避免網(wǎng)頁在展示時的延遲，瀏覽器會把外部樣式表保存在緩沖區(qū)中。僅僅通過一個文件的改變就可以使整個網(wǎng)站的外觀改變當樣式被應用到很多網(wǎng)頁時。

3.2 應用JavaScrip設計網(wǎng)頁

信息和用戶之間通過javascript可以實現(xiàn)一種動態(tài)的，實時的，可交式的表達能力。Javascript是一種比較優(yōu)秀的腳本語言，收到人們的廣泛喜愛。它能夠滿足使靜態(tài)的HRML頁面被提供動態(tài)的實時信息，并對Web頁面所取代。有效實現(xiàn)了網(wǎng)絡計算機的宏偉藍圖。

3.3 使用ASP設計動態(tài)網(wǎng)頁

asp除了擁有和html一樣的特性以外，在其基礎上增強了程序的靈活性。擁有合理的結構，一個asp頁面就可以完成上千個html做出的效果。鑒于asp簡單易學的特性，很多初次設計程序設計行業(yè)的程序員都會選用它作為入門語言，盡管它的工作效率比起其他軟件稍遜一籌。

總之a(chǎn)sp具有易掌握的特點，程序員可以在很短的時間內(nèi)嫻熟的運用asp語句設計出精美的web應用程序。由于asp運用在服務器端，所以它的代碼保密性強，無需經(jīng)過編譯鏈接，使用文本編輯器設計，集成在html語句中直接執(zhí)行。

4 開發(fā)環(huán)境及需求

4.1 開發(fā)目的

動態(tài)交互式網(wǎng)頁提供了很多功能，滿足了人們對最新信息的需求和發(fā)布迫切的需要的及時性。在信息發(fā)展高度迅速的今天，網(wǎng)站技術顯得尤為重要在我們的工作和生活中。

4.2 項目背景

隨著Internet上信息交互性的加強和信息量的增多，使得HTML越來越難以滿足用戶的需求，所以對ASP的要求逐步提升，ASP語言發(fā)展迅速，利用ASP編輯語言開始了網(wǎng)站發(fā)布系統(tǒng)的開發(fā)。

4.3 開發(fā)環(huán)境

4.3.1 硬件條件?？蛻舳擞嬎銠C一臺；網(wǎng)絡通訊設備；Web服務器一臺；主要包括MODEM、集線器、交換機、網(wǎng)卡等。

4.3.2 系統(tǒng)平臺。體系結構：Browser/Server；網(wǎng)絡操作系統(tǒng)服務器端：Microsoft Windows 2003 Server；Web服務器軟件：IIS6.0；單機操作系統(tǒng)和瀏覽器做為客戶端軟件；Internet Explorer 6.0瀏覽器和Microsoft的Windows XP操作系統(tǒng)。

4.3.3 開發(fā)工具?；赪eb的系統(tǒng)開發(fā)工具應使開發(fā)者使用各種各樣的技術來創(chuàng)建動態(tài)的Web應用程序，我們主要使用EditPlus 2.12純文本編輯工具進行后臺開發(fā)，它是用來快速創(chuàng)建Web應用程序的開發(fā)環(huán)境，支持ASP、PHP、CGI等，腳本語言為簡單易學的javascript或VBScript，另外對于前臺界面的設計我們使用了Dreamweaver MX和PhotoShop相結合進行設計。

5 結束語

基于Web的現(xiàn)代教育將逐步取代傳統(tǒng)教育，形成一種新型的教育方式，并越來越受到人們的關注。而基于Web的動態(tài)交互發(fā)布系統(tǒng)隨著現(xiàn)代技術的發(fā)展成為現(xiàn)代網(wǎng)絡教育重要的組成部分。

參考文獻：

[1]石志國.ASP動態(tài)網(wǎng)站編程[M].北京：清華大學出版社出版，2001（09）.

[2]楊威.ASP 3.0網(wǎng)絡開發(fā)技術[M].北京：人民郵電出版社出版，2000（11）.

[3]鄧問淵，陳惠貞，陳俊榮.ASP與網(wǎng)頁數(shù)據(jù)庫設計[M].北京：中國鐵道出版社出版，2001（02）.

作者簡介：徐震（1979.12-），女，山東禹城人，計算機系團總支書記，碩士，研究方向：計算機網(wǎng)絡技術。

作者單位：濟南職業(yè)學院，濟南 250104