摘要：隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，Internet的應(yīng)用已經(jīng)滲透到人類社會的各個角落。伴隨著各種類型網(wǎng)站的不斷涌現(xiàn)，網(wǎng)頁設(shè)計應(yīng)用也越來越廣泛，但不同的設(shè)計人員對于網(wǎng)站的建立和網(wǎng)頁設(shè)計有不同的風(fēng)格。很多設(shè)計者基于表現(xiàn)某方面的風(fēng)格，采用了一些特殊的處理手法，但同時也存在某些缺陷，在此就網(wǎng)站建立和網(wǎng)頁設(shè)計淺談幾個值得注意的問題。

關(guān)鍵詞：網(wǎng)頁設(shè)計；網(wǎng)站

中圖分類號：TH49 文獻標識碼：A 文章編號：1007-9599 (2012) 09-0000-02

一、根據(jù)網(wǎng)站主題內(nèi)容確定網(wǎng)頁風(fēng)格與形式

目前，各種類型網(wǎng)站體現(xiàn)的價值越來越得到人們的廣泛關(guān)注和認可。而網(wǎng)站是通過網(wǎng)頁來具體實現(xiàn)的，即網(wǎng)頁的內(nèi)容才是該網(wǎng)站具體的表現(xiàn)形式。只有通過設(shè)計清晰、主題鮮明、功能多樣的網(wǎng)頁才能更好更準確地將網(wǎng)站要體現(xiàn)的價值傳達給瀏覽者，才能更吸引瀏覽者、得到人們的廣泛關(guān)注和認可。

因此，在動手設(shè)計制作網(wǎng)頁之前，要根據(jù)網(wǎng)頁主題內(nèi)容分析訪問者的類別、社會背景、心理需求等。要注意對每個網(wǎng)頁的結(jié)構(gòu)布局、色彩基調(diào)，甚至是字體字號及圖片的使用都要有統(tǒng)一的構(gòu)思和規(guī)劃。

二、主題要鮮明

鮮明的主題是網(wǎng)頁設(shè)計的前提，不同的設(shè)計風(fēng)格體現(xiàn)不同的主題內(nèi)容，從而帶給瀏覽者不同的視覺效果。要將網(wǎng)頁的內(nèi)容形式通過空間層次、邏輯關(guān)系、版面布局，主從關(guān)系等方面的運用和調(diào)整成功的塑造出給瀏覽者以內(nèi)容清晰、突出，風(fēng)格獨特、主題鮮明的良好的印象，從而達到讓瀏覽者耳目一新、印象深刻、回味無窮的效果。

因此，要將需要瀏覽者快速理解和吸收的主題思想內(nèi)容與運用多種方式締造出視覺藝術(shù)形式這兩方面有機的統(tǒng)一起來，才能真正的體現(xiàn)網(wǎng)站主題效果，更好地滿足人們的使用和需求，使網(wǎng)站被瀏覽者及時的認知、理解和記憶。

三、合理使用標準色彩

標準色彩（是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩）主要用于網(wǎng)站的標志、標題、主菜單和主色塊，給人以統(tǒng)一整體的感覺，其它顏色只能作為點綴。一般適合于網(wǎng)頁標準色的顏色主要有：藍色、黃/橙、黑白灰三大系列色。

網(wǎng)頁的設(shè)計離不開色彩的運用，要根據(jù)網(wǎng)站設(shè)計的主題，面向的人群層等選擇不同的顏色搭配，通過合適的顏色搭配對比可起到不同的視覺效果，更好地襯托出網(wǎng)站的主題內(nèi)容。

當然，運用較好的色彩能襯托環(huán)境，但不合理的搭配也會物極必反。通常，一個網(wǎng)站的色彩最好不超過三種。網(wǎng)頁背景色的設(shè)計也應(yīng)盡量采用比較明亮的色彩。網(wǎng)頁界面中的色彩太過炫目或圖片過多過雜，都會影響視覺效果，甚至可能會喧賓奪主，干擾到瀏覽者對網(wǎng)站內(nèi)容的注意。所以，在網(wǎng)頁設(shè)計中，要充分掌握色彩的各種特點，要了解色彩對瀏覽者心里所產(chǎn)生的影響，抓住自己的標準色，配以不同的輔色，根據(jù)均衡和重點突出的原則，合理地加以使用，將不同的色彩進行組合，這樣才能既突出了主頁特色，又能使頁面色彩豐富。還要注意的是顏色搭配要一致協(xié)調(diào)，切忌出現(xiàn)影響整體視覺效果的大面積、高對比度的色塊。

