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