web前端分為網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工、web前端開(kāi)發(fā)工程師首先網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)的架構(gòu)、色彩以及網(wǎng)站的整體頁(yè)面代碼負(fù)責(zé)網(wǎng)頁(yè)美工只針對(duì)UI這塊兒的東西，比如網(wǎng)站是否做的漂亮web前端開(kāi)發(fā)工程師是負(fù)責(zé)交互設(shè)計(jì)的，需要和程序猿進(jìn)行交互設(shè)計(jì)的配合。web前端需要掌握的有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁(yè)面搭建技術(shù)，ajax和jquery以及簡(jiǎn)單的后端程序等。 后端的話可供開(kāi)發(fā)的語(yǔ)言有 asp、php、jsp、.NET 這些后端開(kāi)發(fā)語(yǔ)言的話搭建環(huán)境都不一樣，具體如果你想學(xué)的話看是想從事前端部分還是后端程序部分。后端開(kāi)發(fā)如果有一定的條件的話可以轉(zhuǎn)為軟件開(kāi)發(fā)。不過(guò)要有一定的語(yǔ)言基礎(chǔ)，類似java語(yǔ)言。C#等。關(guān)鍵是看你的興趣愛(ài)好。這個(gè)到后期不會(huì)區(qū)分這么細(xì)，做前端到后期也會(huì)懂一些后端的技術(shù)，反之，后端也是。在我們實(shí)際的開(kāi)發(fā)過(guò)程中，我們當(dāng)前這樣定位前端、后端開(kāi)發(fā)人員。 1）前端開(kāi)發(fā)人員：精通JS，能熟練應(yīng)用JQuery，懂CSS，能熟練運(yùn)用這些知識(shí)，進(jìn)行交互效果的開(kāi)發(fā)。 2）后端開(kāi)發(fā)人員：會(huì)寫(xiě)Java代碼，會(huì)寫(xiě)SQL語(yǔ)句，能做簡(jiǎn)單的數(shù)據(jù)庫(kù)設(shè)計(jì)，會(huì)Spring和iBatis，懂一些設(shè)計(jì)模式等。 現(xiàn)在來(lái)看，我們對(duì)前后端的要求還是蠻低的，尤其是后端，新員工經(jīng)過(guò)培訓(xùn)之后都是可以參與到后端開(kāi)發(fā)的，沒(méi)有太高的技術(shù)門檻，唯一需要做的就是先變成熟練工種，這個(gè)階段沒(méi)有涉及到設(shè)計(jì)模式、架構(gòu)、效率等一些列問(wèn)題。 Web前端: 顧名思義是來(lái)做Web的前端的。我們這里所說(shuō)的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見(jiàn)碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺(jué)表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。 Web后端：后端的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。前端、后端的技術(shù)要求： Web前端： 1）精通HTML，能夠書(shū)寫(xiě)語(yǔ)義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。 2）精通CSS，能夠還原視覺(jué)設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器。 3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery 4）對(duì)常見(jiàn)的瀏覽器兼容問(wèn)題有清晰的理解，并有可靠的解決方案。 5）對(duì)性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項(xiàng)目中有效實(shí)施。 6）...... Web后端： 1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開(kāi)發(fā)，或者對(duì)相關(guān)的工具、類庫(kù)以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開(kāi)發(fā)的模式有較深的理解 2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫(kù)系統(tǒng)，對(duì)數(shù)據(jù)庫(kù)有較強(qiáng)的設(shè)計(jì)能力 3）熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮 4）精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式、UML建模等 5）熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開(kāi)發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力 6）......

