網站設計與網頁製作

1、網站設計與網頁設計有何區別？

網站設計，是整個站點的設計，可以說是網站的架構，需要做很多工作的。
網頁設計是網站設計中的其中一小點。
網站設計，還需要考慮網站目標定位，用戶群體是誰，網站建給誰看的，用什麼的伺服器或空間，贏利點是什麼，是建流量站還是營銷站還是企業站等都要提前設計的，前端的頁面，後端用什麼程序？美工等等都需要考慮後進行設計的。
網頁設計只是針對網站的頁面去設計的。網頁的代碼，樣子，特效進行設計。

2、平面設計和網頁設計有什麼區別

網頁設計與平面設計雖然都是出於藝術設計，但是網站設計和平面設計還是有很多不同的地方，那麼我們網頁設計與平面設計的區別在哪?
一、在於視覺的呈現
兩個設計在色彩方面的選擇都是不一樣的，平面和網頁的設計時用的色彩模式都是不同的，平面頁設計在創意是運用的色彩在其注重視覺的沖擊力及視覺流的引導，網頁設計注重的是信息結構，簡潔明了關系的梳理，如果將色彩運用的過重過多過強，這樣會很容易引起用戶瀏覽時的視覺疲勞感。平面設計因為後期的實現是因為要依賴於印刷，才能展現在用戶體驗的視覺中，所以必須採用的是CMYK的色彩模式;而網頁設計是根據其顯像方式，在互聯網上展示出真實的視覺，所以使用的是RGB色彩模式。
二、在於展現的形式
平面設計的的展示方式是靜止狀態的，而網頁設計是擁有許多動態的元素，包括按鈕、表單、導航等等。在視覺上也較為豐富，沒那麼死板，這樣才能夠引導用戶有繼續看下去的可能性，增加用戶的互動性。
三、在於視覺的焦點
平面設計的完整性較強，用戶在一頁內基本上可獲得相對直觀的感受。而網頁設計受制於顯示屏大小，會盡可能將重要信息在第一屏內予以展示，因此完整性相對較弱。
四、在於排版的設計
在內容傳播上，平面設計僅限於紙質媒介，傳播力度小，因此在內容排版上的靈活性受限於紙質印刷尺寸的大小。而網站設計則可以靈活出現於各種電子產品載體當中，如桌面顯示屏，智能手機、平板電腦等。而且隨著互聯網科技的發展，自適應頁面技術日趨成熟，同樣的內容，在不同尺寸的瀏覽器下都可以獲得最佳的排版效果，加強了網頁內容排版的靈活性。
五

平面設計的屬於漸進式的瀏覽方式，無法對整個瀏覽的過程進行多樣化串聯，網頁設計擁有滾動條下拉、按鈕鏈接跳轉等多樣化的瀏覽信息方式，在擁有同樣一種信息架構的條件下，信息之間的串聯性更為豐富，用戶選擇信息的自由度更大。
這里主要介紹了網頁設計與平面設計的技術性差異。從設計范疇來說，網頁設計接近於平面設計，甚至說，網頁設計是平面設計的一種也不為過，但是網頁設計確實有其獨特性，比如網頁設計的設計空間、設計模式，與平面設計就有很大的不同。
這兩種設計形式擁有著不同的用戶體驗，我們應該根據不同設計內容，選擇正確的設計形式提升用戶體驗。

3、UI設計和網頁美工的區別是什麼

UI設計只是網站美工的一部分，網站美工需要學習的內容有UI設計，PS，AI，html語言，javaScript語言等。

網頁美工局限於美術設計和頁面製作，UI注重交互，用戶體驗是第一目標。

UI設計師的職能大體包括三方面：一是圖形設計，軟體產品的產品「外形」設計。二是交互設計，主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計，並且確立交互模型，交互規范。三是用戶測試/研究，這里所謂的「測試」，其目標恰在於測試交互設計的合理性及圖形設計的美觀性，主要通過以目標用戶問卷的形式衡量UI設計的合理性。

網頁美工需要學習網站概念知識、色彩構成、網頁設計中的美學規律、FIREWORKS網頁圖形處理、FLASH二維動畫、PHOTOSHOP平面設計軟體在網站設計中的應用、作品設計及點評等內容。

拓展知識

UI設計：UI即User Interface（用戶界面）的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味，還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。

網頁美工：是精通美學，photoshop（PS），FLASH，dreamwaver（DW）等一網站製作軟體的網路人員，必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來並用DW和css排版出來。頁面必須清晰簡潔，還要適宜後台調用。

4、網站編輯和網頁設計與製作的區別

