高等學(xué)校網(wǎng)站建設(shè)技術(shù)方案

網(wǎng)站是現(xiàn)代科學(xué)技術(shù)發(fā)展的產(chǎn)物， 高校網(wǎng)站是高�；�于 WEB 技術(shù)建立起來的的資源共享與信息交流的平臺(tái)。從教育信息化的全局來看，一個(gè)好的高校信息化網(wǎng)站， 能在學(xué)校的教育教學(xué)和學(xué)生思想政治教育以及科學(xué)研究中發(fā)揮積極的管理和引導(dǎo)作用。 一個(gè)功能完備的高校信息化網(wǎng)站應(yīng)該具有下面幾個(gè)方面的基本職能：展示教育教學(xué)改革的最新成果、反映高校的人文內(nèi)涵和辦學(xué)特色、教學(xué)輔助功能、教務(wù)管理功能、交互功能。從教育信息化的角度來看，高校網(wǎng)站應(yīng)具有以下幾個(gè)基本職能：對(duì)外宣傳、教學(xué)教輔功能、資源共享、交流互動(dòng)平臺(tái)。 總之，網(wǎng)站建設(shè)的最終目的是“服務(wù)”，高校網(wǎng)站建設(shè)的根本目的是服務(wù)師生，服務(wù)校園建設(shè)。學(xué)校網(wǎng)站的規(guī)劃與設(shè)計(jì)不應(yīng)偏離這個(gè)最終目的。 本文針對(duì)高校網(wǎng)站的設(shè)計(jì)進(jìn)行了淺析， 并指出未來高校網(wǎng)站設(shè)計(jì)的發(fā)展方向。

1、主題鮮明

高校建設(shè)一個(gè)網(wǎng)站， 最主要是想通過網(wǎng)站把學(xué)校的實(shí)力和教學(xué)特色展現(xiàn)給瀏覽者。 這就要求設(shè)計(jì)網(wǎng)站時(shí)必須有明確的核心主題。 主題確定好再從整體上把握網(wǎng)站的結(jié)構(gòu)，進(jìn)行前期規(guī)劃，然后搜集素材和資料，利用網(wǎng)頁制作工具將各種資料、素材有序地、有機(jī)地結(jié)合起來。按照視覺規(guī)律將主題主動(dòng)的傳達(dá)給瀏覽者，瀏覽者即時(shí)的理解和接受，并滿足人們實(shí)用和需求。達(dá)到了學(xué)校宣傳和交流的目的。 網(wǎng)站設(shè)計(jì)者在強(qiáng)調(diào)網(wǎng)站的核心主題時(shí)， 也應(yīng)該通過獨(dú)特的風(fēng)格和強(qiáng)烈的視覺沖擊力來突出設(shè)計(jì)的主題。 具體可以通過對(duì)網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性來突出。

2、合理的布局

高校網(wǎng)站版式設(shè)計(jì)形態(tài)千變?nèi)f化， 歸納起來都是由點(diǎn)、線、面構(gòu)成。網(wǎng)站布局最重要的是，設(shè)計(jì)者如何把內(nèi)涵和形式巧妙結(jié)合起來傳達(dá)給瀏覽者， 這就是合理的布局。 點(diǎn)是設(shè)計(jì)的基本元素，網(wǎng)站設(shè)計(jì)中的點(diǎn)，由于大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果、心理作用也不同。 當(dāng)頁面中有三個(gè)點(diǎn)時(shí)，就形成了面。 利用點(diǎn)的大小、形狀與距離的變化設(shè)計(jì)出富有節(jié)奏和韻律的頁面。

做為視覺元素的線，在長度、粗細(xì)、實(shí)與虛、直線與曲線、斜線等都給人心理帶來不同的感受。面在網(wǎng)站的色合計(jì)中是富有生命力的，面有長度、寬度，具有位置和方向性。 一般有圓形、矩形、三角形、多邊形等，面的空間分割在網(wǎng)站設(shè)計(jì)中有著重要的地位， 網(wǎng)站設(shè)計(jì)的成功與否往往取決于面的比例劃分。 經(jīng)分割所產(chǎn)生的比例關(guān)系，是決定頁面均衡、協(xié)調(diào)的重要因素。

網(wǎng)站的版式的基本類型有骨骼型、 滿版型、 分割型、中軸型、曲線型、傾斜型、對(duì)稱型、三角型等，合理的布局在傳達(dá)信息的同時(shí)， 也會(huì)讓那個(gè)人產(chǎn)生感官上的美感和精神上的享受。高校網(wǎng)站上用骨骼型的比較多，這種版式分割方法規(guī)范、理性，給人以和諧、理性美。滿板型的視覺效果最強(qiáng)烈而直觀。 分割型是把頁面分成上下或左右欄，圖文搭配富有活力與和諧之美。中軸型以中間為分界給人穩(wěn)定、舒暢的感覺。曲線型會(huì)給頁面產(chǎn)生韻律感。傾斜型是以圖片和文字做傾斜狀排列，給頁面強(qiáng)烈的動(dòng)感。 對(duì)稱型比較常見，給人以穩(wěn)定、莊重的感受。 三角型即金字塔型，最具穩(wěn)定性的版式。 高校的網(wǎng)站應(yīng)該給瀏覽者文本機(jī)構(gòu)統(tǒng)一， 布局風(fēng)格一致的界面。網(wǎng)站無論是哪種版式， 在設(shè)計(jì)網(wǎng)站版式的時(shí)候應(yīng)做到以下幾個(gè)方面：