四、合理確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)

（一）網(wǎng)站的目錄

網(wǎng)站的目錄是在指在建立網(wǎng)站時所創(chuàng)建的目錄。目錄的創(chuàng)建是開發(fā)網(wǎng)站中的一個技術(shù)問題，良好的目錄設(shè)置習(xí)慣反映設(shè)計者的水平。特別是多人合作開發(fā)的大型網(wǎng)站，更需要有一個清晰目錄設(shè)置。設(shè)計網(wǎng)站目錄時應(yīng)注意：

1.不要將所有文件都存放在根目錄下

如果將所有文件都存放在根目錄下，首先會造成文件管理的混亂。特別是由于網(wǎng)站開發(fā)制作人員變動在網(wǎng)站跨年度升級過程中，會造成工作人員搞不清哪些文件需要刪除、編輯或更新，影響工作效率；其次如果將所有文件都存放在根目錄下，會造成上傳文件速度慢。當上傳文件時，服務(wù)器需對根目錄所有文件先進行檢索，檢索完成后建立新的索引文件，因此為提高上傳速度，不宜將全部文件放置于根目錄中。

2.建立子目錄

子目錄的建立，首先按主菜單欄目建立。例如:學(xué)校網(wǎng)站可以按學(xué)院概況，教學(xué)系部，招生就業(yè)，科學(xué)研究，學(xué)生園地等建立相應(yīng)目錄。其中需要經(jīng)常更新的欄目，例如：新聞動態(tài)等可以建立獨立的子目錄。而另一些不需要經(jīng)常更新，相關(guān)性強的欄目，例如：聯(lián)系方式，交通地圖等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄。需要下載的內(nèi)容也存放在一個專門的錄下。

3.目錄的管理

首先，要方便目錄的管理，例如：某主欄目的刪除、修改和打包下載等工作，經(jīng)過實踐發(fā)現(xiàn)，在每個主欄目目錄下建立獨立的images目錄是最方便管理的。而作為根目錄下的images目錄只用來存放首頁和次要欄目圖片。其次，由于不同軟件對中文的支持差別，為避免不必要的麻煩，在建立目錄時應(yīng)盡量使用英文或拼音組合的目錄名。同時，為了方便目錄的維護管理，建立目錄層次不要太深，且目錄名要表意清楚明確而不要太長。

二、鏈接結(jié)構(gòu)

各頁面之間相互鏈接的拓撲結(jié)構(gòu)稱為網(wǎng)站的鏈接結(jié)構(gòu)。簡單說，鏈接就好比在一個立體空間把一個頁面與另一個頁面或一個頁面與多個頁面相互連接起來的通道。

（一）樹狀鏈接（一對一）。各頁面相互連接的通道只有一條，瀏覽只能一級級進入或退出。這樣結(jié)構(gòu)的優(yōu)點是網(wǎng)頁位置條理清晰，但由于只能一級級進入或退出造成瀏覽效率低下。

（二）星狀鏈接（一對多）。各頁面之間相互連接的通道為多條。與一對一的樹狀鏈接相比較，在瀏覽時可以隨時進入所需要的頁面，大大提高了瀏覽效率。但美中不足，由于通道太多，會導(dǎo)致瀏覽者搞不清位置。

因此，要結(jié)合兩種鏈接結(jié)構(gòu)的特點和網(wǎng)站建設(shè)的實際需要，揚長避短，將兩種鏈接結(jié)構(gòu)配合使用。

（三）確保鏈接的有效性

網(wǎng)頁上傳之前要對每個鏈接進行有效性驗證，盡量避免出現(xiàn)死鏈接。通常，第二層鏈接的點擊率僅為第一層的30%左右，所以網(wǎng)頁中的鏈接層次也不要太深，3-4層比較適宜。

五、合理控制頁面大小

在網(wǎng)頁設(shè)計過程中，為了保證網(wǎng)頁的瀏覽速度，需要合理控制網(wǎng)頁的文件大小。有研究顯示，如果一個網(wǎng)站的頁面主體在15秒之內(nèi)顯示不出來，則瀏覽者會很快失去耐心轉(zhuǎn)而打開其他網(wǎng)站。所以，設(shè)計再好的網(wǎng)頁也需要在瀏覽者失去興趣前打開，不然就失去了存在的價值。在通常情況下，首頁文件大小盡量不要超過35K，內(nèi)容頁不要超過50K。對于特殊需要制作的較大網(wǎng)頁，最好加入提示文字說明，便于瀏覽者取舍。

