我們經(jīng)常會聽到這兩個名詞，也就是網(wǎng)站制作與網(wǎng)頁設(shè)計,那么這兩個名詞之間有什么區(qū)別呢？這節(jié)課我們簡單地給大家介紹一下這兩個名詞的區(qū)別。

下面我們來舉例說明：現(xiàn)在有一個客戶找我們來建網(wǎng)站，幫他開發(fā)建設(shè)網(wǎng)站，他將自己網(wǎng)站的版面或者網(wǎng)站的要求寫成了一些文字，或者畫了一個草圖給我們，那我們?nèi)绾伟凑湛蛻舯磉_(dá)的文字或者草圖制作出符合他要求的這樣一個網(wǎng)站出來呢？

一、網(wǎng)站設(shè)計

那么首先呢我們就需要根據(jù)客戶的需求，文字或者客戶所畫的草圖，設(shè)計出一個網(wǎng)頁效果圖，然后再將這個效果圖制作成靜態(tài)頁面，也就是我們前面所說的靜態(tài)網(wǎng)頁（沒有看的可以去頭條號爬樓找一下）這還不是一個真正的一個網(wǎng)站，那么這個過程呢我們就叫做網(wǎng)頁設(shè)計，也可以叫網(wǎng)站UI設(shè)計，它就是將客戶的一些需求轉(zhuǎn)化為一個靜態(tài)頁面。

可以這么來理解，就是讓美工設(shè)計出網(wǎng)站的所有頁面的界面效果圖，就像造房子之前，會請著名的設(shè)計師來設(shè)計房子的外形效果一樣，設(shè)計方案出來之后就可以進(jìn)行后續(xù)的開發(fā)搭建工作了！

網(wǎng)站設(shè)計要求：一般要精通各類圖形圖像設(shè)計軟件，有較強(qiáng)美感，精通網(wǎng)頁界面布局，了解用戶體驗(yàn)，有思想，能判斷和分析基本市場需求或目標(biāo)客戶喜好。

二、網(wǎng)站制作

程序員拿到設(shè)計圖稿，把圖稿變成具體的代碼。就像建筑隊拿到圖紙后開始造房子的骨架一樣。所以這是由團(tuán)隊協(xié)作來完成的。造房子也是有團(tuán)隊完成的，一個是設(shè)計師，一個是工程隊。所以說網(wǎng)站設(shè)計只不過是網(wǎng)站制作的一部分而已。

網(wǎng)站開發(fā)制作要求精通div+css，js，深知頁面執(zhí)行內(nèi)在層次順序，例如服務(wù)器請求，頁面加載等，熟悉各種頁面效果，能將設(shè)計師設(shè)計出的頁面UI依據(jù)良好的頁面規(guī)范制作成可瀏覽網(wǎng)頁。

能夠?qū)⒉邉澣藛T或頁面設(shè)計師策劃的用戶體驗(yàn)功能實(shí)現(xiàn)；熟知程序架構(gòu)，所制作的頁面編碼能保證與程序員的良好對接。

大家就要知道網(wǎng)頁設(shè)計與網(wǎng)站制作它們是一個完全不同的兩個概念，它們之間的區(qū)別也是比較大的。

好，今天的內(nèi)容就分享到這里，有什么咨詢或建議的可以在下方評論！我們共同進(jìn)行探討學(xué)習(xí)。