第一、要確定?學(xué)校的標(biāo)志（LOGO）的位置。 標(biāo)志是網(wǎng)站的靈魂， 在設(shè)計(jì)的時(shí)候既要考慮到突出 LOGO 標(biāo)志，又要和整個(gè)網(wǎng)站和諧統(tǒng)一。

第二、導(dǎo)航要清晰。 導(dǎo)航能幫助瀏覽者快速找到需求信息，所以要求導(dǎo)航簡明、突出。

第三、主次內(nèi)容的排列。 網(wǎng)頁中比較重要的內(nèi)容應(yīng)該盡量往左上角靠，如學(xué)校新聞，院系鏈接等。 為了滿足教學(xué)教輔需要，則在版面的下方應(yīng)該有各職能部門、各網(wǎng)上教學(xué)，辦公系統(tǒng)的鏈接入口，目前我們的計(jì)算機(jī)顯示器的分辨率一般是 1024*768 或者以上，因此網(wǎng)站的主體內(nèi)容應(yīng)該是集中在從網(wǎng)站的中央開始， 這樣才能將主題突出。

第四、文字的編排要整齊，行距的變化要豐富，字體字號(hào)的運(yùn)用要合理。

3、色彩的運(yùn)用

色彩搭配是網(wǎng)站設(shè)計(jì)中最重要的一環(huán)。 色彩是情感語言之一，色彩本身沒有注定的情感內(nèi)容，但色彩能讓人產(chǎn)生一定的心理活動(dòng)。給人心理上的刺激，時(shí)刻影響著人們。 一個(gè)網(wǎng)站不可能運(yùn)用單一的色彩，也不可能將所有的色彩運(yùn)用進(jìn)來，一般一個(gè)網(wǎng)頁的顏色超過三種就可能產(chǎn)生混亂花哨的感覺。 因此這就牽涉到一個(gè)色彩主基調(diào)的問題。 抓住網(wǎng)站的主色調(diào)再配以其他不同的輔色，這樣既突出了主色，又使整個(gè)網(wǎng)站美觀自然、渾然一體。 色彩的面積十分重要，大小與視覺效果的關(guān)系是極為密切。色彩的明度的把握、冷暖的很好的交互應(yīng)用都會(huì)使網(wǎng)站的瀏覽者感覺到明快和舒適。 色相、明度、純度為色彩的三屬性。

高校網(wǎng)站主題色一般來源于自己學(xué)校的 VI 識(shí)別標(biāo)準(zhǔn)色，學(xué)校的標(biāo)志（LOGO）是我們確定主題色的一個(gè)重要參考標(biāo)準(zhǔn)，以 LOGO 為參照色，考慮到網(wǎng)站的主題表現(xiàn)需要，就可以確定好主色調(diào)。網(wǎng)頁中各個(gè)組成部分色彩的搭配，即輔色的運(yùn)用，要考慮到和主色的關(guān)系，整個(gè)網(wǎng)站的層次感以及高校的學(xué)科特色等因素。 比如網(wǎng)頁中導(dǎo)航菜單的顏色、圖標(biāo)的顏色，標(biāo)題的顏色就應(yīng)該用相對(duì)醒目的顏色呈現(xiàn)。值得注意的是，網(wǎng)頁中適當(dāng)?shù)奶�躍性色彩或線條的運(yùn)用能讓原本平淡無奇的網(wǎng)站立刻活躍起來，顯得動(dòng)感十足、美觀大方。

4、多媒體技術(shù)的應(yīng)用

WEB 技術(shù)上的重大突破是增加了動(dòng)畫和音視頻，使高校的網(wǎng)站在音視頻上多媒體技術(shù)就是用多種媒介來傳遞和展示信息，一個(gè)信息不僅使用了文字說明，同時(shí)使用了圖形、圖像甚至動(dòng)畫、再配上聲音等等，使其感染力大大增加。 如在網(wǎng)站的首頁中加入 flash 動(dòng)畫，會(huì)使頁面變得生動(dòng)活潑。

5、高校網(wǎng)站未來展望

未來， 網(wǎng)絡(luò)在人們的生活中正扮演著越來越重要的角色。新時(shí)代大學(xué)生的生活也日益與網(wǎng)絡(luò)密不可分。高校應(yīng)充分利用網(wǎng)絡(luò)高效、 迅捷的特點(diǎn)加強(qiáng)校方與學(xué)生的互動(dòng)，利用網(wǎng)絡(luò)加強(qiáng)大學(xué)生思想政治教育，重視建設(shè)網(wǎng)站會(huì)給我們帶來的積極影響， 也是時(shí)代賦予我們的歷史使命。