網站設計的實現技術研究論文

1緒論

本方案主要特點如下：（1）可以在後臺對站點的各類基本資訊及相關參數進行設定修改。（2）本頁面有強大的文章管理功能可以對文章進行多級分類，文章內容也可以進行各種添加、管理、刪除等操作，文章管理過程中支援。（3）本網站有功能強大的多用戶留言系統：可管理留言、留言可在線回覆、支援ubb代碼、有豐富的發帖表情、支援個性化頭像等功能。（4）本系統支援多用戶系統，並對多用戶進行分級管理，賦予不同的權限，實現人性化操作。

2網站的設計要求

2.1設計主題

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

2.2介面設計

我們根據各個院系的VI風格及網站功能，採用網站設計中最能表現出統一風格的CSS技術進行頁面進行統一的版面設計，充分體現各個院系的嶄新形象。爲了使網頁設計有更好的視覺語言，我們需要嚴謹的編排和佈局，雖然與平面設計相比主頁的設計有所不同，但也有很多相似之處，可以拿來借鑑和參考。透過理性分析視覺要素，和空間組合圖形文字來設計版式表現出一種和諧之美。

2.3模組設計

採用模組化設計在最初的網站建設中可以將複雜系統化大爲小、化繁爲簡，另外可以實現多人同時開發以提高系統設計效率。在完成以後便於管理員的日常維護，以及後期的功能擴展。功能模組網站建設以介面的簡潔化和功能模組的靈活變通性爲原則，爲各個院系網站設計製作維護人員提供一個自主更新維護的動態空間和較爲自主的發揮餘地，從而高質量地辦好其網站，達到一次投資，長期受益，降低成本的良好效果。

3網站的具體實現技術

3.1應用CSS與HTML的結合設計網頁

3.1.1什麼是CSS。CSS可以使用不同的超連結樣式在同一頁面裏，可以改變許多網頁的外觀只透過改變一個檔案就可以實現這個工程，所以它是一種樣式表（stylesheet）技術，也叫做層疊樣式表（CascadingStylesheet），有着網頁樣式表的強大和靈活特性。3.1.2CSS與HTML的結合方式。透過HTML的LINK元素可以把一個外部的樣式表連接到HTML文檔中。爲了避免網頁在展示時的延遲，瀏覽器會把外部樣式表儲存在緩衝區中。僅僅透過一個檔案的改變就可以使整個網站的外觀改變當樣式被應用到很多網頁時。

3.2應用JavaScrip設計網頁

資訊和用戶之間透過javascript可以實現一種動態的，實時的，可交式的表達能力。Javascript是一種比較優秀的腳本語言，收到人們的廣泛喜愛。它能夠滿足使靜態的HRML頁面被提供動態的實時資訊，並對Web頁面所取代。有效實現了網絡計算機的宏偉藍圖。

3.3使用ASP設計動態網頁

asp除了擁有和html一樣的特性以外，在其基礎上增強了程序的靈活性。擁有合理的結構，一個asp頁面就可以完成上千個html做出的效果。鑑於asp簡單易學的特性，很多初次設計程序設計行業的程序員都會選用它作爲入門語言，儘管它的工作效率比起其他軟件稍遜一籌。總之asp具有易掌握的`特點，程序員可以在很短的時間內嫺熟的運用asp語句設計出精美的web應用程序。由於asp運用在服務器端，所以它的代碼保密性強，無需經過編譯連結，使用文字編輯器設計，集成在html語句中直接執行。

4開發環境及需求

4.1開發目的

動態交互式網頁提供了很多功能，滿足了人們對最新資訊的需求和發佈迫切的需要的及時性。在資訊發展高度迅速的今天，網站技術顯得尤爲重要在我們的工作和生活中。

4.2項目背景

隨着Internet上資訊交互性的加強和資訊量的增多，使得HTML越來越難以滿足用戶的需求，所以對ASP的要求逐步提升，ASP語言發展迅速，利用ASP編輯語言開始了網站發佈系統的開發。

4.3開發環境

4.3.1硬件條件。客戶端計算機一臺；網絡通訊設備；Web服務器一臺；主要包括MODEM、集線器、交換機、網卡等。4.3.2系統平臺。體系結構：Browser/Server；網絡操作系統服務器端：MicrosoftWindows2003Server；Web服務器軟件：IIS6.0；單機操作系統和瀏覽器做爲客戶端軟件；InternetExplorer6.0瀏覽器和Microsoft的WindowsXP操作系統。4.3.3開發工具。基於Web的系統開發工具應使開發者使用各種各樣的技術來創建動態的Web應用程序，我們主要使用EditPlus2.12純文字編輯工具進行後臺開發，它是用來快速創建Web應用程序的開發環境，支援ASP、PHP、CGI等，腳本語言爲簡單易學的javascript或VBScript，另外對於前臺介面的設計我們使用了DreamweaverMX和PhotoShop相結合進行設計。

5結束語

基於Web的現代教育將逐步取代傳統教育，形成一種新型的教育方式，並越來越受到人們的關注。而基於Web的動態交互發布系統隨着現代技術的發展成爲現代網絡教育重要的組成部分。