- 相關推薦
論高校網站設計初探
論文關鍵詞：網站職能；網站設計；WEB2.0
論文摘要：高校網站的設計應該先把握高校網站的基本職能，遵循前期規劃，后期制作與維護的開發流程進行設計。在WEB2.0時代到來的今天，網站設計更要符合WEB2.0標準網頁設計，以保證網站的可擴展性和易維護性，提供更好的用戶體驗。
1 引言
信息化作為國家信息化的重要組成部分，對于轉變教育思想觀念， 深化教育改革，提高教育質量，培養創新人才具有深遠意義，是實現教育跨越式發展的必然選擇。隨著網絡技術和WEB技術的發展，各大高等院校依托校園網的建設、運行，在其之上開展的各項應用服務得到了長足的發展，其中高校網站的建設和發展在推動我國素質教育和教育信息化進程中發揮了至關重要的作用。
2 高校網站的基本職能
高校網站是高�；赪EB技術建立起來的學校對校內外的資源共享與信息交流的平臺。從教育信息化的角度來看，高校網站應具有以下幾個基本職能：對外宣傳、教學教輔功能、資源共享、交流互動平臺�？傊W站建設的最終目的是“服務”，高校網站建設的根本目的是服務師生，服務校園建設。學校網站的規劃與設計不應偏離這個最終目的。
3 高校網站的設計
網站設計是一項系統的工程，必須遵循前期規劃、后期制作與維護這樣一個流程。網站設計的總體要求是：網站主題突出，層次清晰，界面美觀，網站功能滿足實際需要。
3.1 前期規劃
建設一個網站，首先要求有明確的主題，并從整體上把握網站的結構，進行前期規劃，然后搜集素材和資料，利用網頁制作工具將各種資料、素材有序地、有機地結合起來。這里僅從網站的顏色搭配，功能和布局設置來談談網站設計的前期規劃。
3.1.1 顏色搭配
色彩搭配是網站設計中最重要的一環，一個網站不可能運用單一的色彩，也不可能將所有的色彩運用進來，一般一個網頁的顏色超過三種就可能產生混亂花哨的感覺。因此這就牽涉到一個色彩主基調的問題。抓住網站的主色調再配以其他不同的輔色，這樣既突出了主色，又使整個網站美觀自然、渾然一體。
高校網站主題色一般來源于自己學校的VI識別標準色，學校的標志（LOGO）是我們確定主題色的一個重要參考標準，一般網頁設計的時候既要考慮到突出LOGO標志，又要和LOGO的顏色和諧統一，以LOGO為參照色，考慮到網站的主題表現需要，就可以確定好主色調。網頁中各個組成部分色彩的搭配，即輔色的運用，要考慮到和主色的關系，整個網站的層次感以及高校的學科特色等因素。比如網頁中導航菜單的顏色、圖標的顏色，標題的顏色就應該用相對醒目的顏色呈現。值得注意的是，網頁中適當的跳躍性色彩或線條的運用能讓原本平淡無奇的網站立刻活躍起來，顯得動感十足、美觀大方。
3.1.2 功能和布局設置
高校網站具有宣傳、教學教輔、資源共享等基本職能。因此網站設計中網站的功能設置應當充分滿足實際需要。比如為了滿足學校對外宣傳的需要，在學校網站的主頁上應當有學校簡介、學校，院系鏈接等。為了滿足教學教輔需要，則在學校網站上應該有各職能部門、各網上教學，辦公系統的鏈接入口。
網站的布局也是網頁設計中一個十分重要的環節。網站的布局應該符合人們的視覺習慣，從上到下，從左至右。因此網頁中比較重要的內容應該盡量往左上角靠。而目前我們的顯示器的分辨率一般是1024*768或者以上，但也有一部分是使用800*600的分辨率，因此網站的主體內容應該是集中在從網站的中央開始800*600像素的范圍之內，這樣才能主題突出。
3.2 網站的制作與維護
3.2.1 網站的制作
網頁制作采用靜、動相結合的方式，即靜態的主畫面和動態的圖像，Flash相結合，目前較流行的網頁制作工具有Dreamwaver、Fireworks、 Flash、 Photoshop等。
高校網站數據更新較快，數據量大，一般適合使用架構有數據庫支持的動態網站。目前較流行的動態網站設計有ASP、JSP、PHP。三種語言背后都有強大的數據庫支持，比如PHP語言使用MYSQL數據庫，ASP語言則使用SQL2000數據庫。動態網站設計語言與數據庫的結合能實現網站數據的動態更新。網站的更新和維護只需在后臺中進行，不需修改前臺網頁，極大的提高網站的工作效率。
3.2.2 網站的后期維護
網站的生命力在于網站的內容，后期維護的重心應該是豐富網站的內容，堅持及時更新數據。高校網站應該不斷添加和完善網站內容（比如院系資料、其他部門子網站等），及時發布學校的校園，科研動態等信息，不能讓學校網站成為一個空架子，華而不實。
另外網站的后期維護還包括網站重構，美化網站界面，優化程序設計等。只有堅持推陳出新，網站才會有吸引力，才能體現網站真正的價值所在。
4 新形勢下高校網站建設的思考
WEB2.0時代已經到來�？焖俚木W頁瀏覽和內容更新，易維護的網站管理成為了用戶和網站設計者共同關注的焦點，符合WEB2.0標準的網頁設計便應運而生。WEB2.0網頁設計標準包括：結構標準語言（Xml、Xhtml）、表現標準語言（CSS）、行為標準。個人認為制作符合WEB2.0標準的網頁可以從以下兩個方面下手：
一是用語義標記語言寫頁面，和XML接軌。
語義標記，也就是精確描述頁面每一部分作用的標記。最常用的標記語言HTML和XHTML一般用于顯示目的，設計者可以通過對HTML標簽應用CSS來改變頁面風格，利用CSS和DIV來靈活的進行網頁布局。
二是整合AJAX技術，提升用戶體驗。
AJAX全稱為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創建交互式網頁應用的網頁開發技術。Ajax應用程序通過異步模式，優化了瀏覽器和服務器之間的傳輸，減少不必要的數據往返，減少了帶寬占用，從而提升了用戶體驗。
5 結束語
網站建設是一門復雜的技術，高等院校有科研創新的使命，在網站的建設上更應該走在技術的前沿，如何構建符合WEB2.0標準的網站，進行內容與樣式分離，增強網站的交互性能，提高高校網站的服務能力，值得我們每一個網站設計者去深入研究。
參考文獻：
[1] 鄒麗英,孫小權. 淺談高校網站的建設與維護[J].信息化,2006(2): 26-27.
[2] 陳敏.論高校網WEB頁面色彩的定位與設置[J].當代經理人,2006(07):127-128.
[3] 薛建國,梁霏,莊儉.網站的建設與管理[J].電化教育研究,2006(9):48.
[4] 李超. CSS網站布局實錄：基于Web標準的網站設計指南[M].2版.科學出版社,2007.
【論高校網站設計初探】相關文章：
高校院系網站存在的問題及優化設計方案07-12
高校內部控制審計初探03-23
論企業門戶網站的建設03-18
高校基建項目全程跟蹤審計初探03-24
高校圖書館崗位輪換初探03-28
論概念設計01-06
網頁藝術設計初探03-21
論高校和諧圖書館的建立03-18
論文－商業網站廣告經營論03-18