一、網站設計是什么

網(wang)站(zhan)(zhan)設(she)計是(shi)將策劃案中(zhong)的內容、網(wang)站(zhan)(zhan)的主(zhu)題模式，以(yi)及結(jie)合自己的認識通過藝術(shu)的手(shou)法表現出來的一(yi)種方式，在建(jian)設(she)網(wang)站(zhan)(zhan)的過程中(zhong)，網(wang)站(zhan)(zhan)設(she)計是(shi)不可(ke)或缺(que)的一(yi)步。

二、網站設計包括哪些內容

網站設計(ji)的(de)內容眾多，一般主要(yao)包括五個方面：

1、文字設計

文(wen)(wen)字(zi)在表達(da)含義的(de)同(tong)時也(ye)能(neng)傳達(da)情感(gan)，是網(wang)站(zhan)必(bi)不可少(shao)的(de)元素，文(wen)(wen)字(zi)設(she)計在網(wang)站(zhan)設(she)計中占(zhan)據(ju)非常大的(de)比重，網(wang)站(zhan)文(wen)(wen)字(zi)的(de)設(she)計必(bi)須要簡潔清晰、具(ju)備視覺美感(gan)，并與網(wang)站(zhan)整(zheng)體風格相(xiang)適應。

2、圖形圖像設計

圖片可以美化頁面(mian)(mian)，可以增(zeng)強(qiang)網(wang)(wang)站(zhan)的(de)宣傳效(xiao)果，也(ye)是網(wang)(wang)站(zhan)的(de)重要組(zu)成部分(fen)，網(wang)(wang)站(zhan)的(de)圖形(xing)圖像(xiang)設計要求(qiu)能(neng)直觀形(xing)象(xiang)地表達(da)網(wang)(wang)站(zhan)主(zhu)題，并能(neng)與(yu)文字和諧(xie)統一，此外，也(ye)要注意適(shi)當安排圖片的(de)位置、面(mian)(mian)積、數量等(deng)。

3、版式設計

網站(zhan)的版式設計(ji)一般(ban)指(zhi)對網站(zhan)文字(zi)、圖像(xiang)等元素(su)的組合編排，注重技(ji)術性(xing)和(he)藝術性(xing)的統(tong)一，要求(qiu)導向清晰、便(bian)于(yu)瀏覽，效果美觀、便(bian)于(yu)吸引用戶(hu)。

4、色彩搭配

色(se)彩也在一(yi)定程度(du)上決定了(le)網站的用戶(hu)吸引力，網站設(she)計的色(se)彩搭配一(yi)般要求合(he)理(li)自然(ran)，并與網站整體風格(ge)和諧(xie)統一(yi)。

5、多媒體元素搭配

多媒體(ti)一般(ban)指視頻(pin)、音頻(pin)、動畫(hua)等，網站(zhan)設計中(zhong)運用(yong)多媒體(ti)元(yuan)素，可以(yi)豐富網站(zhan)觀賞(shang)效(xiao)果，增強用(yong)戶的瀏覽興趣。

三、網站設計常犯的錯誤有哪些

網站設(she)計(ji)的(de)過程中，非(fei)專業的(de)網站設(she)計(ji)師可(ke)能會(hui)犯(fan)一些(xie)錯(cuo)誤，影響(xiang)設(she)計(ji)效果，比(bi)較常(chang)見的(de)錯(cuo)誤主要有：

1、導航菜單使用圖片、flash

導(dao)航(hang)(hang)菜(cai)單使(shi)用圖(tu)片、flash當然比純文本來得好看一些，但是(shi)搜索引擎(qing)(qing)并(bing)不認識你的圖(tu)片和flash。如果(guo)你非(fei)要(yao)使(shi)用漂(piao)亮的圖(tu)片來做(zuo)導(dao)航(hang)(hang)的話，可以使(shi)用背景替換的方法。建議做(zuo)一個導(dao)航(hang)(hang)菜(cai)單鏈接的xml文提交到(dao)搜索引擎(qing)(qing)。

2、不恰當地使用圖片

為了網頁美觀，經常會(hui)到處貼滿圖片，這樣(yang)做是不正(zheng)確的(de)(de)，與(yu)內容(rong)無關的(de)(de)圖片能(neng)少(shao)就少(shao)吧。我們可(ke)以把這些圖片做成容(rong)器的(de)(de)背景。

3、內容里使用特殊字體

特殊字(zi)體很(hen)好看，但是不(bu)是所有人的電腦都安(an)裝有這(zhe)些字(zi)體。如果使用這(zhe)些特殊字(zi)體的話，在別人的電腦里看到的網頁可能(neng)不(bu)顯示(shi)。

4、新窗口打開

