客戶經(jīng)理（1人），主要負(fù)責(zé)與客戶進(jìn)行全程的溝通和交流；；把握客戶需求和方向；下達(dá)相關(guān)任務(wù)；控制項(xiàng)目節(jié)點(diǎn)等工作。是項(xiàng)目的對外對內(nèi)總控人員，需要有豐富的項(xiàng)目操作經(jīng)驗(yàn)和相關(guān)網(wǎng)站建設(shè)知識，才能很好的勝任這個(gè)工作，對外為客戶排憂解難，對外合理安排項(xiàng)目并保證項(xiàng)目質(zhì)量。 網(wǎng)站設(shè)計(jì)師（2人）主要負(fù)責(zé)網(wǎng)站風(fēng)格界面，前期為了更好的達(dá)到客戶需求，會安排兩名設(shè)計(jì)師進(jìn)行獨(dú)立設(shè)計(jì)，以供客戶選擇?？蛻暨x定的界面則對應(yīng)的設(shè)計(jì)師進(jìn)入后期的服務(wù)。 DIV+CSS布局師（1人）主要負(fù)責(zé)根據(jù)設(shè)計(jì)師設(shè)計(jì)的風(fēng)格稿進(jìn)行DIV+CSS布局，并配合制作一些JS特效，布局師需要對DIV有豐富的經(jīng)驗(yàn)，保證不同瀏覽器下面的瀏覽效果，尤其解決IE6，7，8下面的瀏覽問題。同時(shí)解決基礎(chǔ)的SEO問題，譬如TITLE，KEYWORDS，DESCRIPTION等，以滿足客戶基本的SEO需求。 程序員（1人）主要是根據(jù)布局師的布局并參考設(shè)計(jì)師的設(shè)計(jì)，進(jìn)行程序的編碼，對接，開發(fā)新功能。 FLASH動(dòng)畫師（1人）主要解決有片頭動(dòng)畫和內(nèi)頁需求通過FLASH進(jìn)行交互的項(xiàng)目，若沒有此類，則不需要此人員。 測試員（1人）：負(fù)責(zé)測試網(wǎng)站性能和提交相關(guān)BUG。 網(wǎng)編（1人）：負(fù)責(zé)添加客戶網(wǎng)站相關(guān)資料 上線后的客服人員（1人）：負(fù)責(zé)上線后的網(wǎng)站相關(guān)維護(hù)工作，與客戶進(jìn)行日常維護(hù)對接并安排工作，可以由客服經(jīng)理繼續(xù)后面的對接和工作安排。

一個(gè)是偏向于設(shè)計(jì)，一個(gè)是偏向于代碼。如果是網(wǎng)頁設(shè)計(jì)，剛開始可能是模仿別人的網(wǎng)頁，但是到了最后會出現(xiàn)慢慢的偏重于美術(shù)，心理學(xué)，色彩，繪畫等。這些藝術(shù)方面，表面你能看到的，如果你是學(xué)計(jì)算機(jī)的接觸過網(wǎng)頁設(shè)計(jì)，并喜歡網(wǎng)頁設(shè)計(jì)，我建議不要偏向這個(gè)方面，因?yàn)榈胶髞碜屇阕约邯?dú)立設(shè)計(jì)網(wǎng)頁時(shí)，色彩搭配是很難的，還有整體布局，以及是否符合當(dāng)下潮流等?，F(xiàn)在的網(wǎng)頁千變?nèi)f化，設(shè)計(jì)也要不斷學(xué)習(xí)，并且能跟得上。 對于web前端開發(fā)這個(gè)就是把別人設(shè)計(jì)好的自己用div+css+js去實(shí)現(xiàn)的，一個(gè)簡單的網(wǎng)頁可能就是div+css把它寫出來，但是這里面是充滿經(jīng)驗(yàn)的。web前端的發(fā)展過程中到了最后就是頭疼的兼容性問題，因?yàn)橐_保一個(gè)頁面在任何瀏覽器當(dāng)中能正常顯示是很不容易的，瀏覽器廠商那么多，各自還有自己的專屬屬性，而且有的還要求在手機(jī)中能夠顯示，能夠自適應(yīng)屏幕等。單純的css無法來控制，就需要學(xué)習(xí)javascript, web前端看似簡單其實(shí)要學(xué)習(xí)的東西很多，經(jīng)驗(yàn)也特別重要，接觸后臺后你會更明白前端的重要性。

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

網(wǎng)頁設(shè)計(jì)，不知道你是單純的設(shè)計(jì)還是設(shè)計(jì)加制作?，F(xiàn)在來說，設(shè)計(jì)軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash?，F(xiàn)在來說，個(gè)人還是喜歡：設(shè)計(jì)類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動(dòng)畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。