前端開(kāi)發(fā)和后臺(tái)開(kāi)發(fā)是有區(qū)別的，工作的內(nèi)容和負(fù)責(zé)的東西是完全的不同的，以下以網(wǎng)站的開(kāi)發(fā)為例。1、前端開(kāi)發(fā)前端開(kāi)發(fā)現(xiàn)在一般指的就是web前端開(kāi)發(fā)工程師，其負(fù)責(zé)是網(wǎng)站前端頁(yè)面也就是網(wǎng)頁(yè)的頁(yè)面開(kāi)發(fā)，簡(jiǎn)單的說(shuō)網(wǎng)站前端負(fù)責(zé)是東西是網(wǎng)站用戶可見(jiàn)的東西，如網(wǎng)頁(yè)上的特效、網(wǎng)頁(yè)的布局、圖片、視頻等內(nèi)容。網(wǎng)站前端工程師的工作內(nèi)容就是將美工設(shè)計(jì)的效果圖的設(shè)計(jì)成瀏覽器可以運(yùn)行的網(wǎng)頁(yè)，并和后端開(kāi)發(fā)工程師配合做網(wǎng)頁(yè)的數(shù)據(jù)顯示和交互。2、后端開(kāi)發(fā)后端開(kāi)發(fā)一般也叫做后臺(tái)，其負(fù)責(zé)是網(wǎng)站后臺(tái)邏輯的設(shè)計(jì)和實(shí)現(xiàn)還有用戶及網(wǎng)站的數(shù)據(jù)的保存和讀取。比如一般網(wǎng)站都是有用戶注冊(cè)和登錄的，用戶的注冊(cè)的信息通過(guò)前端發(fā)送給后端，后端將其保存在數(shù)據(jù)庫(kù)中，用戶登錄網(wǎng)站的時(shí)候，后端需要通過(guò)用戶輸入的用戶名和密碼是否與數(shù)據(jù)庫(kù)中的一致來(lái)判斷用戶是否有權(quán)限登錄，這是后臺(tái)開(kāi)發(fā)中的一個(gè)最簡(jiǎn)單的功能。

網(wǎng)頁(yè)制作可以大體上分成四個(gè)工種：1 美工美工的主要任務(wù)是設(shè)計(jì)。了解用戶的意圖，分析網(wǎng)站配色，基本布局。繪制出一個(gè)網(wǎng)站效果圖。美工需要掌握的知識(shí)體系應(yīng)該包括網(wǎng)頁(yè)設(shè)計(jì)，UI（User Interface）用戶界面人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)，UED（user experience design）用戶體驗(yàn)設(shè)計(jì)--簡(jiǎn)單來(lái)說(shuō)就是如何使得網(wǎng)站更加便于交互。2 前端開(kāi)發(fā)美工在完成設(shè)計(jì)效果圖之后，由前端開(kāi)發(fā)人員將其制作成為適合瀏覽器查看的HTML頁(yè)面。由于現(xiàn)在移動(dòng)互聯(lián)網(wǎng)的大規(guī)模流行，加上各個(gè)不同廠商的瀏覽器的激烈競(jìng)爭(zhēng)，前端開(kāi)發(fā)的主要任務(wù)簡(jiǎn)單來(lái)說(shuō)就是使網(wǎng)頁(yè)在不同瀏覽器不同分辨率不同設(shè)備上提供相似或相近的瀏覽體驗(yàn)。前端開(kāi)發(fā)需要掌握的知識(shí)體系主要是兼容性問(wèn)題的解決，流暢完美的交互體驗(yàn)。具體到技術(shù)細(xì)節(jié)上就是HTML，CSS，JavaScript，各大公司各種不同內(nèi)核的瀏覽器、各種各樣的JS庫(kù)、簡(jiǎn)單的與后臺(tái)交互的知識(shí)。3 后臺(tái)開(kāi)發(fā)前臺(tái)開(kāi)發(fā)完成之后，就是后臺(tái)程序員的工作了，相比較前端來(lái)說(shuō)，后臺(tái)更像傳統(tǒng)意義上的程序員。后臺(tái)的工作簡(jiǎn)單來(lái)說(shuō)就是網(wǎng)頁(yè)文件對(duì)數(shù)據(jù)庫(kù)的增刪改查。后臺(tái)需要掌握的知識(shí)體系應(yīng)該包括，編程基礎(chǔ)，基本HTML語(yǔ)言，至少一門主流網(wǎng)頁(yè)語(yǔ)言（C#,C++,JAVA,PHP等），數(shù)據(jù)庫(kù)的操作等等。4 宣傳推廣前三個(gè)步驟完成之后，網(wǎng)站一定要推廣，簡(jiǎn)單說(shuō)就是營(yíng)銷。營(yíng)銷人員應(yīng)該掌握的知識(shí)體系應(yīng)該包括SEO,SEM,線上線下推廣，事件營(yíng)銷，危機(jī)公關(guān)等等復(fù)雜的知識(shí)。我對(duì)這個(gè)部分涉獵不多，不多說(shuō)了。另外，大型網(wǎng)站通常會(huì)在這四個(gè)崗位之間設(shè)立經(jīng)理或有的公司叫網(wǎng)頁(yè)架構(gòu)師，經(jīng)理主要是用來(lái)協(xié)調(diào)，溝通，領(lǐng)導(dǎo)這四個(gè)崗位。至于四個(gè)崗位有多少人就完全取決于公司的網(wǎng)站的規(guī)模了，我自己在2000年的時(shí)候做網(wǎng)頁(yè)基本上是四個(gè)活一個(gè)人做，除此之外還兼公司網(wǎng)管，電腦維修，有一段時(shí)間還兼司機(jī)，命苦啊~~

