廖麗

摘 要：網(wǎng)絡已經(jīng)成為人們生活中必不可少的部分。網(wǎng)頁設計至關重要，設計者在制作網(wǎng)頁時會面臨較多的問題與挑戰(zhàn)，例如網(wǎng)頁打開不順利，沒有做好網(wǎng)頁制作記錄等問題。不僅對瀏覽者產(chǎn)生影響，對網(wǎng)頁設計者也會產(chǎn)生消極影響。網(wǎng)頁制作者需要把握網(wǎng)頁制作原則，例如統(tǒng)一原則、分割融合原則、對比提出原則等，明確網(wǎng)頁定位，做好相關的主題顏色設計，讓網(wǎng)頁凸顯特色。在同一網(wǎng)頁中避免使用過多鏈接、做好色彩與板塊規(guī)劃等，做好網(wǎng)頁制作工作，提高自身的業(yè)務水平，為瀏覽者設計更佳的網(wǎng)頁，加深網(wǎng)頁影響力度。

關鍵詞：網(wǎng)頁制作；網(wǎng)絡；原則；分析

隨著計算機網(wǎng)絡技術的推廣，互聯(lián)網(wǎng)的應用已經(jīng)得到普及。網(wǎng)站已經(jīng)成為一部分人的生活必需品，成為人們及時了解社會信息，查詢工作、學習所需資料的重要途徑。各種網(wǎng)絡商務貿(mào)易也應用而生。如何制作網(wǎng)頁，讓人順利瀏覽到網(wǎng)頁信息，是網(wǎng)頁制作需要制作的問題。某些機關的網(wǎng)站存在設計弊端，打開后不是分辨率受限，就是在瀏覽網(wǎng)頁過程中經(jīng)常出現(xiàn)錯誤信息反饋，無法正常瀏覽網(wǎng)頁。若網(wǎng)頁信息沒有及時保存則會造成一定的麻煩。充分做好網(wǎng)站建設前的準備工作，注意網(wǎng)頁制作過程中可能出現(xiàn)的問題，掌握網(wǎng)頁制作技巧。

1 網(wǎng)頁制作設計原則分析

1.1 連貫融合原則

設計者需要注意頁面之間的相互關系。充分利用網(wǎng)頁上個板塊在內(nèi)容或者形式上的聯(lián)系，彰顯它們之間的聯(lián)系。確保頁面設計風格保持連貫性，不會給人突兀的感覺。確保瀏覽者從視覺體驗與心理感觸都是一致的，網(wǎng)頁整體融洽，猶如一體。

1.2 整體統(tǒng)一原則

網(wǎng)頁設計需要體現(xiàn)整體性、統(tǒng)一性。這對網(wǎng)頁制作的整體效果提出較高的要求。設計者在設計過程中，需要將網(wǎng)頁各個板塊整合到一起，確保網(wǎng)頁顏色整體融洽，避免出現(xiàn)網(wǎng)頁分散、瀏覽者無法找到重點內(nèi)容的情況。

1.3 分割融合原則

保證網(wǎng)頁統(tǒng)一、連貫的基礎上，針對不同版塊不同內(nèi)容設計與網(wǎng)頁整體風格相符，又可以突出各小版塊。也就是實現(xiàn)對同一頁面上不同版塊的分割。讓瀏覽者及時找到自己想要的信息內(nèi)容。而不是將所有的版塊統(tǒng)一同樣的顏色，運用同樣的FLASH。頁面分割是網(wǎng)頁表達的形式需要。

1.4 和諧自然原則

網(wǎng)頁的和諧自然指的是頁面符合人類對美的評判準則，呈現(xiàn)猶如一體的風格。不僅需要優(yōu)化頁面打開速度，還要從視覺角度考慮，確保網(wǎng)頁中的圖片、各種程序的運用能夠保證頁面的大方、整潔。

1.5 對比突出原則

網(wǎng)頁需要通過一定的矛盾沖突，富有生氣的設計進行重點突出。運用對比手法，體現(xiàn)不同小版之間的聯(lián)系與區(qū)別。設計者在確保不破壞網(wǎng)頁整體美感的基礎上，遵循統(tǒng)一原則，運用顏色強與弱、線條粗細、疏密等方式，凸顯網(wǎng)頁的活潑或特色。

2 網(wǎng)頁制作前期準備工作

2.1 明確網(wǎng)站定位，合理規(guī)劃特色

