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