web前端與后端的區(qū)別主要是：1、要搞懂區(qū)別，我們首先要知道他們是什么。Web前端: 顧名思義是來(lái)做Web的前端的。我們這里所說(shuō)的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見(jiàn)碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺(jué)表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。 Web后端：后端的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。2、web前端分為網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工、web前端開(kāi)發(fā)工程師。首先網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)的架構(gòu)、色彩以及網(wǎng)站的整體頁(yè)面代碼負(fù)責(zé)網(wǎng)頁(yè)美工只針對(duì)UI這塊的東西，比如網(wǎng)站是否做的漂亮，web前端開(kāi)發(fā)工程師是負(fù)責(zé)交互設(shè)計(jì)的，需要和程序員進(jìn)行交互設(shè)計(jì)的配合。3、 web前端需要掌握的有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁(yè)面搭建技術(shù)，ajax和jquery以及簡(jiǎn)單的后端程序等。 后端的話可供開(kāi)發(fā)的語(yǔ)言有 asp、php、jsp、.NET 這些后端開(kāi)發(fā)語(yǔ)言的話搭建環(huán)境都不一樣4、實(shí)際的開(kāi)發(fā)過(guò)程中，前端、后端開(kāi)發(fā)人員的定位如下： 1）前端開(kāi)發(fā)人員：精通JS，能熟練應(yīng)用JQuery，懂CSS，能熟練運(yùn)用這些知識(shí)，進(jìn)行交互效果的開(kāi)發(fā)。 2）后端開(kāi)發(fā)人員：會(huì)寫(xiě)Java代碼，會(huì)寫(xiě)SQL語(yǔ)句，能做簡(jiǎn)單的數(shù)據(jù)庫(kù)設(shè)計(jì)，會(huì)Spring和iBatis，懂一些設(shè)計(jì)模式等。

很多時(shí)候，設(shè)計(jì)稿，和實(shí)際應(yīng)用，多多少少 都會(huì)一點(diǎn)差異的。不可能一模一樣。只要大體過(guò)得去就行，在說(shuō) 網(wǎng)頁(yè)在不同的 瀏覽器 或者不同的版本當(dāng)中 顯示都會(huì) 有點(diǎn)差異的。還有一點(diǎn) ，前端的編程人員，可能經(jīng)驗(yàn)不夠。

這個(gè)完全要看自己的基礎(chǔ)和愛(ài)好，如果是學(xué)美術(shù)或者設(shè)計(jì)出身當(dāng)然是學(xué)洗UI要好一些，但是如果是學(xué)習(xí)計(jì)算機(jī)或者編程出身就學(xué)習(xí)前端要好一些。首先說(shuō)一下兩個(gè)崗位的聯(lián)系和區(qū)別現(xiàn)在網(wǎng)站前端工程師和美工是兩個(gè)完全不同的職位，兩者的工作內(nèi)容也是完全不同的。從2013年開(kāi)始，一些的中小型的公司也開(kāi)始將網(wǎng)站前端和美工分離，到目前，基本所有的專業(yè)的開(kāi)發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位，其工作內(nèi)容和職責(zé)是完全不同的。首先說(shuō)一下開(kāi)發(fā)一個(gè)網(wǎng)站的大致流程：客戶提出需求——>網(wǎng)站美工根據(jù)客戶的需求設(shè)計(jì)效果圖并得到客戶的認(rèn)可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁(yè)——>后臺(tái)開(kāi)發(fā)人員填充后臺(tái)數(shù)據(jù)——>測(cè)試完成上線。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同，現(xiàn)在兩者沒(méi)有任何交集只是團(tuán)隊(duì)合作，具體的職責(zé)和內(nèi)容如下：1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計(jì)出身，精通photoshop、AI、AE等平面設(shè)計(jì)工具，其在網(wǎng)站開(kāi)發(fā)過(guò)程的中的職責(zé)就是按照客戶或者公司的需求設(shè)計(jì)出符合客戶需求和界面或者顏色符合大眾視覺(jué)的網(wǎng)站效果，如根據(jù)不同行業(yè)的需求設(shè)計(jì)顏色、設(shè)計(jì)界面風(fēng)格等，其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計(jì)，直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進(jìn)行切片并使用html、css、js等代碼進(jìn)行網(wǎng)頁(yè)的制作，最終編寫(xiě)出符合w3c標(biāo)準(zhǔn)的兼容各個(gè)主流瀏覽器的靜態(tài)頁(yè)面，同時(shí)還需要按照后臺(tái)開(kāi)發(fā)人員的要求留下一些后臺(tái)數(shù)據(jù)的接口。所以說(shuō)網(wǎng)站前端工程師的是編程而不是設(shè)計(jì)。

