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

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

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

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

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

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

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

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

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