六、善用圖像和變化字體

網(wǎng)頁設(shè)計中的圖像和文字處理是網(wǎng)頁展示形象的核心部分，瀏覽者通常都是在不停地點擊更換他們所需要的網(wǎng)站，而只有通過其瀏覽的一瞬間用醒目的圖像，美觀的字體，別具特色的圖像內(nèi)容來吸引住瀏覽者的注意力。但同時也要注意，其內(nèi)容才是要襯托的根本、實際作用的反映，不能虛飾浮夸。

網(wǎng)頁圖像的選擇首先要考慮到網(wǎng)頁整體的協(xié)調(diào)度和清晰度以及用戶的視覺需求來進行顏色適用性的選擇。在選擇顏色的時候要注意考慮顏色的統(tǒng)一標準，盡量選擇RGB模式。在選擇靜態(tài)圖像格式的時候最好選擇gif格式，因為根據(jù)實踐證明在gif、jpg等格式中，很多網(wǎng)站程序中使用gif格式較多，雖然其容納的顏色比jpg的格式較少，但其現(xiàn)有的應(yīng)用性與包容性已足夠滿足網(wǎng)頁設(shè)計中的應(yīng)用，相反過于清晰的jpg圖像會帶給瀏覽者一種視覺疲勞。然而，在網(wǎng)頁動態(tài)圖像選擇上來看，gif格式的動畫就存在很多缺點了，由于容納顏色較少，所以造成成像顏色不足，而且對于復(fù)雜動畫的制作技術(shù)比較麻煩，相較而言，在添加制作網(wǎng)頁動畫還是選擇比較流行的flash格式化，成像效果以及技術(shù)手段都是不錯的。

圖像可以彌補文字中的不足，但絕不能完全代替文字。更多的實際內(nèi)容仍需要以文字的形式來傳達給瀏覽者。所以，在網(wǎng)頁設(shè)計中最重要的莫過于文字的顯示了，字體大小直接影響著整個頁面的美觀。網(wǎng)頁中的字體、字號、行間距以及顏色都可以根據(jù)實際需要進行突出、點綴來進行適當?shù)淖兓驼{(diào)整。這里需要注意的是就是細節(jié)，在排版過程中一個空白，一個寬大的艱巨，一個錯誤的斷開都會給網(wǎng)頁帶來巨大的敗筆。恰當運用CSS樣式表會使文字處理達到事半功倍的效果。而且要注意過多的字體會是頁面顯得雜亂無章，一頁中的字體盡量限制在4種以內(nèi)，并盡量少用特殊字體。

七、完善網(wǎng)站測試及時做好更新

網(wǎng)頁制作好后，必須在幾種不同類型的瀏覽器下測試網(wǎng)站，一方面來保證網(wǎng)站的兼容性和有效性，另一方面來保證瀏覽者在使用較以前的瀏覽器可以正常瀏覽。

網(wǎng)站網(wǎng)頁的制作是一時的，但網(wǎng)站網(wǎng)頁的維護與更新則是時時刻刻都要進行的工作。一個優(yōu)秀的網(wǎng)站必須本著對瀏覽者負責(zé)的態(tài)度保持經(jīng)常性的更新，通過豐富的形式、充實的內(nèi)容、實時的信息，才能起到更好的宣傳服務(wù)效果，才能更加體現(xiàn)其價值。同時，也必將換來瀏覽者的信任和擁戴。

參考文獻：

[1]王建民.網(wǎng)頁設(shè)計.湖南大學(xué)出版社

[2]吳長河.網(wǎng)頁設(shè)計與創(chuàng)意.四川電子音像出版中心

[3]張大鵬，張威，陳海波.網(wǎng)頁設(shè).電子科技大學(xué)出版社

[4]黃光學(xué)，關(guān)南寶，鐘劍.網(wǎng)頁設(shè)計與制作.北京郵電大學(xué)出版社

[5]田玉斌.網(wǎng)頁制作經(jīng)驗淺談.科技情報開發(fā)與經(jīng)濟

[6]韓義.如何優(yōu)化網(wǎng)站結(jié)構(gòu).天津電子科技大學(xué)學(xué)報