Web前端開發(fā)技術(shù)主要包括三個(gè)要素：HTML、CSS和JavaScript！它要求前端開發(fā)工程師不僅要掌握基本的Web前端開發(fā)技術(shù)，網(wǎng)站性能優(yōu)化、SEO和服務(wù)器端的基礎(chǔ)知識，而且要學(xué)會運(yùn)用各種工具進(jìn)行輔助開發(fā)以及理論層面的知識，包括代碼的可維護(hù)性、組件的易用性、分層語義模板和瀏覽器分級支持等。如何學(xué)習(xí)前端知識？我們生活在一個(gè)充滿規(guī)則的宇宙里面。社會秩序按照規(guī)則運(yùn)行，計(jì)算機(jī)語言幾乎全部是規(guī)則的集合。計(jì)算機(jī)前輩們定義規(guī)則，規(guī)則約束我們，我們用規(guī)則控制數(shù)據(jù)。大部分時(shí)候，對數(shù)據(jù)的合理控制，來自于你對規(guī)則的掌握?，F(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁制作，但是光看視頻你是不可能學(xué)會網(wǎng)頁制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時(shí)了 ，并沒有什么用!  如果你真的想學(xué)習(xí)網(wǎng)頁制作這門技術(shù)，你可以來這個(gè)裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費(fèi)學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么，只要你是真心想學(xué)習(xí)的，隨便看看的就不要加了，加了也是浪費(fèi)大家的時(shí)間 。學(xué)習(xí) HTML，CSS 應(yīng)該先跟著書仔細(xì)、扎實(shí)的學(xué)一遍。然后就需要做大量的練習(xí)，做各種常規(guī)的、奇怪的、大量的布局練習(xí)來捆固、理解自己的知識。而學(xué)習(xí) Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么！如果你只想當(dāng)一個(gè)普通的前端程序員，你只需要記住大部分 Javascript 函數(shù)，做一些練習(xí)就可以了。如果你想當(dāng)深入了解Javascript，你需要了解 Javascript 的原理，機(jī)制。需要知道他們的本源，需要深刻了解Javascript 基于對象的本質(zhì)。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因?yàn)闅v史原因，Javascript一直不被重視，有點(diǎn)像被收養(yǎng)的一般！ 所以他有很多缺點(diǎn)，各個(gè)宿主環(huán)境下的行為不統(tǒng)一、內(nèi)存溢出問題、執(zhí)行效率低下等問題。作為一個(gè)優(yōu)秀的前端工程師還需要深入了解、以及學(xué)會處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書寫語義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。2）精通CSS，能夠還原視覺設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery4）對常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。5）對性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項(xiàng)目中有效實(shí)施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開發(fā)，或者對相關(guān)的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發(fā)的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫系統(tǒng)，對數(shù)據(jù)庫有較強(qiáng)的設(shè)計(jì)能力3）熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對在高并發(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ì)和開發(fā)對外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力6）......從幾個(gè)公司的招聘要求可以看到，做Web開發(fā)，對前端和后端的要求是各自所不同的。而我們目前的實(shí)際情況，也和這個(gè)差不多，但是，我們無論在知識的掌握程度上，還是知識掌握的寬度上，都是不夠的。首先，我們在前端缺乏積累，沒有沉淀，專業(yè)的前端技術(shù)的積累是從去年才開始的，同時(shí)，在前端也缺乏支撐與高手，所以，走起來比較困難。同時(shí)，前端人員培養(yǎng)的較少，一個(gè)原因是對前端了解太少，另外一個(gè)原因就是對前端與后端的工作比例估計(jì)不足。所幸，我們在這一年也在前端有了很快的進(jìn)步，培養(yǎng)了幾個(gè)優(yōu)秀的開發(fā)人員，有意識的解決了前端的用戶體驗(yàn)，這都是可喜的。今年，需要更進(jìn)一步，專業(yè)化。其次，我們在后端發(fā)展的不夠?qū)挘蠖说闹R體系已經(jīng)比較完善，但是，很多應(yīng)用點(diǎn)都沒有涉及到。同時(shí)，對現(xiàn)有技術(shù)框架的理解都不夠深入，太浮躁。我們目前的設(shè)計(jì)團(tuán)隊(duì)在解決互聯(lián)網(wǎng)高并發(fā)、大數(shù)據(jù)量的存取上經(jīng)驗(yàn)與能力都還不足，需要正視這些問題。后端技術(shù)的發(fā)展需要更加的精進(jìn)，以解決實(shí)際存在的問題為主。最后，我們在前端、后端都缺乏熟練工，這會影響到開發(fā)的速度，同時(shí)，也不利于后期技術(shù)的研究。

