一、網站設計是什么

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

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

網(wang)站(zhan)設(she)計的內容眾多，一(yi)般主要包括五個方面：

1、文字設計

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

2、圖形圖像設計

圖片可(ke)以(yi)(yi)美化頁面，可(ke)以(yi)(yi)增強網(wang)站(zhan)的(de)宣傳效果，也是網(wang)站(zhan)的(de)重要組成部(bu)分，網(wang)站(zhan)的(de)圖形(xing)圖像設計(ji)要求能直(zhi)觀形(xing)象(xiang)地表達網(wang)站(zhan)主(zhu)題，并能與文字(zi)和諧(xie)統一，此外，也要注意(yi)適當(dang)安排圖片的(de)位(wei)置、面積、數量等。

3、版式設計

網站的(de)版(ban)式設(she)計(ji)一(yi)般指(zhi)對網站文字、圖像等元素(su)的(de)組合編排，注重(zhong)技術性和藝術性的(de)統(tong)一(yi)，要求導向清(qing)晰、便于瀏覽，效果美(mei)觀(guan)、便于吸引用(yong)戶。

4、色彩搭配

色(se)彩也在(zai)一定(ding)程度上決定(ding)了網站的用戶吸引(yin)力，網站設(she)計(ji)的色(se)彩搭配一般(ban)要求合理自然，并與網站整體(ti)風格和(he)諧(xie)統一。

5、多媒體元素搭配

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

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

網(wang)站設(she)(she)計(ji)的過程中(zhong)，非專業的網(wang)站設(she)(she)計(ji)師可能(neng)會犯一些錯誤(wu)，影響設(she)(she)計(ji)效果，比較(jiao)常見的錯誤(wu)主要有(you)：

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

導航菜單使用圖片、flash當然(ran)比純文本來得好看一些，但是搜索(suo)引(yin)擎(qing)并不認識你(ni)的(de)(de)(de)圖片和flash。如果你(ni)非(fei)要使用漂亮的(de)(de)(de)圖片來做導航的(de)(de)(de)話(hua)，可以使用背(bei)景替換的(de)(de)(de)方(fang)法。建議做一個導航菜單鏈接的(de)(de)(de)xml文提(ti)交(jiao)到(dao)搜索(suo)引(yin)擎(qing)。

2、不恰當地使用圖片

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

3、內容里使用特殊字體

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

4、新窗口打開

設(she)計者打開新(xin)窗口的(de)(de)本意是要讓用戶留在他的(de)(de)站點上。但是卻忽略(lve)了控制用戶的(de)(de)機器(qi)所帶來(lai)的(de)(de)負面效應，這種策(ce)略(lve)恰(qia)恰(qia)弄(nong)巧成拙(zhuo)，因為當用戶想(xiang)通過“后退”按(an)鈕返(fan)回先前的(de)(de)站點時(shi)，已(yi)經做不(bu)到(dao)了。用戶通常注意不(bu)到(dao)新(xin)窗口已(yi)經被打開，尤其當他們的(de)(de)顯示器(qi)很小，而窗口又正(zheng)好是最大化(hua)時(shi)。因此，當用戶想(xiang)要返(fan)回原(yuan)來(lai)的(de)(de)站點時(shi)，面對的(de)(de)卻只是一個不(bu)可用的(de)(de)灰色(se)“后退”按(an)鈕。

5、無實際意義的特效

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

6、內容滾動

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

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

如(ru)果(guo)一個用戶訪問你(ni)的(de)網(wang)站(zhan)(zhan)跟(gen)走入迷宮(gong)一樣，那就(jiu)是網(wang)站(zhan)(zhan)設計的(de)大(da)忌，聽說過3次點(dian)擊規則(ze)嗎(ma)？對(dui)于小型(xing)網(wang)站(zhan)(zhan)，在你(ni)的(de)主(zhu)頁(ye)上，沒有任(ren)何一條(tiao)信息，需要點(dian)擊次數(shu)超(chao)過3次的(de)。對(dui)于大(da)型(xing)網(wang)站(zhan)(zhan)，使(shi)用導航(hang)和工具條(tiao)來改善(shan)操(cao)作。

8、文件名命名不規范

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

9、長篇文章未設置分頁

長篇(pian)(pian)文章不分頁，會(hui)導(dao)致網頁加載速(su)度慢，用戶(hu)閱讀疲勞，所以(yi)建議長篇(pian)(pian)文章設置(zhi)分頁。

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

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

11、沒有返回指向

“返(fan)回指向(xiang)”是(shi)網絡用(yong)戶的生命線，同時也是(shi)繼超文本(ben)連(lian)接后(hou)最常(chang)使用(yong)的導(dao)航特征。用(yong)戶可(ke)以(yi)隨(sui)意嘗試(shi)網頁所指向(xiang)的任何(he)地方，而只需點擊(ji)一(yi)兩次“返(fan)回”按鈕就(jiu)可(ke)以(yi)回到先(xian)前的頁面(mian)。