網站編輯，是網路時代的新興職業。2005年，勞動和社會保障部公示了第三批的十種新行業中，「網路編輯員」名列其中。網站編輯工作有四大特點：超文本鏈接式編輯、全時化編輯、資料庫化編輯、交互性編輯。然而，和傳統媒體編輯一樣，網路編輯時常也被人誤解，或遭以偏見。
網站編輯，是網站內容的設計師和建設者，通過網路對信息進行收集、分類、編輯、審核，然後通過網路向世界范圍的網民進行發布，並且通過網路從網民那裡接收反饋信息，產生互動。網路編輯是指利用相關專業知識及計算機和網路等現代信息技術，從事互聯網網站內容建設的人員。因此作為一名網編要有相應的計算機基礎，敏銳的新聞傳媒視野以及良好的互動和溝通技能。網站的更新及內容編輯是一個必不可少的環節，網站編輯更是對網站推廣和網站優化有著重要的推動作用。

網頁設計是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIFs， JPEGs，PNGs）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更復雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行，同樣地它們亦需要標示語言移植在網站內。

網頁製作是網站策劃師、網路程序員、網頁設計師等崗位，應用各種網路程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，並包含域名注冊查詢和主機託管等服務的總稱。

5、網頁設計和網頁製作有什麼區別

網頁設計需要的還有美術功底，你只需要能知道的就是代碼是什麼意思，不需要懂得太多，但是你真懂得會也是有好處的！設計說白了就是把網頁的效果圖設計出來！而製作就是把效果圖用代碼的形式表現出來！希望我的回答你能懂！要是還有問題在線咨詢！

6、網站建設和網站設計的區別

網站建設比起網站設計有些局限性，可能更傾向於程序或模板的建站，而網站設計可以這么理解，它的定義更廣一些。
網站設計不光是頁面的設計，還有程序的設計開發，以及網站前期的網站整站策劃設計，它的價值遠遠大於網站建設。
一般網站建設公司都是一些前台或後台的模板，建站很便宜，都是套現成的，或者改改前台界面，一般都是很低端的。
網站設計公司都是量身打造的網站，一般價格是建設公司的十幾倍或幾十倍，貴是因為他要做前期的策劃，後期的精美設計，還要給該品牌或公司形象的定位，樹立企業網路形象，要做非常多的工作，甚至後期的推廣。

7、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(7)網站設計與網頁製作擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

8、web前端開發和網頁製作有什麼區別？詳細點

可以說「會做網頁」不等於「前端開發」。前端開發是寫代碼的，是用代碼來構建網頁界面和交互。
如果把前端開發工程師和網頁製作對立開來講，就不能不說說其中的區別了：
第一：兩者的知識面差距是巨大的。
網頁製作只需要掌握DIV+CSS就行了，現在還有大量使用Dreamweaver的網頁製作人員存在就是個很好的證明，好一點的網頁製作人員會懂些簡單的js，可能會修改些js代碼。而一個前端開發人員是在這個基礎上把知識面進行了很大的擴展。比如為了提高頁面解析速度的背景圖合並技術，一個簡單的背景圖合並需要成熟的標簽嵌套思想和簡單的ps技術；比如對搜索引擎友好的屬性的設置，標簽的使用。
第二：兩者對技術的理解深度差距是巨大的。
一個技術較高前端開發人員的代碼質量要遠遠高於一個網頁製作人員，表現在代碼精簡度與可讀性、圖片的處理、對搜索引擎友好性、以及後期維護的難易度等等方面。很多網頁製作人員極少使用a標簽，設置鏈接的時候習慣用input加js跳轉。這都是技術面廣度差距引起的對div+Css技術理解深度不足的體現。
前端開發人員全局性的視角，可以讓代碼變成一種藝術。div+css的技術就好像一把寶劍，網頁製作人員也就能練成華山劍法，而前端開發人員耍的是獨孤九劍。劍是同一把，關鍵在耍劍的人而已。
第三：兩者在具體工作中的受重視程度是差距巨大的。
這個很好理解，高技術有高待遇，受重視，受尊敬，更好的發展前景。

9、UI設計和網頁設計的區別？

要想了解這兩者的區別，就先來看看他們的定義是什麼。UI設計是指軟體的人機交互、操作邏輯、界面美觀的整體設計，用自己的話來說就是設計軟體和用戶的互動方式。而網頁設計是根據企業希望向瀏覽者傳遞的信息，進行網站功能策劃，然後進行的頁面設計美化工作。現階段的UI設計，通常來說是一定程度上包含了網頁設計的內容的，目前的UI設計面向的方向很廣泛，除了UI設計，還包括了網站管理、網頁設計、交互平台設計、app移動界面設計、用戶體驗、產品設計、電商包裝設計等。而網頁設計通常來講是專門負責網站中各個頁面的設計。而網頁設計中，最先提到的就是網頁的布局。布局是否合理、美觀，將直接影響到用戶的閱讀體驗及訪問時間。

總之，UI設計包含有網頁設計的內容，但是網頁設計是一種更專業的網頁界面、布局等設計。

10、前端開發和網頁設計有什麼不同

web前端開發和網頁自作之間並沒有很明顯的區別，因為前端開發技術就是網頁製作的延伸，前端就是在原有的網頁製作技術上進行各種拓展延伸。