一、網頁設計要點

1、合理(li)的頁面(mian)版(ban)式

設計網站頁面時，一定要留心頁面版式的合理性。一個合理的版式和讓人一望而知的頁面能夠給人帶來舒服的感受，并且會讓人情愿花時間去了解。注重版式的設計，不要板塊冗繁；頁面版式的(de)分(fen)配，注重調和(he)簡練(lian)。合理(li)地分(fen)配設計(ji)頁面中的(de)版式，出現一個新鮮的(de)頁面。

2、舒緩的(de)顏(yan)色設計(ji)

不(bu)管哪個職業的(de)頁(ye)面(mian)(mian)(mian)，在設(she)(she)計(ji)進(jin)(jin)程中(zhong)都不(bu)要(yao)一味地(di)尋求視覺影響，做出奇(qi)特的(de)顏色分配。在設(she)(she)計(ji)頁(ye)面(mian)(mian)(mian)的(de)進(jin)(jin)程中(zhong)，設(she)(she)計(ji)者(zhe)一定(ding)要(yao)注(zhu)重頁(ye)面(mian)(mian)(mian)顏色的(de)分配，多用暖色調(diao)，調(diao)和(he)分配冷暖色。只(zhi)要(yao)顏色滿意調(diao)和(he)、舒緩(huan)，才能夠讓人有持(chi)續(xu)逗留的(de)想法。

3、新穎的(de)頁面內容(rong)

頁面中的(de)內(nei)(nei)(nei)(nei)容(rong)(rong)，猶如人的(de)魂(hun)靈不可(ke)或(huo)(huo)缺。設計一(yi)(yi)個頁面，一(yi)(yi)定都是想(xiang)要(yao)(yao)宣傳某個公(gong)司或(huo)(huo)產品，而頁面中的(de)內(nei)(nei)(nei)(nei)容(rong)(rong)更是不能夠缺少(shao)的(de)。如今(jin)，想(xiang)要(yao)(yao)用內(nei)(nei)(nei)(nei)容(rong)(rong)吸引用戶(hu)，就一(yi)(yi)定需要(yao)(yao)有新穎的(de)內(nei)(nei)(nei)(nei)容(rong)(rong)，從(cong)文字或(huo)(huo)許其他(ta)方式的(de)內(nei)(nei)(nei)(nei)容(rong)(rong)出發，注(zhu)重獨創(chuang)和內(nei)(nei)(nei)(nei)容(rong)(rong)的(de)新穎。

4、減少運(yun)用格(ge)外字符

設計(ji)頁面時，盡量少用(yong)格(ge)外字符。在不(bu)(bu)一(yi)樣(yang)的計(ji)算(suan)機(ji)或(huo)許不(bu)(bu)一(yi)樣(yang)的平(ping)臺中，看到的情況有時候(hou)有一(yi)些不(bu)(bu)一(yi)樣(yang)，假如運(yun)用(yong)了格(ge)外字符，很可能會(hui)有比照差勁(jing)的展現作用(yong)，所以應當盡量減少格(ge)外字符的運(yun)用(yong)。

該圖片由注冊用戶"互聯網說"提供，版權聲明反饋

二、網站設計的幾點重要注意事項

1、background背景圖像

由于(yu)千篇一(yi)律(lv)的單色(se)背(bei)景早已產生了(le)視覺疲勞，因(yin)此出(chu)現了(le)花紋背(bei)景，例如用點、線、面組成的背(bei)景，通常這種背(bei)景都是做成10*10px（或(huo)其(qi)它(ta)）的(de)(de)方形大小。再(zai)受(shou)韓潮(chao)影響，目前應用(yong)(yong)廣泛的(de)(de)是漸變背景，由于分辨(bian)率的(de)(de)關系，通常采用(yong)(yong)上下(xia)漸變，左右漸變不可取。問題來(lai)了，上下(xia)漸變在Photoshop（做網頁(ye)設(she)計的常用軟件）中(zhong)只(zhi)需要簡單的(de)使用漸(jian)變(bian)工(gong)具(ju)拉動一下即可，但(dan)是作為網(wang)頁設計師的(de)你有沒有想(xiang)過在頁面中(zhong)這種背景應該如何(he)去做？分成上(shang)下2個背景，或者做一個超(chao)級長(chang)估(gu)計要在3000px以上的(de)背景？因此在(zai)做(zuo)這種背景的時候(hou)，需要仔細考慮(lv)頁面該如何去(qu)生成(cheng)。

2、適(shi)應分辨率

