一、網頁設計要點

1、合理的頁(ye)面版式

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

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

不(bu)(bu)管哪(na)個職業的頁面(mian)，在設計進(jin)程中都不(bu)(bu)要一(yi)(yi)味地尋求視覺(jue)影響，做(zuo)出(chu)奇特的顏色(se)分配。在設計頁面(mian)的進(jin)程中，設計者一(yi)(yi)定(ding)要注(zhu)重頁面(mian)顏色(se)的分配，多用暖色(se)調(diao)(diao)，調(diao)(diao)和分配冷暖色(se)。只要顏色(se)滿意調(diao)(diao)和、舒緩，才(cai)能夠讓(rang)人(ren)有持(chi)續逗留(liu)的想(xiang)法。

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

頁面中的內(nei)容，猶如人(ren)的魂靈(ling)不可或(huo)缺(que)。設計一(yi)(yi)個(ge)頁面，一(yi)(yi)定(ding)都是想要(yao)宣傳某個(ge)公司或(huo)產品，而頁面中的內(nei)容更是不能夠缺(que)少的。如今，想要(yao)用內(nei)容吸引用戶，就(jiu)一(yi)(yi)定(ding)需要(yao)有新穎(ying)的內(nei)容，從文(wen)字(zi)或(huo)許其他(ta)方式的內(nei)容出發，注重獨創(chuang)和內(nei)容的新穎(ying)。

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

設(she)計(ji)頁面時(shi)，盡(jin)量(liang)少(shao)用(yong)(yong)格外(wai)字(zi)符。在不(bu)一樣的(de)計(ji)算(suan)機或(huo)許不(bu)一樣的(de)平臺中，看到(dao)的(de)情(qing)況(kuang)有(you)時(shi)候有(you)一些(xie)不(bu)一樣，假如運(yun)用(yong)(yong)了格外(wai)字(zi)符，很可能會(hui)有(you)比(bi)照差勁的(de)展(zhan)現作用(yong)(yong)，所以應當盡(jin)量(liang)減少(shao)格外(wai)字(zi)符的(de)運(yun)用(yong)(yong)。

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

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

1、background背景圖(tu)像

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

2、適應(ying)分辨(bian)率

為適應分辨率(lv)，最佳方法(fa)應該(gai)是整個頁面采(cai)用100%自適應(ying)表格，這(zhe)種(zhong)網站讓800*600及(ji)以(yi)上(shang)分(fen)辨(bian)率的(de)彩顯都能整屏幕最佳效果瀏覽，這(zhe)樣的(de)制作方法在為數不多的(de)幾(ji)個網(wang)站上(shang)出現過。但(dan)是(shi)這(zhe)種方法必(bi)然(ran)需(xu)要最少的(de)圖片(pian)及(ji)最多的(de)216安全色及最精簡的表格。目(mu)前這樣的網站不怎么(me)能(neng)滿足客(ke)戶的設計要(yao)求。

在(zai)國內，網站通常都(dou)在(zai)750-780px的寬度(du)之間，這(zhe)樣做(zuo)的目的是為了適應800*600及以(yi)上分辨率的(de)彩顯(xian)瀏覽網站。OK，矛盾出現了，中間是780px的寬度，但(dan)是通常設(she)計師會加上描邊或(huo)者投影(ying)的效果(guo)，做(zuo)為設(she)計師的你，有(you)沒有(you)把(ba)這個尺寸算進(jin)去?更有(you)甚者，中(zhong)間的內容(rong)是780px兩(liang)邊(bian)采用長(chang)達(da)30px的投影，再加(jia)上前面第一點提到(dao)的漸變(bian)背景，好了，你想(xiang)讓生成頁面的工作人(ren)員(yuan)自殺嗎?請(qing)你(ni)在(zai)做這樣的設計時候(hou)為后面的生成頁面工作(zuo)考慮一下。

3、網頁(ye)216安全(quan)色

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