制作網(wǎng)頁首先需要明確網(wǎng)頁的面向的瀏覽群體，明確網(wǎng)站定位，才能進行下一步的設計工作。在確定網(wǎng)頁定位的基礎上，進行相關的創(chuàng)意活動。網(wǎng)頁設計者需要明確瀏覽群體的審美特點、消費習慣等基本情況，確定網(wǎng)頁的主題風格。對于一些政府政務網(wǎng)站則需要考慮到政府機關自身的形象。運用鮮明的主題，體現(xiàn)網(wǎng)頁的特色。

2.2 網(wǎng)站頁面版式與顏色設計

網(wǎng)頁頁面直接呈現(xiàn)網(wǎng)頁所屬者的形象，要簡潔大方。切勿在網(wǎng)頁中融入過多的無關元素或者過于花哨的元素。否則會擾亂瀏覽者的視覺，造成瀏覽者產(chǎn)生抵觸心理。網(wǎng)頁頁面設計需要讓瀏覽者產(chǎn)生耳目一新的感覺，能夠在瀏覽者內(nèi)心中留下較好的印象。每個網(wǎng)頁都需要根據(jù)自身頁面的內(nèi)容確定一種適宜的主題顏色，讓人們看到相似的顏色搭配后會產(chǎn)生網(wǎng)頁聯(lián)想是最佳效果。設計者可以運用一到兩種主題色，避免讓頁面顯得枯燥單調(diào)。例如，政府政務網(wǎng)站多選用藍色，以彰顯公平、正義、高效等特點。兒童類網(wǎng)頁則會多用比較鮮明的顏色，烘托出較為活潑的氣氛，吸引活潑好動的兒童。

3 網(wǎng)頁制作中值得注意的某些問題

3.1 建立完善的網(wǎng)頁目錄結(jié)構

建立網(wǎng)頁目錄結(jié)構是網(wǎng)頁制作的基礎。網(wǎng)頁涉及到較多的路徑，對初學者或者熟練者都是一場考驗。初學者由于缺乏網(wǎng)頁制作經(jīng)驗，容易搞不清網(wǎng)頁制作內(nèi)容，憑借一股沖動匆忙進行網(wǎng)頁設計制作，經(jīng)常出現(xiàn)自己制作的網(wǎng)頁不能正常打開。網(wǎng)頁制作是一項復雜的系統(tǒng)工程，需要掌握工序原則，理清工作思路，分清不同網(wǎng)頁之間聯(lián)系，同一頁面之間的鏈接所用路徑。導致工作思路受阻，不能設計出可正常瀏覽的網(wǎng)頁。

3.2 避免用中文進行文件夾命名

網(wǎng)頁制作者在進行網(wǎng)頁制作時，使用中文的文件名或者目錄名，在微軟公司推出的IE瀏覽器中可能看不到所需要的文件夾，需要避免運用中文命名文件名或者目錄名，盡量使用數(shù)字、下劃線、英文等符號構成文件名，避免出現(xiàn)信息丟失的假象，造成網(wǎng)頁制作者的心理恐慌。盡量不用中文命名目錄名或者文件名是制作者需要養(yǎng)成的良好習慣。制作者可以根據(jù)制作日期、網(wǎng)頁的英文標識或者網(wǎng)站的漢語拼音進行相關命名。

3.3 恰當?shù)厥褂脴祟}

網(wǎng)頁可以表達特定內(nèi)容，網(wǎng)頁標題體現(xiàn)了網(wǎng)頁內(nèi)容的精華。制作者們可以將網(wǎng)頁標題置于瀏覽器的標題欄中。如果網(wǎng)頁信息比較多，比較雜，則不適宜將網(wǎng)頁標題與網(wǎng)頁信息放在一起。否則會造成瀏覽不便。網(wǎng)頁制作者需要根據(jù)網(wǎng)頁信息選擇是否使用標題。網(wǎng)頁信息較為簡單直接，那么可以選擇使用恰當?shù)臉祟}，吸引瀏覽者的注意，讓瀏覽者第一時間了解網(wǎng)頁基本信息。

3.4 合理控制超鏈接數(shù)目