12、顯眼的點擊計數器

不要輕易考(kao)慮在你(ni)的網(wang)站上放置一個醒目(mu)的點(dian)擊記數器。你(ni)設計網(wang)站是為了給(gei)訪(fang)(fang)問者提供服(fu)務(wu)，而(er)不是推(tui)銷你(ni)自己認為重要的東西。大多數瀏(liu)覽者認為計數器毫無意義，它們很容易被(bei)做假，瀏(liu)覽者也(ye)不想看廣告。如果你(ni)顯(xian)示你(ni)的網(wang)站是多么受(shou)歡迎(ying)，你(ni)最好提供一個鏈接，顯(xian)示訪(fang)(fang)問日志(zhi)。

13、使用框架

與記數(shu)器一樣，框(kuang)架(jia)在網(wang)(wang)頁上越來越流(liu)行。在大多數(shu)網(wang)(wang)站上，在屏(ping)幕的(de)(de)左邊(bian)有一個框(kuang)架(jia)。但是(shi)設計(ji)者立刻就(jiu)發現，在使(shi)用框(kuang)架(jia)時產生(sheng)了(le)許多的(de)(de)問題。使(shi)用框(kuang)架(jia)時如果沒有17英寸的(de)(de)顯(xian)示屏(ping)幾乎不可能(neng)顯(xian)示整個網(wang)(wang)站。框(kuang)架(jia)也使(shi)得網(wang)(wang)站內個人主頁不能(neng)夠成為(wei)書簽。也許更重要(yao)的(de)(de)是(shi)，搜索引擎常常被框(kuang)架(jia)混淆，從而不能(neng)列出(chu)你的(de)(de)網(wang)(wang)站。

14、不恰當地使用聲音

聲(sheng)音(yin)的運用(yong)也應該小心，內聯(lian)聲(sheng)音(yin)是網(wang)站設計者的另一(yi)個禁地，因(yin)為過多地使用(yong)聲(sheng)音(yin)會使下載速(su)度很(hen)慢(man)，同時并沒有帶(dai)給瀏覽者多少好處。首(shou)次聽到鼠標發(fa)出聲(sheng)音(yin)可(ke)能會很(hen)有趣(qu)，但是多次以(yi)后(hou)肯定會很(hen)煩人。使用(yong)聲(sheng)音(yin)前，應該仔(zi)細考慮聲(sheng)音(yin)將會給你帶(dai)來什么。

15、兼容性不佳

不(bu)(bu)是所(suo)有(you)(you)(you)人的(de)顯(xian)示器都用(yong)同一(yi)(yi)種分(fen)辨率的(de)。無論是誰，都無法做出所(suo)有(you)(you)(you)分(fen)辨率下(xia)完美的(de)網頁(ye)，但(dan)我們要做出能確保所(suo)有(you)(you)(you)分(fen)辨率下(xia)不(bu)(bu)出錯的(de)網頁(ye)。還(huan)有(you)(you)(you)兩點就是：不(bu)(bu)要以(yi)為只有(you)(you)(you)電腦才能看網頁(ye)。不(bu)(bu)要以(yi)為世界(jie)上只有(you)(you)(you)一(yi)(yi)種瀏覽器，網站(zhan)兼容性一(yi)(yi)定要好。

17、急于發布網站

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

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

你發(fa)布網(wang)站(zhan)后要到各大搜索引(yin)擎的登錄口(kou)提(ti)交(jiao)一下你的網(wang)站(zhan)信息，不(bu)然(ran)是搜不(bu)到的。

19、不留空白

網站設計時(shi)(shi)，注意(yi)留空白。不要(yao)用(yong)圖像、文(wen)本(ben)和不必(bi)要(yao)的動(dong)畫來(lai)充斥網頁，即使有足夠的空間，在設計時(shi)(shi)也應該(gai)避免使用(yong)。

20、缺乏互動性

讓用(yong)(yong)戶與網(wang)站(zhan)能夠(gou)互動，讓用(yong)(yong)戶與用(yong)(yong)戶之間能夠(gou)互動。所以最少(shao)要(yao)有(you)(you)一(yi)個(ge)留言本，這能激勵訪問者再(zai)次(ci)回到(dao)你的網(wang)站(zhan)，還有(you)(you)助于(yu)擴充(chong)網(wang)站(zhan)內容。

21、存在死鏈

有(you)死鏈的(de)網站(zhan)對(dui)搜索引擎的(de)蜘(zhi)蛛爬取(qu)不(bu)利，同時影(ying)響(xiang)網站(zhan)的(de)正規性、影(ying)響(xiang)網站(zhan)關(guan)鍵(jian)詞名次、降低網站(zhan)權(quan)重(zhong)值，而且會(hui)造成不(bu)良(liang)好(hao)的(de)用(yong)戶體驗。