一、什么是網頁設計與制作

網頁設計與制作是(shi)根據企業希望向瀏(liu)覽者傳遞的信息(xi)，進行(xing)網站(zhan)功能策劃，然后(hou)進行(xing)的頁面設計美化工作，二(er)者經(jing)常被相提并論，但(dan)實際上它們是(shi)不同的：

1、什么是網頁設計

網(wang)頁(ye)設(she)計，是以(yi)視(shi)覺(jue)設(she)計為主的(de)(de)工(gong)作(zuo)。用(yong)什么樣的(de)(de)排版，或者充(chong)滿趣味的(de)(de)表(biao)現(xian)形式(shi)，才能(neng)能(neng)夠非常(chang)高效地傳達版面信息。一個網(wang)頁(ye)被(bei)設(she)計出來，是讓人用(yong)，給人聽的(de)(de)，要漂亮（簡潔(jie)），這才是一個設(she)計師需要反(fan)復思考的(de)(de)。視(shi)覺(jue)+交互，是網(wang)頁(ye)設(she)計師的(de)(de)核心(xin)競(jing)爭力(li)。

其中“視覺設計(ji)(ji)”的(de)根據，源于前面的(de)策劃和交(jiao)互設計(ji)(ji)。最后出具的(de)“視覺設計(ji)(ji)稿”得(de)符合品牌(pai)定位，滿足生(sheng)產(chan)運營、以及(ji)用戶需求，這是網頁(ye)設計(ji)(ji)師(shi)必修的(de)基(ji)本功。

2、什么是網頁制作

網(wang)頁(ye)制(zhi)作(zuo)，是以(yi)(yi)(yi)前端代(dai)(dai)碼為主(zhu)的工(gong)(gong)作(zuo)。網(wang)頁(ye)制(zhi)作(zuo)在協作(zuo)步驟里，緊跟設(she)(she)計之后。這部分(fen)工(gong)(gong)作(zuo)一般是由WEB前端工(gong)(gong)程(cheng)師(shi)來(lai)完成的，工(gong)(gong)程(cheng)師(shi)通(tong)常會利用到HTML、CSS、以(yi)(yi)(yi)及JavaScript、jQuery等網(wang)頁(ye)前端代(dai)(dai)碼，來(lai)還原網(wang)頁(ye)設(she)(she)計師(shi)的“視覺(jue)設(she)(she)計稿(gao)”，以(yi)(yi)(yi)及交(jiao)互動畫等。

“前(qian)端工程師”除了(le)能(neng)配(pei)合網(wang)頁設計(ji)師外，還要配(pei)合做后端工程師，做好網(wang)頁端的數據搜集(ji)處理等(deng)工作。

二、網頁設計和網頁制作的區別與聯系

網(wang)頁(ye)設(she)計與網(wang)頁(ye)制作有區別(bie)，也有聯系，下(xia)面為大(da)家介紹一(yi)下(xia)：

1、網頁設計和網頁制作的區別

網(wang)頁設計是一個網(wang)頁藝術(shu)(shu)化、創作(zuo)化的(de)過程(cheng)，這(zhe)個過程(cheng)是網(wang)頁設計師(shi)把自己(ji)的(de)設計思想與(yu)意圖藝術(shu)(shu)抽象化，用美(mei)感的(de)形(xing)式(shi)表達出來的(de)過程(cheng)。

網(wang)(wang)頁(ye)制(zhi)作是(shi)將網(wang)(wang)頁(ye)設計(ji)進行網(wang)(wang)頁(ye)化的(de)(de)過程，即將網(wang)(wang)頁(ye)設計(ji)的(de)(de)藝(yi)術用(yong)編程語(yu)言做成網(wang)(wang)頁(ye)，用(yong)網(wang)(wang)頁(ye)的(de)(de)形式表達出來(lai)。

二(er)者的區別有很多，包括(kuo)負責人員、工(gong)作方式等，簡單(dan)來(lai)說，網(wang)頁設計(ji)是(shi)藝(yi)術(shu)，網(wang)頁制作是(shi)技術(shu)。

2、網頁設計和網頁制作的聯系

沒有(you)(you)網(wang)(wang)(wang)頁(ye)設(she)(she)計(ji)，就(jiu)無從做(zuo)(zuo)網(wang)(wang)(wang)頁(ye)制(zhi)(zhi)作(zuo)，我們說(shuo)想(xiang)法(fa)(fa)決定做(zuo)(zuo)法(fa)(fa)，換句(ju)話說(shuo)就(jiu)是(shi)設(she)(she)計(ji)決定制(zhi)(zhi)作(zuo)。反過(guo)來，做(zuo)(zuo)法(fa)(fa)影響想(xiang)法(fa)(fa)，網(wang)(wang)(wang)頁(ye)制(zhi)(zhi)作(zuo)技術也直接制(zhi)(zhi)約著(zhu)網(wang)(wang)(wang)頁(ye)設(she)(she)計(ji)，沒有(you)(you)高的(de)制(zhi)(zhi)作(zuo)水平，即使(shi)再好的(de)網(wang)(wang)(wang)頁(ye)設(she)(she)計(ji)，也無法(fa)(fa)實現出(chu)來。