在網(wǎng)頁導覽系統(tǒng)中，恰當?shù)剡\用超鏈接，可以起到錦上添花的作用。我們可以認為適當?shù)厥褂贸溄邮莾?yōu)秀導覽系統(tǒng)必不可少的部分。但是如果在較短的網(wǎng)頁文章內(nèi)多次使用超鏈接，即影響網(wǎng)頁信息的順利瀏覽，損害行文之間的流暢感，也會帶給瀏覽者一定的不舒適感。過多的超鏈接是沒有意義的。筆者認為在一篇網(wǎng)頁文章中，包含的文字式或者其他形式的超鏈接最好不要超過十個。

3.5 解決網(wǎng)頁下載速度慢問題

下載表格內(nèi)容較下載其他內(nèi)容需要耗費更多的時間，只有當表格全部內(nèi)容下載后，瀏覽者才能進行完整有效瀏覽表格內(nèi)容。所以，如果網(wǎng)頁制作者在一個網(wǎng)頁中設計過多的表格，則會致使網(wǎng)頁下載速度大大減慢。通常情況下，瀏覽者打開網(wǎng)頁時，網(wǎng)頁的顯示順序是自上而下逐步顯示余下的內(nèi)容，但是若遇到頁面中存在表格，則需要等待表格中所有內(nèi)容都下載完全后才能顯示出來。而且在下載過程中，瀏覽者見不到任何下載信息顯示，或者提示。網(wǎng)頁的緩慢下載對瀏覽者的心情產(chǎn)生消極影響。筆者建議，如果要在網(wǎng)頁中嵌入表格，最好不要將網(wǎng)頁內(nèi)容放到一個大表格內(nèi)，可以分割成幾個小表格?；蛘哌\用表格來定位，一行一行地設計。

3.6 選擇適宜圖像精度

網(wǎng)頁制作的最終目的是顯示給瀏覽者看。通常情況下，我們會選擇圖像精度為72dpi，如果選用高于顯示屏分辨率的圖像分辨率，也會不能顯示自身的優(yōu)勢，瀏覽者無法體驗出圖像的增強效果，反而會影響到網(wǎng)頁下載速度。某些圖像原始尺寸較大，但是網(wǎng)頁顯示區(qū)域是有限的，制作者們會選擇在DW中縮小圖像來解決這一問題。實際上，在DW縮小圖像時并沒有改變圖像真正的大小，下載仍需要消耗較長的時間。為解決這一問題，我們進行圖像輸出時，要適當降低輸出精度，確保圖像分辨率大小適宜，同時也確保輸出正確的圖像格式。保證瀏覽者能夠順利瀏覽網(wǎng)頁，感受到制作者選用圖片的用意。

3.7 確保網(wǎng)頁前景與背景的配合

筆者在文章前面提到過，網(wǎng)頁是一個有機整體，不單單是幾個網(wǎng)頁版塊的結(jié)合，其前景與背景必須緊密配合，才能體現(xiàn)出美觀協(xié)調(diào)感。這對網(wǎng)頁制作者的Photoshop基本技術的扎實程度是一個考驗。我們把網(wǎng)頁上的圖像當做一個矩型區(qū)域。制作者所選用的圖案的邊緣部分可能會與背景顏色有一定差異。如果簡單地將圖像置于網(wǎng)頁中，則瀏覽者必然會看到前景與背景顏色差異表現(xiàn)出來的突兀，影響網(wǎng)頁的美觀效果。制作者要確保網(wǎng)頁前景與背景的配合，對前景圖的邊緣部分進行相應的處理工作，確保前景可以與背景有機融合到一起。制作者選用Photoshop處理前景圖時，可以采用羽化、透明等技術來實現(xiàn)融合目標。如果前景圖像色彩與分辨率要求低，周圍保留較多留白時，制作者可以選用透明的GIF格式作為圖像應用格式。此種方法不適宜制作者選用圖像色素多的情況或者前景邊緣顏色與背景有顯著差異時。此時，筆者建議網(wǎng)頁制作者運用JPEG格式作為應用格式，通過對前景圖進行適當寬度的羽化處理，實現(xiàn)前景與背景的融合變化，進而制作出協(xié)調(diào)一致的網(wǎng)頁布局或者網(wǎng)頁顯示效果。

3.8 設計網(wǎng)頁導航按鈕

網(wǎng)頁制作者在進行個人站點導航按鈕設計制作時，筆者認為可以選用與網(wǎng)頁主題相關的現(xiàn)成圖片。例如制作一個圖書網(wǎng)頁，則可以選用一本詞典圖片作為導航，詞典目錄就是網(wǎng)頁的欄目。例如制作工商局網(wǎng)頁，則可以選用公平秤圖片作為導航。對于個人網(wǎng)站，則可以通過Photoshop等輔助手段來制作個性導航按鈕，增添網(wǎng)頁特色。

