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

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

1、主題鮮明

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

2、合理的布局

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

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

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

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

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

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

第四、文字的編排要整齊，行距的變化要豐富，字體字號的運用要合理。

3、色彩的運用

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

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

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

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

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

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