校園網(wǎng)站主頁設(shè)計范文
本站小編為你精心準(zhǔn)備了校園網(wǎng)站主頁設(shè)計參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。
[摘要]高職院校網(wǎng)站主頁設(shè)計是其網(wǎng)站設(shè)計中的一個十分重要的問題。它是該院校總體風(fēng)貌的集中展示，要在總體框架、欄目設(shè)置、網(wǎng)頁風(fēng)格、指導(dǎo)思想等方面把握一些規(guī)范的、約定俗成的原則；設(shè)計時要細心設(shè)計頁首、精心打造欄目、潛心選擇圖片、用心做好頁尾。
[關(guān)鍵詞]高職院校；網(wǎng)站；主頁設(shè)計
Abstract：Itisisimportantforhighertechnicalandvocationalcollegestodesignihomepageofwebsite.Itisakaleidoscopeoftheschool，thereforestandardized，commonlyapprovedprinciplesmustbeabidedbyindesigninggeneralframe，settingupcolumnsandstylesofwebpage，andinguidingprinciples.Devotionandeffortsmustbegiventodesigningofwebpages，settingupfeaturecolumns，selectingpictures，anddesigningofthelastfewwebpages.
Keywords：highertechnicalandvocationalcolleges；website；designingofhomepage
當(dāng)前，互聯(lián)網(wǎng)空前普及，已經(jīng)成為人們工作和生活當(dāng)中不可或缺的交際工具。在互聯(lián)網(wǎng)的大家族中，高等職業(yè)技術(shù)院校校園網(wǎng)站(以下簡稱“高職院校網(wǎng)站”)獨樹一幟，競顯風(fēng)流。而其中網(wǎng)站主頁的設(shè)計，雖不乏一些精美之作，然而總體看來，令人不滿意的地方還較多。本文擬對高職院校網(wǎng)站主頁設(shè)計的某些應(yīng)引起我們注意的問題加以初步探討。
一、高職院校網(wǎng)站主頁設(shè)計的作用
本文中的高職院校網(wǎng)站主頁設(shè)計，指的是網(wǎng)站首頁(有的網(wǎng)站首頁為一個藝術(shù)畫面的，則為下一頁)的整體框架，包括版式、圖案、文字、色彩等方面的總體設(shè)計。
一般說來，一個網(wǎng)站，不管是單位還是個人創(chuàng)辦的，都十分重視主頁的設(shè)計。這是因為，網(wǎng)站主頁是一個網(wǎng)站乃至一個單位或個人總體風(fēng)貌的集中展示。瀏覽一個網(wǎng)站，首先必須進入網(wǎng)站主頁，并從這里找到瀏覽相關(guān)內(nèi)容的途徑。我們大概都有這樣的體驗，要認(rèn)識一個人，首先進入眼簾的是這個人的外貌形象，包括長相、身材、衣著打扮等。認(rèn)識一個單位也是如此，首先吸引我們注意的是這個單位的整體環(huán)境、建筑布局等。同樣道理，瀏覽一個網(wǎng)站，首先吸引瀏覽者眼球的當(dāng)然就是網(wǎng)站主頁。一個風(fēng)格迥異、設(shè)計大氣、欄目齊備、圖文并茂、瀏覽方便的網(wǎng)站主頁，肯定會引起瀏覽者的強烈興趣，吸引瀏覽者盡快看下去。反之，瀏覽者的興致就會有所降低，雖因瀏覽需要(比如查找相關(guān)資料)，瀏覽者未必會馬上關(guān)閉該網(wǎng)站(一般認(rèn)為耐力為10秒鐘左右)，但在他們的心目中，你這個網(wǎng)站的形象肯定會大打折扣。所以，一個網(wǎng)站的創(chuàng)辦者都十分看中主頁的設(shè)計，都想傾其全力把最佳的主頁奉獻給瀏覽者，把單位或個人最重要的信息出去，把最美好的單位或個人形象展現(xiàn)在瀏覽者的面前。作為展示自身形象窗口的高職院校網(wǎng)站主頁的設(shè)計，自然也是這樣。
二、高職院校網(wǎng)站主頁設(shè)計的主要原則
(一)總體框架上要合乎規(guī)范，布局合理
規(guī)范是一種約定俗成，是人們在實踐過程當(dāng)中總結(jié)出來的一些帶有規(guī)律性的，且為人們所遵守的條例。凡是做事都要有規(guī)范，高職院校網(wǎng)站主頁的設(shè)計當(dāng)然也是這樣。就一般情況說來，高職院校網(wǎng)站主頁的各項元素均應(yīng)具備，諸如網(wǎng)站名稱、導(dǎo)航欄目、重點欄目內(nèi)容展示、版權(quán)頁等等。如果缺少了某項元素，就會顯得網(wǎng)站的主頁不夠完整，給瀏覽者留下缺憾，甚至造成瀏覽上的不便。在總體布局上，要考慮人們的思維模式和瀏覽習(xí)慣，講究布局合理，合乎常規(guī)。比如網(wǎng)站名稱，一定要放到頭條醒目的位置，且一般要通欄布局。如果放到一角，或不是通欄，恐怕就顯得不那么大氣。再如欄目設(shè)置，一定要突出重點欄目，一些鏈接欄目，包括一些服務(wù)性的欄目，則要放到一側(cè)的次要位置，以防喧賓奪主。很難設(shè)想，一個欄目設(shè)置雜亂無章的網(wǎng)站主頁，能吸引住眾多的瀏覽者。
高職院校網(wǎng)站主頁的布局通常有左右式、上下式、圓弧式、綜合式等框架結(jié)構(gòu)[1]98；在欄目分割上有一欄式、等分多欄(以兩欄或三欄居多)式、不等分多欄(也以兩欄或三欄居多)式等樣式[2]9。不管采用哪種框架和分欄格式，都要科學(xué)規(guī)劃，統(tǒng)籌安排，資源豐富，整體優(yōu)化。另外，布局形式要新穎、別致，令人賞心悅目。與此同時，還應(yīng)該注意導(dǎo)航欄目和下面的重點欄目展示相對應(yīng)，要講究突出主要信息和特色信息，設(shè)置合理，簡潔嚴(yán)謹(jǐn)，具有一定的質(zhì)量和品位。
(二)欄目設(shè)置上要科學(xué)得體，凸顯特色
網(wǎng)站主頁的欄目，是一個網(wǎng)站總體面貌的集中展示，是瀏覽者的入門向?qū)АＲ虼耍呗氃盒＞W(wǎng)站主頁的設(shè)計者們無不特別注意欄目的總體設(shè)計。我們這里所說的欄目設(shè)置上的科學(xué)得體，指的是一要全面，二要突出主要欄目，三要方便瀏覽。一個網(wǎng)站的主頁，都要顯示出它所應(yīng)反映的方方面面，讓人應(yīng)查盡查。同時，也要在中心位置設(shè)置重點欄目，以便醒目易找，方便瀏覽。此外還可設(shè)置一些方便瀏覽者經(jīng)常查檢的一些服務(wù)性欄目，諸如校車時刻、校歷、院長信箱、常用辦公電話、郵件系統(tǒng)、辦公系統(tǒng)等。另外，為了便于瀏覽者的延伸閱讀，也可設(shè)置一些鏈接欄目。總而言之，無論設(shè)置何種欄目，都要科學(xué)得體，使各個欄目都能有機地成為一個整體，切忌牽強附會，雜亂無章。同時，欄目設(shè)置還要健康，不能一味為了提高點擊率，而設(shè)置一些國家政策上不允許、公眾心理上不接受的帶有低級趣味的欄目。
高職院校網(wǎng)站主頁的欄目設(shè)計，既要考慮一般普通高校的基本欄目設(shè)置，諸如學(xué)院簡介、機構(gòu)設(shè)置、教學(xué)管理、科學(xué)研究、學(xué)工園地、思想政治、招生就業(yè)等，又要突出高職特色，加大職業(yè)技術(shù)教育方面的欄目建設(shè)力度。這些凸顯自身職業(yè)技術(shù)教育特色的欄目，包括一般普通高校均有設(shè)置的某些欄目，也包括創(chuàng)建一般普通高校所沒有而高職院校所必須設(shè)置的欄目。前者如招生就業(yè)一類的欄目，一般普通高校的生源不是問題，特別是一些重點知名院校，報考者趨之若鶩，不需要刻意宣傳。而高職院校則不然，許多高職院校生源嚴(yán)重不足，所以尤其需要在主頁上專設(shè)諸如招生熱線、校園風(fēng)景一類的欄目來推介自己。高職院校學(xué)生就業(yè)，尤其為學(xué)生和家長所關(guān)注，所以，也需要在主頁的顯眼位置獨立設(shè)置、精心打造好就業(yè)通道等一類重點欄目。而后者則指的是，要針對高職院校的自身特點，一定要設(shè)置諸如職業(yè)能力、職業(yè)資格考試、職教研究一類的欄目，以提高學(xué)生、家長及用人單位的認(rèn)可度，滿足各層次關(guān)注高職教育人士查檢和瀏覽的需要。
(三)設(shè)計風(fēng)格上要美觀和諧，勇于創(chuàng)新
網(wǎng)站主頁的風(fēng)格，是通過整個主頁各個元素的科學(xué)合理的配置所集中體現(xiàn)出來的一種風(fēng)貌和格調(diào)，也是一種高度藝術(shù)化了的創(chuàng)作結(jié)晶。首先，高職院校網(wǎng)站主頁的風(fēng)格一定要與高職教育的主題相符，其背景圖案、字體、字號、顏色基調(diào)等等的選擇，都要獨具特色，且十分和諧。同時，又要美觀漂亮，具有較強的視覺沖擊力。比如在色調(diào)的選用上，高職院校多以象征青春活力或深邃睿智的綠色或藍色為主。當(dāng)然，除了綠色和藍色之外，根據(jù)各高職院校屬性的不同，也可使用黃色甚至橘紅色。在色彩的選配上，還要注意與網(wǎng)頁的總體風(fēng)格相一致，體現(xiàn)地域文化特色。要充分利用顏色的色相、明度、純度、補色、冷暖、面積、形狀等方面的對比，達到有機和諧的藝術(shù)境界，增強視覺效果[3]69。
此外，高職院校的網(wǎng)站主頁在總體風(fēng)格上還要注意創(chuàng)新，要敢于突破常規(guī)，勇于標(biāo)新立異。要善于學(xué)習(xí)別人的長處，為我所用，同時也要有自己的創(chuàng)意，想別人之所未想，做別人之所未做。這里值得一提的是，高職院校的網(wǎng)站主頁不能總是一個面孔，到了一定時候就要更新，但在更新的時候要注意保持用色和網(wǎng)頁色調(diào)風(fēng)格的連續(xù)性[3]69。
(四)指導(dǎo)思想上要方便瀏覽，注意交流
高職院校網(wǎng)站主頁在設(shè)計上，要處處體現(xiàn)服務(wù)于受眾即瀏覽者的指導(dǎo)思想，要方便瀏覽者查檢。在屏幕設(shè)計上，要充分考慮到瀏覽者的心理習(xí)慣，以一至二屏為宜[4]43。同時，還要估計到瀏覽者有哪些需求，努力設(shè)計好導(dǎo)航欄和鏈接欄目。導(dǎo)航欄目是主頁頁面元素中的重要組成部分，它不僅可以使瀏覽者迅速了解所在網(wǎng)站的基本內(nèi)在結(jié)構(gòu)，并且能快捷地找到自己感興趣的內(nèi)容。因此，導(dǎo)航欄目一定要緊承網(wǎng)站名稱之后在第一屏出現(xiàn)[5]142。鏈接欄目要充分考慮瀏覽者的需要，爭取做到瀏覽者在你的網(wǎng)站上足不出戶，就能解決所有要解決的問題，但鏈接層次不應(yīng)超過三層。另外，在字號選擇上，標(biāo)題和欄目名稱要大些，就是正文也要適當(dāng)考慮瀏覽者的層面，要大小適中。字小一些，固然內(nèi)容容量大，但對年紀(jì)稍大的受眾則不利；字號過大，又會造成信息量減少的弊端，是資源的一種不必要的浪費。所以，正文的字號一般以小四號為宜。再則，為了便于與瀏覽者的互動和交流，一般網(wǎng)站都考慮設(shè)置了一些如學(xué)生論壇、院長信箱、學(xué)術(shù)交流一類的欄目，讓瀏覽者參與辦站，參與社會生活，吐露心聲，提出一些好的意見和建議。可以這樣說，一個好的網(wǎng)站，一定是十分注意與瀏覽者互動交流的網(wǎng)站，特別重視受眾意見和建議的網(wǎng)站，因而也是最具活力的網(wǎng)站。
三、高職院校網(wǎng)站主頁設(shè)計的一般方法
眾所周知，一篇文章都有具體內(nèi)容和表現(xiàn)形式兩個方面，一個網(wǎng)站主頁也是這樣。網(wǎng)站主頁的內(nèi)容指的是，讓瀏覽者從網(wǎng)站主頁得到信息的梗概和導(dǎo)航欄目等以便瀏覽子頁(即每個欄目下的內(nèi)容)。同時，網(wǎng)站主頁還有表現(xiàn)形式的一面，包括網(wǎng)站名稱的排布、欄目的設(shè)置、相關(guān)鏈接以及總體風(fēng)格等項。內(nèi)容決定形式，這是一個總原則。但當(dāng)內(nèi)容一旦定下來之后，表現(xiàn)形式就成為首要的問題了。接下來我們所要討論的問題就是高職院校如何設(shè)計好自己的網(wǎng)站主頁。大家都知道殊途同歸的道理，高職院校網(wǎng)站主頁的設(shè)計自然也不會是只有一種固定的模式。相反，應(yīng)該允許百花齊放，各顯神通。盡管如此，我們還是可以且應(yīng)當(dāng)找到一些共識。這里，我們僅就高職院校網(wǎng)站主頁如何設(shè)計，提出一些可能尚不成熟的方法，以求與同仁共勉。
(一)細心設(shè)計頁首
頁首包括網(wǎng)站名稱及背景圖案，這是瀏覽者瀏覽網(wǎng)站第一眼所要接觸的對象。一個好的頁首，就能一下子抓住和吸引瀏覽者。一般說來，高職院校網(wǎng)站主頁的頁首應(yīng)居于一屏上方的1/4處，既不宜過大，也不應(yīng)偏小。網(wǎng)站名稱應(yīng)在主頁上部通欄展現(xiàn)，字體要有足夠大小，一般多為名人題字，是否居中，則要取決于有無站標(biāo)或單位標(biāo)識之類。一般來說，網(wǎng)站名稱最好不要居中，處在一側(cè)較為靈活多變，居中有拘謹(jǐn)呆板之感。要著力選擇那些最能反映該網(wǎng)站特色的背景圖案作為襯景，一般都是選擇校園標(biāo)志性建筑入圖。要堅持人性化的設(shè)計，文字與圖案的色彩一定要有足夠的明暗度，但不能采用強烈的色相對比[3]69。各高職院校一般都有校訓(xùn)和校徽，在頁首也一定要有所反映，應(yīng)放在顯著的位置上。此外，頁面的色調(diào)要與學(xué)院的屬性相適應(yīng)，避免使用過暗或過艷的色彩，要亦莊亦諧，相得益彰。當(dāng)然，頁首的設(shè)計也可以匠心獨運，別出心裁。比如這樣的設(shè)計也是可取的：把網(wǎng)站的名稱與校園的風(fēng)景圖案置于導(dǎo)航欄目的上下，顯得靈活多變；或者把頁首放在一屏左側(cè)的1/3處，以圓弧形的框架框住，也不失為是一種創(chuàng)造。
(二)精心打造欄目
欄目是一個網(wǎng)站和一個單位(包括個人網(wǎng)站)外在形象的宣示。因此，高職院校網(wǎng)站主頁設(shè)置哪些欄目，設(shè)置怎樣的欄目，都要精心打造，切不可等閑視之。欄目可分為導(dǎo)航欄目和重點欄目介紹兩類。前者一般緊承頁首，分一行或兩行排列；而重點欄目介紹則在導(dǎo)航欄目之下分欄排布。在重點欄目介紹中，如果是三欄式，主打欄目要居中，要有一定的寬度，以凸顯其內(nèi)容的重要性。次要欄目要居于兩側(cè)，寬度則既可以與主打欄目等寬，也可酌情變窄。如果是兩欄式，主打欄目應(yīng)居左，且與次要欄目的比以2∶1為宜。欄目設(shè)置要考慮全面性，一般常規(guī)欄目要齊全，同時一定要有反映高職教育特殊性的特色欄目。另外，欄目設(shè)置又不可過碎，因為過碎容易使人眼花繚亂；當(dāng)然也不可過少，因為過少又不便于查檢。欄目的名稱要盡可能簡短明快，且講究藝術(shù)性，并配之以必要的題圖。總的指導(dǎo)原則就是讓人一看就感到很舒服，很有品位和層次感。另外，欄目的先后順序也要統(tǒng)籌考慮。
吐故納新，是一切事物發(fā)生和發(fā)展的普遍規(guī)律。為了不斷有所創(chuàng)新，每隔一段時間，就應(yīng)對相關(guān)欄目進行重新整合和更新，淘汰一批舊欄目，歸并一些既往欄目，創(chuàng)建一批新欄目，不然，新的設(shè)想就不會實現(xiàn)，網(wǎng)站也顯得缺乏活力。在設(shè)計欄目順序時，也要適當(dāng)考慮欄目內(nèi)容間的銜接性。欄目分類要力求科學(xué)合理，合乎一般常規(guī)。
(三)潛心選擇圖片
圖文并茂是為了增強瀏覽者的可視性，也是網(wǎng)站主頁設(shè)計的一條根本原則。每一個欄目都應(yīng)選用相關(guān)的圖片，下面配以文字，哪怕是一個小欄目、小細項都不要放過。如校車時刻表上面可配上客運汽車的圖案等。在圖片的選擇和設(shè)計上，還要注意體現(xiàn)出動、靜結(jié)合的藝術(shù)效果，即靜態(tài)的主畫面與動態(tài)的圖片相結(jié)合，以表現(xiàn)出勃勃生氣。總之，在圖片的選擇上，要力圖顯現(xiàn)出鮮明、獨特、合適、聯(lián)想的美學(xué)特征。在圖片選用的數(shù)量上，要注意適中。因為圖片過多，會顯得雜亂零碎，且影響下載速度，一般認(rèn)為圖片文件量以10KB左右為好[2]8。此外，既然是高職院校網(wǎng)站主頁，圖片內(nèi)容的選擇上當(dāng)然要盡量往職業(yè)技術(shù)教育方面靠攏。比如可以選用那些表現(xiàn)學(xué)生動手能力一類的圖片，以加深瀏覽者對于高職院校性質(zhì)的認(rèn)識，客觀上起到純文字宣傳所起不到的作用。
(四)用心做好頁尾
頁尾就是版權(quán)說明，這是網(wǎng)站主頁的尾。網(wǎng)站主頁的頁尾是一項必備的元素，絕不能可有可無。“編筐編簍，重在收口”，說的就是要注意尾部的設(shè)計問題。在現(xiàn)實生活中，人們一般對高職院校不夠熟悉，考生和家長又往往比較關(guān)心學(xué)校地址一類的項目。所以除了在相關(guān)位置有所反映外，在頁尾應(yīng)該詳細標(biāo)明諸如學(xué)校地址等項目。版權(quán)說明一般包括網(wǎng)站主辦單位的名稱、地址、聯(lián)系方式(電話、傳真、郵政編碼、電子信箱)等項目，有的還注明“版權(quán)所有，不得侵權(quán)”等字樣。上述諸項內(nèi)容一般要置于一屏的下1/5處，分3～4行排列，居中，且每行文字長短錯落有致，顯得十分得體。當(dāng)然，也有網(wǎng)站主頁的頁尾不居中，分左右兩欄排列的情況。
[參考文獻]
[1]胡昌斗.高校圖書館的網(wǎng)頁優(yōu)化與網(wǎng)站建設(shè)[J].圖書館論壇，2005，(3)：98.
[2]楊林.普通高校網(wǎng)站主頁設(shè)計思路探討[J].保山師專學(xué)報，2006，(5)：9.
[3]吳方.網(wǎng)頁的色彩設(shè)計思考[J].江蘇廣播電視大學(xué)學(xué)報，2002，(6)：69.
[4]危光輝.江西省高校圖書館主頁建設(shè)評析[J].江西圖書館學(xué)刊，2003，(1)：43.
[5]余朝暉.高校學(xué)報主頁建設(shè)芻議[J].咸寧學(xué)院學(xué)報，2004，(5)：142.