為適應(ying)分辨(bian)率，最佳方法(fa)應(ying)該是整個頁面采用100%自適應表(biao)格(ge)，這種網站讓800*600及以上分(fen)辨率的(de)彩顯都能整屏幕最(zui)佳效果瀏(liu)覽，這樣的(de)制(zhi)作方(fang)法在(zai)為數不(bu)多的(de)幾個(ge)網(wang)站(zhan)上出現(xian)過。但是(shi)這種方(fang)法必然需要最(zui)少的(de)圖片及最(zui)多的(de)216安全色及最精簡(jian)的(de)表格。目前這樣(yang)的(de)網站不怎(zen)么能滿足客戶的(de)設計要求(qiu)。

在國內(nei)，網站通常(chang)都在750-780px的寬度之間，這樣做的目的是(shi)為(wei)了適(shi)應800*600及以上分(fen)辨率的彩顯瀏(liu)覽(lan)網站。OK，矛盾(dun)出現了，中間(jian)是780px的寬(kuan)度，但(dan)是通常設計師會(hui)加上描邊或者投影的效果，做為設計師的你，有沒有把這個尺寸算進(jin)去?更有甚者，中(zhong)間(jian)的內容是780px兩邊采用長(chang)達30px的(de)投影，再加上前面(mian)第一點(dian)提到的(de)漸變背景，好了，你想讓生成頁面(mian)的(de)工(gong)作人(ren)員自殺嗎(ma)?請你(ni)在(zai)做這樣的(de)設計時候為后面的(de)生成頁(ye)面工(gong)作考(kao)慮一下(xia)。

3、網頁216安全色

所謂網頁安全色是(shi)指在不(bu)同(tong)(tong)硬件環境、不(bu)同(tong)(tong)操作系(xi)統、不(bu)同(tong)(tong)瀏覽(lan)器中都(dou)能夠正常顯示(shi)(shi)的(de)顏色，也就是(shi)說這些顏色在任何用戶顯示(shi)(shi)設備上的(de)顯示(shi)(shi)效果都(dou)是(shi)相同(tong)(tong)的(de)。所以(yi)使用216網頁(ye)安全(quan)色(se)進行網頁(ye)設(she)計可以(yi)最大限度避免(mian)顏色(se)失真(zhen)的問(wen)題。

但是通常(chang)216個色彩不怎么能(neng)滿足網(wang)頁(ye)(ye)設(she)計(ji)(ji)師的設(she)計(ji)(ji)，隨便一個漸變(bian)已經超出(chu)了這(zhe)個范圍(wei)，矛盾又出(chu)現了。請盡量將(jiang)非網(wang)頁(ye)(ye)完(wan)全(quan)色做在圖片上，也就是說將(jiang)非網(wang)頁(ye)(ye)安全(quan)色做成圖片，而(er)將(jiang)安全(quan)色做為代碼，這(zhe)樣盡可能(neng)使(shi)網(wang)站(zhan)擁(yong)有美觀及快速。如果碰到(dao)一個網(wang)頁(ye)(ye)設(she)計(ji)(ji)師的設(she)計(ji)(ji)作品，從(cong)上到(dao)下(xia)、從(cong)內到(dao)外、從(cong)文字到(dao)圖片都沒有1個(ge)安全(quan)色(se)，你(ni)會(hui)怎(zen)么做(zuo)?我昨(zuo)天就遇到了。難道讓我把所有的文字(zi)都做成圖片?那這(zhe)個網(wang)站還需(xu)要更新嗎?程序員又該如何做(zuo)?如果你是這樣(yang)設計網站(zhan)的，請改改這種毛病。

4、象素(su)與(yu)羽化

象素(su)和羽化應用都(dou)非常廣泛，但(dan)是某些地方(fang)卻(que)產生了(le)(le)矛盾。舉個(ge)(ge)例子，在(zai)一個(ge)(ge)帶有圖(tu)片背景(jing)的表格(ge)上，有一個(ge)(ge)翻轉圖(tu)片的按(an)(an)鈕(niu)，而這(zhe)(zhe)個(ge)(ge)按(an)(an)鈕(niu)并(bing)不需要一定做成(cheng)(cheng)方(fang)形(xing)，為了(le)(le)整(zheng)體(ti)效果，你也(ye)許(xu)會做成(cheng)(cheng)圓角(jiao)(jiao)，這(zhe)(zhe)個(ge)(ge)圓角(jiao)(jiao)如果做成(cheng)(cheng)象素(su)，那(nei)么按(an)(an)鈕(niu)可以做成(cheng)(cheng)方(fang)形(xing)透明背景(jing)的GIF，這樣(yang)不會有任何(he)問題(ti)，但作(zuo)為設計師的你，也許(xu)會做(zuo)成羽(yu)化的圓角，問題(ti)出現(xian)了(le)，這個按鈕是一定要(yao)用(yong)JPG或(huo)者非透明背(bei)景(jing)的(de)GIF了，那么一旦需(xu)要(yao)更改(gai)此表格的背(bei)景色，這個按(an)鈕的兩張圖片也需(xu)要(yao)更改(gai)。所以在設計到圓角這種效果的時(shi)候，用象素還是用羽(yu)化(hua)，你要(yao)考慮清楚了。