但是通常216個(ge)色彩不怎么能滿足網(wang)頁(ye)設(she)計(ji)師(shi)的設(she)計(ji)，隨便一個(ge)漸變已(yi)經超(chao)出了這個(ge)范(fan)圍，矛盾又出現了。請盡量將非網(wang)頁(ye)完全(quan)色做(zuo)在(zai)圖(tu)片上(shang)，也就是(shi)說將非網(wang)頁(ye)安(an)全(quan)色做(zuo)成圖(tu)片，而(er)將安(an)全(quan)色做(zuo)為(wei)代碼(ma)，這樣盡可能使網(wang)站擁有(you)美觀及快速。如果碰到(dao)一個(ge)網(wang)頁(ye)設(she)計(ji)師(shi)的設(she)計(ji)作品，從上(shang)到(dao)下、從內到(dao)外、從文字(zi)到(dao)圖(tu)片都(dou)沒有(you)1個安(an)全色(se)，你會怎么做?我(wo)昨天就遇到了。難(nan)道讓我(wo)把(ba)所有的文(wen)字都做(zuo)成(cheng)圖(tu)片?那(nei)這個網站還需要更新(xin)嗎?程序員又該如(ru)何做(zuo)?如(ru)果你是這樣設計(ji)網站的，請改改這種毛病。

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

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

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

1、慎(shen)防(fang)木馬(ma)源碼

雖然(ran)現在網上有很多(duo)可以免費下(xia)載(zai)的網站源(yuan)(yuan)碼(ma)，但是(shi)其(qi)安全(quan)性還(huan)是(shi)令人(ren)懷疑(yi)的，即使是(shi)花錢購買的源(yuan)(yuan)碼(ma)，企業(ye)也要仔(zi)細分析程序源(yuan)(yuan)碼(ma)和數據庫，檢查其(qi)是(shi)否有二次加密，較好還(huan)能進行(xing)md5加(jia)密，這樣就能(neng)大(da)大(da)較少木馬源碼的顧慮，有效(xiao)防(fang)止黑客入侵(qin)。

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

如果用戶點擊(ji)進入(ru)網頁，卻(que)發現一片空白(bai)什(shen)么都看不到(dao)，那(nei)么用戶體驗(yan)就會瞬間跌(die)倒谷底。不管(guan)是(shi)自助建(jian)站還(huan)是(shi)代碼(ma)建(jian)站，都有可能面臨這個問題，這個需(xu)要企(qi)業自己細心管(guan)理，及(ji)時(shi)(shi)發現并及(ji)時(shi)(shi)清除(chu)。另(ling)外，建(jian)議代碼(ma)建(jian)站的企(qi)業盡量使(shi)用動態語言來設計網頁，而(er)且在解析前(qian)就要檢查有無死鏈(lian)。

3、注重(zhong)導航分配

導航是每個網站的(de)重要的(de)欄(lan)目(mu)，通常它都(dou)是(shi)以橫向排布的(de)方(fang)式分布在(zai)芒(mang)果视频頂(ding)部，但是(shi)如果網(wang)站內(nei)(nei)容又多有復雜的(de)話(hua)，就不(bu)(bu)適合采用(yong)橫向導航的(de)設計形式了，垂直導航倒是(shi)一個不(bu)(bu)錯的(de)考慮。但是(shi)不(bu)(bu)管(guan)怎么，企業都(dou)一定要保(bao)證內(nei)(nei)部鏈接能夠(gou)合理分配，需要的(de)時候可以在(zai)新聞等文章欄(lan)目(mu)中添(tian)加(jia)相(xiang)關文章，方(fang)便用(yong)戶快速找(zhao)到需要的(de)內(nei)(nei)容。

4、提高視覺沖擊力

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

其(qi)實，綜合所(suo)有(you)方(fang)(fang)面的因素，企業利(li)用自助建站(zhan)平(ping)臺來進行建站(zhan)才是(shi)更方(fang)(fang)便、更高效、更經(jing)濟的建站(zhan)方(fang)(fang)式，這(zhe)樣以上這(zhe)些問題都(dou)不再是(shi)問題了。