設計者(zhe)打(da)開(kai)(kai)新窗口的(de)(de)本意(yi)是(shi)(shi)要讓用(yong)(yong)(yong)戶(hu)留在他(ta)的(de)(de)站點(dian)上。但是(shi)(shi)卻忽略(lve)了(le)控制(zhi)用(yong)(yong)(yong)戶(hu)的(de)(de)機器所帶來(lai)的(de)(de)負面(mian)效應，這(zhe)種(zhong)策略(lve)恰(qia)恰(qia)弄巧成拙，因為當(dang)用(yong)(yong)(yong)戶(hu)想通(tong)過(guo)“后(hou)退”按(an)鈕(niu)返回先前的(de)(de)站點(dian)時，已(yi)經做不到(dao)了(le)。用(yong)(yong)(yong)戶(hu)通(tong)常(chang)注意(yi)不到(dao)新窗口已(yi)經被(bei)打(da)開(kai)(kai)，尤(you)其當(dang)他(ta)們的(de)(de)顯示器很小，而窗口又正(zheng)好是(shi)(shi)最大(da)化(hua)時。因此，當(dang)用(yong)(yong)(yong)戶(hu)想要返回原來(lai)的(de)(de)站點(dian)時，面(mian)對的(de)(de)卻只是(shi)(shi)一個不可(ke)用(yong)(yong)(yong)的(de)(de)灰色“后(hou)退”按(an)鈕(niu)。

5、無實際意義的特效

避免使用炫耀的技巧，這些特效對(dui)你(ni)的網站沒有任何實(shi)際意(yi)義，反而顯得華而不(bu)實(shi)。

6、內容滾動

內(nei)容(rong)滾(gun)(gun)動(dong)可(ke)以在比較(jiao)小的(de)(de)空間里展示比較(jiao)多的(de)(de)內(nei)容(rong)，這是(shi)它的(de)(de)一(yi)個好處。但內(nei)容(rong)滾(gun)(gun)動(dong)卻是(shi)弊(bi)大于利(li)的(de)(de)，不是(shi)所有平臺和瀏覽器都(dou)支持滾(gun)(gun)動(dong)的(de)(de)，而(er)且內(nei)容(rong)滾(gun)(gun)動(dong)會降低用戶體(ti)驗。

7、用戶難以獲取自己想要的內容

如果一個(ge)用(yong)戶訪問你的網(wang)站跟(gen)走(zou)入迷(mi)宮(gong)一樣，那就是(shi)網(wang)站設計(ji)的大忌，聽說(shuo)過3次點擊規則嗎？對于小型網(wang)站，在你的主頁(ye)上，沒有任何一條信(xin)息，需要點擊次數(shu)超過3次的。對于大型網(wang)站，使用(yong)導(dao)航和工具條來改(gai)善操(cao)作。

8、文件名命名不規范

不(bu)要忽視(shi)這(zhe)一點，例如新聞頁面可以(yi)用(yong)：news.html，而(er)不(bu)是類似2323123.html這(zhe)樣的(de)(de)(de)無規范的(de)(de)(de)命(ming)名(ming)方式(shi)(shi)。使(shi)用(yong)規范的(de)(de)(de)命(ming)名(ming)方式(shi)(shi)不(bu)僅有利(li)于搜索引擎，而(er)且有利(li)于網(wang)站日后的(de)(de)(de)維護管理。

9、長篇文章未設置分頁

長篇文(wen)(wen)章(zhang)(zhang)不分頁(ye)，會導致網頁(ye)加載(zai)速度慢，用戶閱(yue)讀疲(pi)勞，所以建議長篇文(wen)(wen)章(zhang)(zhang)設置(zhi)分頁(ye)。

10、顏色搭配錯誤，網頁難于閱讀

如無必(bi)要，你應(ying)(ying)當堅持使用(yong)白色(se)的背景和黑色(se)的文本，另外還應(ying)(ying)當堅持使用(yong)通用(yong)字體。

11、沒有返回指向

“返回(hui)指向(xiang)”是網(wang)絡用(yong)戶的(de)生(sheng)命線，同時也(ye)是繼超文本(ben)連接后最常使用(yong)的(de)導(dao)航特征。用(yong)戶可(ke)以隨意嘗試網(wang)頁(ye)(ye)所指向(xiang)的(de)任(ren)何地方，而(er)只需點擊一兩次“返回(hui)”按(an)鈕就可(ke)以回(hui)到先前的(de)頁(ye)(ye)面(mian)。

12、顯眼的點擊計數器

