1、ui設計、網頁設計和web前端的區別是什麼？
首先，什麼是Web前端開發呢？通俗來講，當你打開某個網站時，往往第一時間被那些炫酷的動態網頁設計所吸引。但是，如果沒有Web前端工程師，這些圖片是不會動的。這樣一個動態網頁是怎麼實現的呢？首先，需要UI設計師按照市場部要求進行每張圖片製作；然後WEB前端工程師通過技術手段實現滾動效果。通俗點說web前端工程師就是用HTML5、CSS3、Java、jQuery、Ajax等技術把UI設計的頁面效果做成網頁，結合Bootstrap、AngularJS等最新的JS框架和後台開發工程師搭線，最終實現讓大家看到的電商平台上那些動人的精美頁面。
那麼什麼是UI設計呢？UI即UserInterface(用戶界面)的簡稱。UI設計是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。通常包括平面設計，網頁設計以及移動界面設計。
其中，網頁設計和移動設計這一崗位方向，需要學習Web界面設計、PC客戶端軟體界面設計、HTML5語言、CSS樣式表、布局技巧與瀏覽器兼容等技術。因此從這一點來說，web前端開發與UI設計之間是互通的，也就是說，通過系統UI培訓後，你將來有可能會成為一名web前端工程師！
二者最大的區別就是：WEB前端工程師是要寫代碼的，而UI設計師重點在設計上。因此，對於廣大學員到底學UI設計好還是WEB前端開發好這一疑問，海文國際建議，學哪一個都不錯，但最重要的是看你自己的興趣所在。然而，對於初學者來說，無論是UI設計好還是WEB前端開發，盡可能通過系統培訓多涉獵一些相關知識，這對於將來職場發展會更有幫助，可以在以後職場中更好的相互協作和支持。
2、網頁前台開發和網頁設計有什麼不一樣嗎？？
說的是web前端和，網頁設計么，一般來說所謂的網頁設計也就是美工，待遇可想而知，是不會高到哪去的，不過相對應的要求也比較低，會用PS等軟體做美工，會dw，稍微懂點html,div+css，再能知道點js，也就差不多了。web前端的話，要求比較高不僅前台的設計都要會，js需要較為精通，還要懂後台PHP,JSP,ASP等後台開發語言，至少會一種，要熟悉，了解框架，待遇自然也比較高。不過項目經驗十分重要。
3、前端開發和網頁設計有什麼不同
web前端開發和網頁自作之間並沒有很明顯的區別，因為前端開發技術就是網頁製作的延伸，前端就是在原有的網頁製作技術上進行各種拓展延伸。
4、網站開發和網站建設有什麼區別
當一個企業准備做自己的企業網站或其它類型的網站，或者對於剛接觸網站建設的人來說，難以搞清模板網站和定製開發網站的核心區別。網站建設定製開發與模板網站的最核心的區別到底是什麼呢，最核心的區別是質量、功能、個性化、版權、價格。
第一、質量的區別
模板網站就是非常低端的網站，說白了就是將別人做好的程序與平面換個公司名、欄目名或LOGO就上線運行了，這種網站不能保證網站的質量，更不能保證網站上線正常運行，特別讓人不放心的是，網站的安全性完全沒法保證。現在網上提供這種免費的源程序多如牛毛，基本不需要花錢就可以得到，反之，網站建設定製開發就不存在上面的情況，都是網站開發公司員工自己的汗水成果。
第二、功能的區別
模板網站的功能千篇一律，功能簡單且沒有個性，換句話說，不管您有什麼其它要求，都沒有辦法更改，這就造成了，你不要的功能一堆無法刪除，而想要的功能卻沒辦法進一步擴展或增加，如同雞肋，更讓人傷心的是，維護管理不方便，也不定適合用戶的操作習慣，反之，網站建設定製開發就不存在上面的情況，都是根據客戶的功能要求進行的，完全滿足客戶的功能要求與操作習慣，並且可以保證網站的規模與功能進一步擴展與擴充。
第三、個性化的區別
模板網站幾百個甚至上千個網站放置在同一台伺服器上。即便是今天，很多公司的模板網站都一樣非常簡陋，相似度達到90%以上，好多網站除了LOGO不一樣，欄目名稱不同，其它完全相同，對瀏覽者來說，一點吸引力都沒有，何來的網站流量與交易量呢?更加談不上網站漂亮了。為什麼這樣?原因簡單，模板網站不能修改模板，選好了模板，無法編輯，無法自定義模板，共享模板設計出來的頁面，往往是一個呆板而雷同的頁面，讓人感覺死氣沉沉。而網站建設定製開發就不存在上面的情況，都是根據客戶的頁面要求進行頁面製作與設計，充分體現了網站的個性化，可以新增或修改頁面布局，給瀏覽者完全不同的網站風格，讓人眼前一亮。
每四、版權的區別
模板網站的版權是個問題，因為絕大多數的模板網站是來源於網上提供這種免費的源程序，版權沒法保障，隨時都可能受到舉報或傳票，一場官司下來，真是費時費力費金錢，特別是當您將網站搞到一定程度有模有樣的時候突然出現這種情況，試想一下，您將要如何呢?而網站建設定製開發就不存在上面的情況，完全享有網頁設計著作權。
第五、價格的區別
很多企業或個人在建站時，都會打探多個網路公司，從報價到設計等問題一一詢問。很多朋友都把價格排在了第一位。大家應該知道，一分錢一分貨，網站建設定製開發價格肯定要比模板網站高，因為定製開發的網站不管從人力成本、還是開發成本都是很高的，價格自然要高，而模板網站因為網站設計頁面與功能千篇一律，都是現存的相同的，所以價格低。
如果公司或個人實力尚可，企業或個人建站最好選擇網站建設定製開發，更能保證網站運行穩定、體現網站個性化、網站功能更加能滿足實際需要、網站操作習慣更適合使用者，管理者管理網站方便。
5、網站的規劃與設計分別包括哪些內容
一、建設網站前的市場分析
1、相關行業的市場是怎樣的,市場有什麼樣的特點，是否能夠在互聯網上開展公司業務。
2、市場主要競爭者分析，競爭對手上網情況及其網站規劃、功能作用。
3、公司自身條件分析、公司概況、市場優勢，可以利用網站提升哪些競爭力，建設網站的能力（費用、技術、人力等）。
二、建設網站目的及功能定位
6、網頁設計與開發
網頁製作：網頁的排版，根據美工的設計，把版面效果實現成html網頁。
相當於你定做衣服的時候，服裝設計師設計好了款式，由裁縫來裁剪並縫製成成品。網頁美工相當於服裝設計師，網頁製作人員就是裁縫。網站開發：顧名思義，網站是由很多網頁組成的，它包含了網頁製作。網站開發是按需求來設計版面，再來把一個個功能頁面鏈接起來的「超級網頁」。網站主要開發包含：版面設計(根據需求設計版面)、網頁製作(把版面實現成html網頁)、功能開發(比如留言評論、會員管理)這幾塊。
7、網頁開發與設計的基本流程是什麼?
網頁製作流程
--------------------------------------------------------------------------------
主要內容介紹：
一、構成網頁的基本要素
二、製作及美化的基本工具
三、網頁製作的基本步驟
四、界面設計及交互研究探討
五、實例製作演示
一.構成網頁的基本要素
1.文字（標題、字型大小、字型...）
2 圖形（網頁上經常使用的圖片格式：jpg、jpeg、Gif、Swf...）
3.交互功能（菜單按鈕、鏈接、表單、數據交換...）
...
超文本標識語言（HTML）
HTML（Hypertext Markup Language）是一種專門用於Web頁製作的編程語言，用來描述超文本各個部分的內容，告訴瀏覽器如何顯示文本，怎樣生成與別的文本或圖像的鏈接點。
在HTML中，所有的標記符都用尖括弧括起來。
例如，<HTML>表示HTML標記符。絕大多數標記符都是成對出現的，包括開始標記符和結束標記符。
如：<HTML>…<／HTML> .
HTML文檔的基本結構
一個典型的HTML文本的基本結構形式如下：
<HTML>
<HEAD>
<TITLE>網站製作流程及界面交互設計研究探討<／TITLE>
<／HEAD>
<BODY>文本內容：<／BODY>
<／HTML>
二.製作及美化的基本工具
1．超文本標識語言（HTML）
編輯工具：editplus、dreamweaver、記事本、FrontPage、
2．頁面設計及美化工具
使用工具：所有可製作平面的軟體
推薦使用Photoshop、FireWorks、Flash
三、網頁製作的基本步驟
1、整體規劃
需要完成的規劃：網站主題、風格、頁面元素、邏輯結構等
2、資料收集
收集內容：
a、跟主題相關的文字圖片資料
b、一些優秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼
3、偽界面設計
根據事先規劃的結構，在平面軟體里設計你想要的最終效果，利用平面圖片的形式先展示一次，設計時要注意宜人性、人機、心理等各方面因素
4、代碼轉換及交互添加
把平面的偽界面轉化為HTML代碼，添加相應的交互功能Js、按紐、表單，以及一些與資料庫相連接的代碼。
5、測試網頁兼容性
你可以不必嚴格按照W3C標准來製作頁面，但是你必須保證讓所有現有的瀏覽器能比較好的展示你的作品。
6、發布站點
測試完畢，符合你的要求，當然就可以開始發布你的網站了，發布的伺服器可以是遠程，也可以是本地，各個語言有各自的相應的伺服器，比如ASP，就應該對應的是ASP伺服器，上傳可利用遠程FTP工具。
四.界面設計及交互研究探討
a、導航欄設計
導航要素設計的好壞決定著用戶是否能方便使用網站導航要素要設計的直接而明確，並最大限度為用戶的方便考慮。
b、網頁布局
網頁的布局是整個界面的核心，這里體現了一切以用戶為中心、以及製作者如何與欣賞著溝通的思想在裡面，你必須知道自己要傳達什麼樣的信息，別人使用起來合適不，字體的大小、型號、字間距、行間距，以及配色所有的一切都在這個階段完成，所以如何表現功能以及美感就是你研究的重點。
PS:布局之前要緊密連接你網站的主題，要注意把握整體風格，你可以事先在紙上勾畫草圖，利用你習慣的元素來表現你想要的效果
網頁布局--主要構成原則
醒目性：指用戶把注意力集中到你誘導起瀏覽的部分和內容
可讀性：指網站的內容讓人容易讀懂
明快性：指准確、快速轉達網站的構成內容
造型性：維持整體外型上的穩定感和均衡性
創造性：有鮮明個性，創意是必不可少的
布局的構成原則上是:統一、協調、流動、強調、均衡
c、交互研究
我這邊的交互主要集中在人機操作方面，研究用戶瀏覽網站心理我個人認為一個成功的個人主頁，單純的美觀是不夠的，重要的是宜人性方面應該注重，喜歡Google、Douban就居於這。
五、實例製作演示(略）
1、頁面製作整體規劃
對象：一個列印商業宣傳主頁
格調:活潑，色彩，簡單，大方
2、資料收集
a 、商標、網址、公司宣傳冊、了解企業文化，了解負責人的品位、他們的案例、跟負責人溝通掌握信息
b 、網上下載相似印刷行業的公司主頁，了解現有行業的的一些設計特點
c、下載一些色彩比較華麗的圖片，或跟印刷相關連的圖片
d、如果你自己不會動態語言，下載一個滿足你功能的新聞發布系統和留言源碼
3、偽界面設計
a、在PS設計偽界面
b、切片工具對整體進行合理的分割
注意點：隱藏你要通過輸入的文字，分割時要保持他的整體意義，盡量讓每一部分是完整的，注意一些交互上操作。
c、導成WEB格式-直接導成HTML格式—步驟:
1、.點擊文件存儲為WEB文件格式
2、在界面裡面調整理想參數
3、導出保存PS能自動生成一些HTML代碼，但是他不是很標准，你必須在Dreamweave裡面進行加工
d、在Dreamweave裡面進行代碼加工
具體步驟：
1、先修改標題
2、修改頁面屬性：背景顏色、背景圖片.....
3、把頁面調整為布局格式（這個可以按照自己習慣來設置，有標準的表格方式，也有布局類型）
4、把要添加文字的圖片轉化為背景形式
a、找到對應圖片路徑
b、拷貝路徑後刪除圖片
c、轉化為標准形式
d、把路徑粘貼到背景屬性上
e、回到布局界面
5、添加具體文字連接設置等操作
6、CSS設置
7、修整代碼，發布預覽按F12即可預覽效果
4、測試網頁兼容性
按照你設計時的對象,根據IE版本以及瀏覽器的不同，調整理想的效果，但是大部分出現問題的是JS\VB等代碼，如果只是單純靜態圖片，基本不會有很大的差別，推選大家盡量往W3C標准靠
5、發布站點
購買自己的空間域名，其實事先就應該購買的，利用FTP上傳軟體，把你的頁面上傳到你的網上伺服器上推薦一款FTP上傳工具LeadFTP
8、web前端開發和網頁製作有什麼區別？詳細點
可以說「會做網頁」不等於「前端開發」。前端開發是寫代碼的，是用代碼來構建網頁界面和交互。
如果把前端開發工程師和網頁製作對立開來講，就不能不說說其中的區別了：
第一：兩者的知識面差距是巨大的。
網頁製作只需要掌握DIV+CSS就行了，現在還有大量使用Dreamweaver的網頁製作人員存在就是個很好的證明，好一點的網頁製作人員會懂些簡單的js，可能會修改些js代碼。而一個前端開發人員是在這個基礎上把知識面進行了很大的擴展。比如為了提高頁面解析速度的背景圖合並技術，一個簡單的背景圖合並需要成熟的標簽嵌套思想和簡單的ps技術；比如對搜索引擎友好的屬性的設置，標簽的使用。
第二：兩者對技術的理解深度差距是巨大的。
一個技術較高前端開發人員的代碼質量要遠遠高於一個網頁製作人員，表現在代碼精簡度與可讀性、圖片的處理、對搜索引擎友好性、以及後期維護的難易度等等方面。很多網頁製作人員極少使用a標簽，設置鏈接的時候習慣用input加js跳轉。這都是技術面廣度差距引起的對div+Css技術理解深度不足的體現。
前端開發人員全局性的視角，可以讓代碼變成一種藝術。div+css的技術就好像一把寶劍，網頁製作人員也就能練成華山劍法，而前端開發人員耍的是獨孤九劍。劍是同一把，關鍵在耍劍的人而已。
第三：兩者在具體工作中的受重視程度是差距巨大的。
這個很好理解，高技術有高待遇，受重視，受尊敬，更好的發展前景。
9、網頁設計和網站開發有什麼不同？
網站開發包含網頁設計，網頁設計指的是網站的UI設計，一般指的是網站的前端設計，而網站開發則包含了整個網站，包括前端的設計、功能實現和後端的開發。