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