前端網頁設計

1、網頁前端和網頁美工的區別

美工和網站前端是兩個不同的職位，兩者的職能也不一樣。美工是美術工程師(Art Engineer)，一般出身於藝術美術院校的藝術設計專業居多；網頁前端是Web前端開發工程師的簡稱，是近五年才真正開始受到重視的一個新興職業。

美工和網頁前端的具體職能如下：

一、美工

根據工作性質美工一般分為平面美工、三維美工、網頁美工三大類。

平面美工是由美工用Fireworks 或者 Photoshop 設計出平面外觀；

三維美工是由美工用3DMAX等工具進行三維角色模型設計，道具模型設計，環境場景模型設計，包裝設計等；

網頁美工是美工用Dreamwerver等網頁編輯軟體把已經設計好的平面效果圖，製做成HTML靜態網頁文件。這里就要求美工用到CSS和DIV技術了，也就是所謂的切圖。

二、網頁前端

Web前端開發技術是一個先易後難的過程，主要包括三個要素：HTML、CSS和JavaScript，這就要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和伺服器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。

三、總結

簡單來說，美工偏向於設計，把用戶需求轉換成設計稿；而前端開發偏向於代碼，把設計稿轉換成可運行的代碼。

2、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前端開發，盡可能通過系統培訓多涉獵一些相關知識，這對於將來職場發展會更有幫助，可以在以後職場中更好的相互協作和支持。

3、網頁前端製作和後端製作的區別

前端
Web應用按照客戶-服務體系結構分類為分布式應用。所以我們的代碼有一部分運行於客戶端，還有一部分運行於服務端。運行於客戶端部分的應用（大多數情況下，客戶端是指我們的Web瀏覽器）被成為前端。最常見的用於前端開發的技術組合是HTML+CSS+JavaScript，設計人員通常使用這些技術開發專業知識來創建Web應用的前端。HTML這個超文本標記語言，主要用來展示一些文本、圖片、表格、鏈接等；其次是CSS——層疊樣式表，CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化；最後一門重要的技術叫做JavaScript——腳本語言，常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。
後端
後端一般指的就是我們網站的伺服器程序，他們決定了我們網站的運行邏輯，業務核心，我們通過它來處理業務，操作資料庫。後端開發者編寫運行於伺服器上的代碼。通常情況下，這部分工作需要為讀/寫數據、讀/寫文件、製作業務邏輯等連接資料庫。有些情況下，業務邏輯是駐留在客戶端的，這時客戶端通常以Web服務的形式被用以服務來自資料庫的數據。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。後端入門稍困難，每天關注的是業務邏輯的處理，數據的增刪改查、性能的優化。對應jsp、javaBean 、層、action層和service層的業務邏輯代碼。（包括資料庫）

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

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

5、web前端工程師和網頁設計有什麼區別？

前端和設計師，
如果要區分的話，區別蠻大的。
前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。

設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員......

6、網頁設計和web前端的區別

前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。
設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員。

7、web前端和網頁設計有什麼分別啊？

web前端通常稱為軟體設計或者美工，普遍工資確實要比網頁設計高，因為軟體的收費比網頁或者網站高多了，一個網站收費過萬就算比較高了，而軟體隨隨便便就是好幾萬的，一二十萬、幾十萬甚至上百萬的都也是正常，但是網站的製作周期比較短，小點的網站通常是一兩周之內就可以完成，而軟體的周期短則幾個月、半年，長則一年幾年都有可能，像我們公司就是給政府部門做監控及統計軟體的，每個項目隨隨便便都是半年以上的製作周期。

收費嘛自然也比較高，有個項目都做了3年了，不過這個項目是個長期項目，不斷的提交又不斷的增加新功能而已。

話說回來，網頁設計和web前端其實差別並不太大，對於設計師來說兩者也就是界面模式不同而已，對於熟練的設計師來說，兩者之間可以很好的轉換，頁面/界面布局的方式其實還是一樣的，使用的也還算div+css布局。

我本人做這行已經8年了，剛開始做了2年的網頁設計，後來轉了軟體設計一直做到現在，老實說做軟體設計確實是工資高了，工作也更輕鬆了，因為做網頁的公司普遍規模都不大，為了能有收益必須大量的接單，這也勢必造成工作量很大，但是設計公司又普遍是有項目提成的，所以工資有時候反而比做軟體的高，做軟體的普遍是拿固定工資的，所以說兩者的工資水平並不是絕對的，只能說做軟體更輕松一些。

8、網頁設計前端和後端的區別？越詳細越好。

前端開發和後copy台開發是有區別的，工作的內容和負責的東西是完全的不同的，以下以網站的開發為例。

1、前端開發
前端開發現在一般指的就是web前端開發工程師，其負責是網站前端頁面也就是網頁的頁面開發，簡單的說網站前端負責是東西是網站用戶可見的東西，如網頁上的特效、網頁的布局、圖片、視頻等內容。網站前端工程師的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁，並和後端開發工程師配合做網頁的數據顯示和交互。

2、後端開發
後端開發一般也叫做後台，其負責是網站後台邏輯的設計和實現還有用戶及網站的數據的保存和讀取。比如一般網站都是有用戶注冊和登錄的，用戶的注冊的信息通過前端發送給後端，後端將其保存在資料庫中，用戶登錄網站的時候，後端需要通過用戶輸入的用戶名和密碼是否與資料庫中的一致來判斷用戶是否有許可權登錄，這是後台開發中的一個最簡單的功能。

9、前端開發和網頁設計有什麼區別

前端開發工程師獨立出來主要就是做數據交互、後台處理、SEO優化等工作，要熟練各種腳本語言和運行環境，熟悉XML、SQL、ORACLE等資料庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網站處理技術。

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。