網(wǎng)頁制作中的常見問題及處理分析

廖麗

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

關(guān)鍵詞：網(wǎng)頁制作；網(wǎng)絡(luò)；原則；分析

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

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

1.1 連貫融合原則

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

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

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

1.3 分割融合原則

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

1.4 和諧自然原則

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

1.5 對比突出原則

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

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

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

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

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

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

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

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

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

3.2 避免用中文進(jìn)行文件夾命名

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

3.3 恰當(dāng)?shù)厥褂脴?biāo)題

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

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

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

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

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

3.6 選擇適宜圖像精度

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

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

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

3.8 設(shè)計網(wǎng)頁導(dǎo)航按鈕

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

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

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

4 小結(jié)

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

[參考文獻(xiàn)]

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

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

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

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

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

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

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

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

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

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

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