1. 前端開發和網頁製作的區別
前端開發和網頁製作不是一個職位，即前端開發包含網頁製作。
網頁製作：一般意義上的網頁製作可以分為兩部分，即網頁設計和網頁排版，僅從技術上來說，學會兩個軟體就夠了，Photoshop和Dreamweaver。前者負責設計效果圖和切圖即網頁設計，後者負責編寫html代碼以及css樣式表文件，也就網頁排版，將切割後的圖重新按照效果圖的樣子擺放在網頁對應的位置上。如果對網頁製作下個定義，就是用網頁製作工具製作網頁。
前端開發：到目前為止沒有一個明確的定義，甚至將後台的某部分引入到前端開發之中，但是聽起來也不無道理。下面給出一個前端開發工程師需要掌握的技能表：
前端開發工程師的核心技能：
1、開發語言。
核心掌握的語言有html+css+JavaScript。html發展歷史有出現有二十多年，歷經多次版本更新，JavaScript作為最難的語言之一，許多編程高手對之也不敢妄自菲薄自封精通。許多人都說前端開發要掌握的技能太簡單，這是對html語言的一種誤解。之前由於工具和沒有較強邏輯性，大部分人對前端開發很輕視。導致前端開發在國內的發展異常緩慢。即使是現在，許多在前端開發的人員還不知道為什麼要有html5和css3，這兩項技術能帶來什麼革新就更不必問了。由於JavaScript與html的差異性，以及靜動態分開處理的一些好處。在大公司編寫靜態效果和動態效果往往是分開由不同的人完成的。小公司因為需要壓縮成本，就要求每個人會的越多越好。至於php等一些後台語言，則是前端開發的擴展語言，想要成為前端開發項目經理，必須要懂得後台實現的思路，並能夠寫出適合後台修改的模板，不會讓他們頭大的想砸電腦。試想在DW生成的一個1MB多的頁面里出現了錯誤，什麼時候才能找到錯誤的根源並解決?
2、瀏覽器調試
電腦上的瀏覽器，有IE678，Firefox，chrome，opera，safari，遨遊，包括國內主流的搜狐，騰訊TT，360，世界之窗。從內核上講主要有IE的，遨遊版IE，safari，firefox以及opera的。每種內核對代碼的解析是不完全一樣的，即使同樣內核也可能存在很大差異，如IE和遨遊版的IE。不說非主流的瀏覽器，就主流的8個瀏覽器，要做到完全兼容，並不是那麼輕松的。需要長時間的積累測試，需要前端開發工程師對前端開發的熱愛和激情。
3、hack技術
這項技術其實沒必要單獨列出來，前端開發人員往往要給別的人去擦屁股，這時候hack技術就能大顯神威，提高工作效率。雖然寫代碼都要求按照標准來，不寫hack代碼，但實際工作中給別人擦屁股是免不了的。所以這也應該是每個前端開發人員必備的技能。
4、業內標准
這些標准代表了互聯網發展的方向，也代表了前端開發的一種信仰。寫的代碼，都要100%通過標准驗證，為通過標准驗證而感到自豪。這種推動業界發展的自豪感，是許多後台工作人員所不能體會到的。
此外一些PS等一些知識也要掌握
掌握以上技能，可以說只能算是一個合格的前端開發人員，能夠參與到一個大的項目中，或者自己獨立寫出一個網頁。此時和網頁製作設計的區別不是特別明顯，效果上來看，都是製作網頁的，但實際上，技術上所超於的已經是幾個檔次的東西了。而這些，恰恰是一個普通網頁製作設計所做不到的事情。因為不懂DW背後的代碼，也有部分人說懂得手寫代碼，只能說，不在手寫代碼中實踐、解決問題，根本不能領會到手寫代碼的精髓。
顯然一個好的前端開發人員是連通和設計和代碼之間的一個橋梁。既要有理工的嚴謹又要有文藝的情懷。既要懂得交互設計，提高用戶體驗，又要具有美術基礎和審美能力，而在此基礎之上，還要對已完成的頁面進行維護和以及網站前端性能做相應的優化。而網頁製作只是這整個前端開發過程的一個組成部分，所以真正的前端開發人員是一個很厲害的角色。
2. 前端開發和網頁設計有什麼區別
最早的網頁製作，需要負責網頁設計和網頁製作兩種工作，隨著行業的不斷向前發展，網頁製作崗位和網頁設計崗位開始分離開，網頁製作崗位發展成了「WEB前端開發工程師（或HTML5開發工程師）」，只負責網頁的開發、代碼編寫方面的工作。
而網頁設計，主要負責設計網頁（成品是psd版本的高保真原型圖-設計圖）。
對於當前的前端開發工程師（HTML5開發工程師），並不需要掌握網頁設計方面的知識，但是需要掌握PS的基本知識，並能夠實現網頁的切圖。把網頁設計師提供的設計圖轉換為最終的網頁。
3. 網頁設計跟前端開發一樣嗎
不一樣的。網頁設計是主要以設計為主，實現視覺上的效果；而前端開發是編程代碼，實現設計的效果；兩者是前後銜接的關系。
4. web網頁設計和web前端有什麼區別
設計就是呈現的過程，前端設計是通過色彩/構圖/等元素賦予頁面性格和特點，前端也是展現，通過色彩先抓住自己的目標人群，通過設計表現自己。
當然這僅僅是是web前端設計的一部分而已，這被成為-界面設計。WEB前端設計實際上是網頁製作 ，經過web1.0進入web2.0之後網站的前端由此發生了翻天覆地的變化，網頁不再只是承載單一的文字和圖片,它除了設計還要掌握開發技術，如：HTML、CSS和JavaScript等。
網頁製作
網頁製作是Web 1.0時代的產物，產生在2005年左右。那個時候的網頁主要是靜態頁面。
靜態頁面就是能使用戶瀏覽網頁但不能與伺服器進行數據交互。例如，發布一篇文章，用戶只能瀏覽這個文章的圖片或文字，卻不能在網頁上發布評論。
可能一些人聽說過「網頁三劍客」，這個組合就是Web 1.0時代的網站開發工具。網頁三劍客指的是「Dreamweaver、Fireworks、Flash」3款軟體。
前端開發
現在的「前端開發」是從「網頁製作」演變而來的。互聯網於十多年前進入了Web 2.0時代，在Web 2.0時代，網頁分為兩種：「靜態頁面」，「動態頁面」。
靜態頁面與前文「網頁製作」所描述的相同。
動態頁面就是在靜態網頁中添加與伺服器的交互功能。例如，某一天，小藍有點難受打算看個小視頻緩解一下，他打開了一個存儲多年的網站，網站需要賬號和密碼，小藍輸入了自己的賬號和密碼，然後登錄。這個時候網站後台伺服器就會對這個賬號和密碼進行驗證，成功後才可以登錄。
Web 2.0時代，如果僅使用「網頁三劍客」來做開發，是不能滿足大量數據交互開發需求的。現在的「頁面開發」，更接近傳統的網站後台開發。因此，不再叫「網頁製作」，而是叫「前端開發」。
5. 前端開發和網頁製作設計有啥關系為啥都說學前端開發好找工作
所謂的前端開發其實就是網站前台美工，對於一個專門做網站的公司，前台美工是很重要的，因為客戶看重的是頁面美觀，他不會關注後台實現的程序。所以一般來說前台美工要比程序員賺的多。如果你要是想學前端開發還是建議你學學PS，如果你又懂網站美工，又懂PS，一個月拿上5000k是沒問題的。
6. web前端開發和網頁製作有什麼區別詳細點
網頁設計一般包含整站網頁視覺方案，提供PSD或PNG格式的主要頁面預覽圖，高級一點的還會給出標准配色表，風格設計指南（內含一般性風格設計規格：設計理念，留白間距，按鈕樣式，使用場景）等附件。大公司一般還有交互設計師，主要關注人機界面的易用性和用戶友好性。
前端開發簡單來說就是負責將網頁設計和互動設計的方案轉換為可工作的Html + Css + js文件。
在互聯網行業中, 網頁設計和前端開發是項目中的不同環節。
網頁設計一般指交互設計和視覺設計, 他們負責將商業需求轉化為 Web 解決方案, 最終產物是交互稿和視覺稿, 分別用於說明網頁的外觀和 actions. 而前端開發則是通過交互稿, 視覺稿, 將預期的效果實現出來, 最終產物是 HTML Demo, 包括 HTML, CSS, JavaScript 代碼。(但據三點共圓所知, 有些公司的 CSS 和 JavaScript 開發也是分開的, 比如騰訊。）
前端開發，需要涉及ajax交互，需要改變頁面顯示，復雜的ajax應用需要涉及很多模塊的劃分、業務邏輯的考慮，在ajax應用越來越成熟強大的今天，很多過去後端處理的業務邏輯工作也慢慢放在了用戶的瀏覽器上來完成，這些工作也就交給前端工程師來做了。
如果根據明確分工的話，前端開發不包含ui設計部分，主要工作在於切圖、製作靜態頁面、製作特效、jq、ajax、與後台程序結合部分。
大家所認為的前端開發工作主要在於UI設計和用戶體驗。三點共圓向客戶提供的前端開發內容包括：UI設計，axure交互文檔，靜態頁面製作，css3 動畫和jq動畫。最終提供的成品文件包括：img、css、js、html、icon、font。至於與後台程序結合的工作則可以不負責。
7. UI設計和前端開發有什麼區別哪個好
大家都知道互聯網行業發展前景大，而IT行業中除了Java開發和軟體測試這兩個崗位外，UI設計和Web前端開發也是當前比較火爆的兩大互聯網崗位。
隨著移動互聯網的深入發展，目前市場對這兩大專業人才的需求有增無減。而對於那些想要轉行IT拿高薪，但又不願意天天擼代碼的人而言，做UI和做前端就成了一個比較合適的選擇。
當然，對於很多小夥伴來說，UI設計和Web前端到底有什麼區別，哪個更好學？哪一個發展前景又更好，大家都還是比較迷茫的。
UI設計
1、什麼是UI設計？
UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即UserInterface(用戶界面)的簡稱。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。比如：哪些常用功能放在什麼位置用戶用起來最順手，所有會影響使用者體驗的一切。如架構、互動、內容與及使用者對象、需求、價值觀。
2、UI設計需要掌握的技能？
視覺設計主要是以美術設計為主，界面的色彩、結構、圖標等工作都需要視覺設計師來完成。主要使用的軟體是以Adobe公司的軟體為主，如PS、AI、AE、FW等，一般來講從業者都是美術專業相關院校的畢業生，也有少部分計算機專業畢業生。
交互設計主要是以產品交互原型設計為主，完成設計交互原型圖，但這其實是一個很考驗綜合能力的職位，需要了解用戶體驗知識、界面設計知識、產品業務知識等。交互的設計軟體比較多，每個都有自己的特點，比如AxureRP、Balsamiq Mockups、Omnigraffl Pro等，一般來講都是需要一定的從業經驗才能很好勝任。
web前端
1、什麼是Web前端開發工程師？ 主要進行網站開發，優化，完善的工作。網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。
一位好的Web前端開發工程師在知識體繫上既要有廣度，又要有深度，所以很多大公司即使出高薪也很難招聘到理想的前端開發工程師。現在說的重點不在於講解技術，而是更側重於對技巧的講解。技術非黑即白，只有對和錯，而技巧則見仁見智。以前會Photoshop和Dreamweaver就可以製作網頁，現在只掌握這些已經遠遠不夠了。無論是開發難度上，還是開發方式上，現在的網頁製作都更接近傳統的網站後台開發，所以現在不再叫網頁製作，而是叫Web前端開發。Web前端開發在產品開發環節中的作用變得越來越重要，而且需要專業的前端工程師才能做好，這方面的專業人才近兩年來備受青睞。
2、Web前端工程師需要掌握的技能？
必須掌握基本的Web前端開發技術，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握這些技術的同時，還要清楚地了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug。在一名合格的前端工程師的知識結構中，網站性能優化、SEO和伺服器端的基礎知識也是必須掌握的。
必須學會運用各種工具進行輔助開發。除了要掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持，等等。可見，看似簡單的網頁製作，如果要做得更好、更專業，真的是不簡單。這就是前端開發的特點，也是讓很多人困惑的原因。如此繁雜的知識體系讓新手學習起來無從下手，對於老手來說，也時常不知道下一步該學什麼。
代碼質量是前端開發中應該重點考慮的問題之一。例如，實現一個網站界面可能會有無數種方案，但有些方案的維護成本會比較高，有些方案會存在性能問題，而有些方案則更易於維護，而且性能也比較好。這里的關鍵影響因素就是代碼質量。CSS、HTML、JavaScript這三種前端開發語言的特點是不同的，對代碼質量的要求也不同，但它們之間又有著千絲萬縷的聯系。
綜合來說，UI設計和Web前端開發都與產品頁面有很大關系的，只是前者更偏向於設計，而後者需要懂得更多的技術，需要把UI設計出來的東西與後端結合，實現出來，所以Web前端的核心發展肯定會更好，但相對而言學習也會比UI難一點。
8. 前端開發,網頁製作、網頁設計有什麼區別
前端開發
含義：Web前端開發是從網頁製作演變而來的，名稱上有很明顯的時代特徵。
發展：在互聯網的演化進程中，網頁製作是Web1.0時代的產物，那時網站的主要內容都是靜態的，用戶使用網站的行為也以瀏覽為主。
核心：掌握HTML是網頁的核心，是一種製作萬維網頁面的標准語言，是萬維網瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是目前網路上應用最為廣泛的語言，也是構成網頁文檔的主要語言，學好HTML是成為Web開發人員的基本條件。
網頁製作
含義：網站是企業向用戶和網民提供信息（包括產品和服務）的一種方式,網頁製作是企業開展電子商務的基礎設施和信息平台，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為「網路商標」，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。網頁製作是指使用標記語言（外語：MarkupLanguage）。
發展：網頁製作是網站策劃師、網路程序員、網頁設計師等崗位，應用各種網路程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，並包含域名注冊查詢和主機託管等服務的總稱。
特性：網頁可以分為靜態網頁和動態網頁。靜態網頁頁面上的內容和格式一般不會改變，只有網管可根據需要更新頁面；動態網頁的內容隨著用戶的輸入和互動而有所不同。
網頁設計
含義：網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息。（包括產品、服務、理念、文化）
發展：網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
分類：分為三種大類，功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
工作目標：通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
9. web前端和網頁開發有什麼區別
Web前端是用來開發用戶通過瀏覽器可以瀏覽和使用Web頁面的信息系統，而網頁開發就是利用html、css等開發基本元素，製作網頁排版以及特效，完成網頁的開發。需要掌握的內容不同。