不要(yao)輕易考慮(lv)在你(ni)的(de)網站上放置(zhi)一(yi)個(ge)醒目的(de)點擊記數(shu)器。你(ni)設計(ji)網站是(shi)為了給(gei)訪問者提(ti)(ti)供(gong)服務，而(er)不是(shi)推銷你(ni)自己認(ren)為重(zhong)要(yao)的(de)東西。大多數(shu)瀏(liu)覽者認(ren)為計(ji)數(shu)器毫無意(yi)義，它們(men)很容易被(bei)做假，瀏(liu)覽者也不想看廣告。如果你(ni)顯(xian)示你(ni)的(de)網站是(shi)多么(me)受歡迎，你(ni)最好(hao)提(ti)(ti)供(gong)一(yi)個(ge)鏈接，顯(xian)示訪問日志。

13、使用框架

與(yu)記數器一樣，框(kuang)架(jia)(jia)在網頁(ye)上越(yue)來越(yue)流行。在大多數網站(zhan)上，在屏幕(mu)的(de)(de)左邊有(you)一個(ge)框(kuang)架(jia)(jia)。但是設(she)計者立刻就發現(xian)，在使(shi)用框(kuang)架(jia)(jia)時(shi)產生了(le)許多的(de)(de)問題(ti)。使(shi)用框(kuang)架(jia)(jia)時(shi)如(ru)果沒有(you)17英寸的(de)(de)顯示屏幾乎(hu)不可能顯示整個(ge)網站(zhan)。框(kuang)架(jia)(jia)也使(shi)得網站(zhan)內(nei)個(ge)人主頁(ye)不能夠成(cheng)為書簽。也許更重(zhong)要的(de)(de)是，搜(sou)索引擎常常被框(kuang)架(jia)(jia)混淆，從而(er)不能列出(chu)你的(de)(de)網站(zhan)。

14、不恰當地使用聲音

聲音(yin)的運(yun)用(yong)也應該小心，內(nei)聯(lian)聲音(yin)是網站設計者的另一(yi)個禁(jin)地，因為過多(duo)地使(shi)用(yong)聲音(yin)會(hui)使(shi)下載(zai)速度很(hen)(hen)慢，同時并沒有帶給瀏(liu)覽者多(duo)少好處(chu)。首次(ci)聽到鼠標發出(chu)聲音(yin)可能會(hui)很(hen)(hen)有趣，但是多(duo)次(ci)以后肯定會(hui)很(hen)(hen)煩人。使(shi)用(yong)聲音(yin)前，應該仔細考慮聲音(yin)將會(hui)給你帶來(lai)什么。

15、兼容性不佳

不是所有(you)人的(de)顯(xian)示器都(dou)用同一種分辨率(lv)的(de)。無(wu)論是誰，都(dou)無(wu)法(fa)做(zuo)出(chu)所有(you)分辨率(lv)下完美的(de)網頁，但我(wo)們(men)要(yao)做(zuo)出(chu)能確保(bao)所有(you)分辨率(lv)下不出(chu)錯的(de)網頁。還有(you)兩點(dian)就是：不要(yao)以(yi)為只有(you)電腦才能看網頁。不要(yao)以(yi)為世(shi)界上只有(you)一種瀏覽器，網站兼容性一定(ding)要(yao)好。

17、急于發布網站

網站(zhan)沒有內(nei)(nei)容、網站(zhan)程序bug，這些問題解(jie)決后再發布吧(ba)。內(nei)(nei)容較為(wei)充實、程序bug基本沒有的網站(zhan)才會讓用戶停(ting)留。

18、發布網站后未登錄搜索引擎

你發布網站(zhan)(zhan)后要到(dao)各大搜索引擎的(de)登錄(lu)口(kou)提交一下(xia)你的(de)網站(zhan)(zhan)信(xin)息，不然是(shi)搜不到(dao)的(de)。

19、不留空白

網站設計時，注意留空(kong)(kong)白。不要用(yong)(yong)圖像、文本和不必要的(de)動畫(hua)來充斥(chi)網頁(ye)，即使(shi)有(you)足夠的(de)空(kong)(kong)間，在設(she)計時也應該避免使(shi)用(yong)(yong)。

20、缺乏互動性

讓用(yong)戶(hu)與網(wang)站能夠互(hu)動，讓用(yong)戶(hu)與用(yong)戶(hu)之間能夠互(hu)動。所以最少(shao)要有一個留言本(ben)，這能激勵訪(fang)問者再次回到你的網(wang)站，還有助于擴充網(wang)站內容。

21、存在死鏈

有死(si)鏈的網(wang)(wang)站(zhan)對搜索引擎的蜘蛛(zhu)爬(pa)取不利，同時影響(xiang)網(wang)(wang)站(zhan)的正(zheng)規性、影響(xiang)網(wang)(wang)站(zhan)關(guan)鍵詞名次(ci)、降低網(wang)(wang)站(zhan)權重(zhong)值(zhi)，而且會造成不良(liang)好的用戶體(ti)驗(yan)。