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

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

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

  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的動態交互發布系統隨著現代技術的發展成為現代網路教育重要的組成部分。