做網(wǎng)站時(shí)，很多企業(yè)和個(gè)人站長經(jīng)常會忽視的一個(gè)問題是：明確定義網(wǎng)站目標(biāo)。這個(gè)目標(biāo)必須是實(shí)在的、可以操作的，用來指導(dǎo)網(wǎng)站設(shè)計(jì)及所有網(wǎng)站運(yùn)營行為的，而不是表面的、敷衍了事的。網(wǎng)站目標(biāo)必須在動(dòng)手建立網(wǎng)站之前的網(wǎng)站策劃階段就確定下來，而不能走一步看一步。網(wǎng)站建設(shè)設(shè)計(jì)過程中遇到具體問題的，取舍的標(biāo)準(zhǔn)是看是否有利于達(dá)成網(wǎng)站目標(biāo)。需要注意的是，這里所說的網(wǎng)站目標(biāo)是給企業(yè)和站長本身看的，而不是給用戶、投資人或老板看的。在一些網(wǎng)站項(xiàng)目策劃書上或者網(wǎng)站頁面上，很多網(wǎng)站寫的網(wǎng)站目標(biāo)是諸如“給客戶提供最大價(jià)值”，或“為客戶提供完整整體解決方案”。這是屬于給客戶看的，同時(shí)也是不著邊際、無法操作的。有的可能說網(wǎng)站目標(biāo)是“促進(jìn)公司在線銷售增長20%”，這是給老板看的，對于營銷人員運(yùn)營網(wǎng)站也沒有直接指導(dǎo)意義。網(wǎng)站目標(biāo)要非常明確，具有可操作性，但是很多時(shí)候沒有經(jīng)驗(yàn)的人不一定能輕易正確定義網(wǎng)站目標(biāo)。最常見的錯(cuò)誤就是把網(wǎng)站目標(biāo)定得過于寬泛，無法指導(dǎo)實(shí)踐。比如有的站長可能認(rèn)為網(wǎng)站目標(biāo)就是賺錢，或者就是促進(jìn)銷售，或者是建立網(wǎng)絡(luò)品牌，這些都是看似正確，卻不能指導(dǎo)網(wǎng)站實(shí)踐的很寬泛的目標(biāo)。

通常我們對Web設(shè)計(jì)師和Web開發(fā)者的概念分不清楚，兩者之間既有區(qū)別又有聯(lián)系。最大的差異是： 設(shè)計(jì)師是有關(guān)網(wǎng)站的視覺或美學(xué)方面，被稱為“前端”；另一個(gè)則是看不見的編碼方面的設(shè)計(jì)，被稱為“后端”。簡而言之，漂亮的網(wǎng)站界面都是出自網(wǎng)頁設(shè)計(jì)師之手，而牛逼強(qiáng)大的功能則是網(wǎng)頁開發(fā)者的杰作。

網(wǎng)站開發(fā)又叫web開發(fā)，主要的工作有以下幾個(gè)方法網(wǎng)站構(gòu)架，就是整個(gè)網(wǎng)站的規(guī)劃，開發(fā)框架什么的，一般小公司都沒這個(gè)。前臺開發(fā)，主要是UI設(shè)計(jì)（就是各類圖標(biāo)）、圖片處理、html頁面設(shè)計(jì)后臺開發(fā)，主要是用php、asp.net、jsp等后臺語言編寫腳本開發(fā)，js類的應(yīng)用，這個(gè)有的公司放在前臺，有的放在后臺，一般不單獨(dú)拿出來?，F(xiàn)在流行一種說法，全棧開發(fā)，也就是一個(gè)人對上面的東西全部搞定，當(dāng)然做得多，待遇也就高了。網(wǎng)站開發(fā)的主要技術(shù)學(xué)習(xí)內(nèi)容主要有：學(xué)好CSS是網(wǎng)頁外觀的重要一點(diǎn)，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。div布局： DIV元素是用來為HTML文檔內(nèi)大塊的內(nèi)容提供結(jié)構(gòu)和背景的元素。學(xué)習(xí)JavaScript的基本語法，以及如何使用。JavaScript編程將會提高開發(fā)人員的個(gè)人技能。了解Unix和Linux的基本知識雖然這兩點(diǎn)很基礎(chǔ)，但是開發(fā)人員了解Unix和Linux的基本知識是有益無害的。html5+css3：移動(dòng)端的網(wǎng)頁制作。在移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎，現(xiàn)在也是前端的一個(gè)趨勢。一些框架的應(yīng)用：angular.js，node.js，bootsttap等框架的應(yīng)用。了解Web服務(wù)器對Apache的基本配置，并且掌握htaccess配置技巧還需要學(xué)習(xí)一些seo優(yōu)化技術(shù)，因?yàn)榍岸耸墙?jīng)常會和網(wǎng)站接觸的。學(xué)習(xí)至少一門后臺語言，推薦PHP，用的人較多。

前端開發(fā)工程師獨(dú)立出來主要就是做數(shù)據(jù)交互、后臺處理、SEO優(yōu)化等工作，要熟練各種腳本語言和運(yùn)行環(huán)境，熟悉XML、SQL、ORACLE等數(shù)據(jù)庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網(wǎng)站處理技術(shù)。網(wǎng)頁設(shè)計(jì)（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計(jì)美化工作。作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計(jì)，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。網(wǎng)頁設(shè)計(jì)一般分為三種大類：功能型網(wǎng)頁設(shè)計(jì)（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁設(shè)計(jì)（品牌形象站）、信息型網(wǎng)頁設(shè)計(jì)（門戶站）。設(shè)計(jì)網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計(jì)方案。網(wǎng)頁設(shè)計(jì)的工作目標(biāo)，是通過使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計(jì)美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗(yàn)。高級的網(wǎng)頁設(shè)計(jì)甚至?xí)紤]到通過聲光、交互等來實(shí)現(xiàn)更好的視聽感受。網(wǎng)頁設(shè)計(jì)主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動(dòng)畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。