Web前端開(kāi)發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶端產(chǎn)品的開(kāi)發(fā)。完成客戶端程序(也就是瀏覽器端)的開(kāi)發(fā)，開(kāi)發(fā)JavaScript以及Flash模塊，同時(shí)結(jié)合后臺(tái)開(kāi)發(fā)技術(shù)模擬整體效果，進(jìn)行豐富互聯(lián)網(wǎng)的Web開(kāi)發(fā)，致力于通過(guò)技術(shù)改善用戶體驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)師就是為網(wǎng)站頁(yè)面進(jìn)行設(shè)計(jì)并制作的工作人員，負(fù)責(zé)對(duì)網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對(duì)用戶視覺(jué)感受的整體把握；進(jìn)行網(wǎng)頁(yè)的具體設(shè)計(jì)制作；產(chǎn)品目錄的平面設(shè)計(jì)；各類活動(dòng)的廣告設(shè)計(jì)；協(xié)助開(kāi)發(fā)人員頁(yè)面設(shè)計(jì)等工作。既是專業(yè)的設(shè)計(jì)師，又是靜態(tài)網(wǎng)站的開(kāi)發(fā)工程師；總的來(lái)說(shuō)網(wǎng)頁(yè)設(shè)計(jì)師不僅要懂頁(yè)面的設(shè)計(jì)、規(guī)化、排版、HTML代碼、FLASH動(dòng)畫(huà)甚至還要多懂一些代碼。Web前端開(kāi)發(fā)工程師對(duì)常用的一些JS框架了解，如jQuery、YUI等。掌握最基本的JavaScript計(jì)算方法編寫(xiě)。對(duì)目前互聯(lián)網(wǎng)流行的網(wǎng)頁(yè)制作方法(Web2.0)HTML+CSS，以及各大瀏覽器兼容性有很大的了解。對(duì)前沿技術(shù)(HTML5+CSS3)的基本掌握。還要對(duì)IT其他編程語(yǔ)言有所了解如:PHP，Java，.net，有一些公司還要求懂一點(diǎn)SEO優(yōu)化。網(wǎng)頁(yè)設(shè)計(jì)師常用軟件Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用來(lái)進(jìn)行圖像處理的，把渲出來(lái)的圖通過(guò)PS使其更加具有真實(shí)感。

網(wǎng)頁(yè)設(shè)計(jì)分為兩大部分：一、單純的設(shè)計(jì)，也就是ps。二、就是網(wǎng)頁(yè)制作，前端開(kāi)發(fā)div+css。一般來(lái)說(shuō)大公司都是分的很細(xì)的，而小公司卻讓一個(gè)人做。不管做哪部分剛?cè)肼殨r(shí)都會(huì)有一個(gè)老師帶著也就是說(shuō)給老師打下手，老師會(huì)分出來(lái)一部分內(nèi)容讓你去做。直到可以獨(dú)立完成為止。

UI設(shè)計(jì)是對(duì)手機(jī)客戶端進(jìn)行設(shè)計(jì)（其實(shí)網(wǎng)頁(yè)設(shè)計(jì)也能叫UI設(shè)計(jì)），目前移動(dòng)應(yīng)用還是比較火的，所以這方面前景還是不錯(cuò)。網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)進(jìn)行設(shè)計(jì)，其實(shí)同UI設(shè)計(jì)差不多，主要是網(wǎng)頁(yè)設(shè)計(jì)。web前端廣義上也包括設(shè)計(jì)，但是更主要的還是對(duì)前端頁(yè)面的編程，比如HTML/JS/CSS等之類的。我認(rèn)為web前端更有前景，因?yàn)槠夹g(shù)嘛。當(dāng)日你的設(shè)計(jì)很牛逼那也未嘗不是好的方向。