三、網頁制作的重要注意事項

1、慎防木馬源碼

雖然現在網上有很多可以免(mian)費下載(zai)的(de)網站源碼(ma)，但是(shi)其安全性還(huan)是(shi)令人懷(huai)疑(yi)的(de)，即使(shi)是(shi)花錢(qian)購買的(de)源碼(ma)，企業也要仔細分析程(cheng)序源碼(ma)和(he)數據庫，檢(jian)查(cha)其是(shi)否有二次加密，較好(hao)還(huan)能進(jin)行md5加密，這樣(yang)就能大大較少木馬源(yuan)碼的顧(gu)慮，有(you)效防止黑客入(ru)侵(qin)。

2、清(qing)除(chu)網(wang)站(zhan)死鏈

如果用(yong)戶(hu)點擊進入網頁，卻發現(xian)一(yi)片空白什么都(dou)看不(bu)到，那么用(yong)戶(hu)體(ti)驗就會瞬間跌倒谷底(di)。不(bu)管是(shi)自助建(jian)(jian)站還是(shi)代(dai)碼(ma)建(jian)(jian)站，都(dou)有可能面臨這(zhe)個問題，這(zhe)個需要企業自己細心管理(li)，及時發現(xian)并及時清(qing)除(chu)。另(ling)外，建(jian)(jian)議(yi)代(dai)碼(ma)建(jian)(jian)站的企業盡量(liang)使用(yong)動態(tai)語(yu)言來設(she)計網頁，而(er)且在解析前就要檢查有無死鏈(lian)。

3、注重導航(hang)分配

導航是每個網站的(de)(de)重要(yao)的(de)(de)欄目，通常它(ta)都(dou)是(shi)以橫向(xiang)排(pai)布的(de)(de)方式(shi)分布在芒果视频(pin)下载(zai)頂部，但是(shi)如果網站(zhan)內容又多有復(fu)雜的(de)(de)話，就不(bu)(bu)(bu)適合采用橫向(xiang)導(dao)航(hang)的(de)(de)設計形式(shi)了(le)，垂直導(dao)航(hang)倒是(shi)一個不(bu)(bu)(bu)錯的(de)(de)考慮。但是(shi)不(bu)(bu)(bu)管怎么，企(qi)業都(dou)一定要(yao)保(bao)證內部鏈接(jie)能(neng)夠合理分配，需要(yao)的(de)(de)時候可以在新聞等(deng)文(wen)章(zhang)欄目中添(tian)加相關文(wen)章(zhang)，方便用戶(hu)快速找到需要(yao)的(de)(de)內容。

4、提(ti)高視覺沖(chong)擊(ji)力

企(qi)業(ye)在(zai)設計網(wang)頁(ye)時，除了美觀度，還要(yao)提高頁(ye)面的(de)(de)視覺沖(chong)擊(ji)力。不(bu)過，現在(zai)網(wang)上的(de)(de)很多(duo)網(wang)站模板(ban)的(de)(de)頁(ye)面質量的(de)(de)確(que)不(bu)敢恭維，所以(yi)建議企(qi)業(ye)較好(hao)不(bu)要(yao)直接復制網(wang)上的(de)(de)作品，原創的(de)(de)才是較好(hao)的(de)(de)，但(dan)是也(ye)可以(yi)適當參考一些優秀(xiu)的(de)(de)案例(li)，把網(wang)頁(ye)設計做到較好(hao)。

其實，綜合所有方面的(de)因素，企業利用自助建站(zhan)平臺(tai)來進(jin)行建站(zhan)才是更(geng)方便、更(geng)高效(xiao)、更(geng)經濟的(de)建站(zhan)方式，這(zhe)樣以(yi)上這(zhe)些問題都不再是問題了。