3.9 網(wǎng)頁分辨率的設置

網(wǎng)頁分辨率設置問題是一個非常重要的問題。運用正確的分辨率瀏覽網(wǎng)頁，可以獲知網(wǎng)頁全部信息。通常情況下，我們認為分辨率是用來表示平面圖像精細程度的技術參數(shù)。是網(wǎng)頁瀏覽或者網(wǎng)頁設置中經(jīng)常用到的數(shù)據(jù)。圖像通過橫向與縱向點的數(shù)量來體現(xiàn)。如果分辨率越高，表現(xiàn)圖像的點數(shù)越多，圖像越精細。反之表達圖像的點數(shù)越少，圖像越模糊，人們很容易看到縱橫分布的點。電腦顯示屏的分辨率通常是固定的幾個值。顯示分辨率的數(shù)值顯示了顯示器可見平面上垂直像素與水平像素的數(shù)量之和。如果網(wǎng)頁制作者設置網(wǎng)頁的分辨率為800×600，瀏覽者若使用較大的分辨率瀏覽網(wǎng)頁，則會發(fā)現(xiàn)網(wǎng)頁信息不能布滿整個屏幕，文字較小，不利于瀏覽。如果網(wǎng)頁制作者設置網(wǎng)頁分辨率為1280×800，瀏覽者使用較小的分辨率，則會發(fā)現(xiàn)網(wǎng)頁信息顯示不全，字體過大，影響瀏覽情緒。避免出現(xiàn)這個情況，網(wǎng)頁制作者可以網(wǎng)頁給予瀏覽者提示，使用適宜的分辨率，以便達到較好的瀏覽效果。

4 小結(jié)

網(wǎng)頁制作是一項系統(tǒng)工作，制作者經(jīng)過精心設計后才能進行制作工序。網(wǎng)頁設計需要遵循一定的原則，需要與網(wǎng)頁所要表達的內(nèi)容相吻合。制作者需要運用整體化的思維來解決網(wǎng)頁制作問題，遵循之前的設計思路，進行一步接一步的制作工作。制作者在網(wǎng)頁制作過程中可以積累越來越多的知識，發(fā)現(xiàn)解決問題的新思路，找到自己的制作漏洞。隨著制作者自身經(jīng)驗的不斷積累，并將這些經(jīng)驗正確運用到實際工作中，結(jié)合相關理論知識，表達正確的設計理念，為網(wǎng)頁所屬者制作出實用的網(wǎng)頁，通過網(wǎng)頁宣傳企業(yè)或者個人形象。網(wǎng)頁制作者都會經(jīng)歷由生疏到熟練的過程，掌握制作技巧后，也需要不斷學習，尋找設計靈感，提高自身的設計素養(yǎng)與制作水平，促進自身不斷發(fā)展。

[參考文獻]

[1]劉喜榮.網(wǎng)頁制作中值得注意某些問題和一些實用方法[J].微計算機應用，2003.03.

[2]王為正，何小翠，應紅金.計算機網(wǎng)頁制作中幾個疑難問題研究[ J].金華職業(yè)技術學院學報，2003.02.

[3]廖聰堯.Photoshop在網(wǎng)頁制作中圖像處理的應用[J].網(wǎng)友世界，2012.12.

[4]李建霞.淺談圖像處理技術在網(wǎng)頁制作中的應用[J].電腦知識與技術，2010.05.

[5]孫聰妮.探討網(wǎng)頁制作方法與技巧[J].信息與電腦（理論版），2013.07.

[6]余先鋒.網(wǎng)頁設計與制作[M].西安：西安電子科技大學出版社，2000.

[7]劉小偉.網(wǎng)頁設計實用教程[M].北京：中國鐵道出版社，2003.

[8]王春紅.網(wǎng)站規(guī)劃建設與管理維護教程與實訓[M].北京：北京大學出版社，2006.

[9]張志強.網(wǎng)頁制作時應該注意的問題[J].電力學報，2007.02.

[10]趙曉靜.淺談網(wǎng)站建設和網(wǎng)頁制作的方法[J].電腦知識與技術，2005.09.

[11]陸校松.淺談網(wǎng)站制作的常用軟件和基本流程[J].福建電腦. 2013.08.