這個完全要看自己的基礎(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è)計。

一個是偏向于設(shè)計，一個是偏向于代碼。如果是網(wǎng)頁設(shè)計，剛開始可能是模仿別人的網(wǎng)頁，但是到了最后會出現(xiàn)慢慢的偏重于美術(shù)，心理學，色彩，繪畫等。這些藝術(shù)方面，表面你能看到的，如果你是學計算機的接觸過網(wǎng)頁設(shè)計，并喜歡網(wǎng)頁設(shè)計，我建議不要偏向這個方面，因為到后來讓你自己獨立設(shè)計網(wǎng)頁時，色彩搭配是很難的，還有整體布局，以及是否符合當下潮流等?，F(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)驗也特別重要，接觸后臺后你會更明白前端的重要性。

首先，html，css，JavaScript是需要學習的。前端后臺都需要學，只是前端需要學的更深入。后臺雖然主要是學習服務器端的語言數(shù)據(jù)庫相關(guān)內(nèi)容，但是后臺和前端總是有交互的。例如前端寫了一個注冊的頁面，那么這個頁面輸入的數(shù)據(jù)如何上傳到后臺，這就需要你了解最基本的html代碼了。前端方面JavaScript學會后，會有很多相關(guān)的框架，有專門用在PC端的，也有用在手機端的，具體學習哪些要看你的側(cè)重點，而且框架類型很多，可以初步掌握一個，然后根據(jù)以后的工作再學習。全部學會根本不可能。后臺方面你可以先學php sql，然后再根據(jù)情況具體學習。還有一些別的東西例如AJAX，用于頁面異步提交數(shù)據(jù)，雖然沒有這個網(wǎng)頁也能使用，但是現(xiàn)在的網(wǎng)站應該沒有不使用這個功能的。jQuery作為一個JavaScript的框架（大概算是框架的一種吧），可以極大的簡化寫JS的難度。至于工資問題，我家所在的是三線城市，web前端之類的工資基本就是3000-5000，我同學在上海做java程序員，也涉及一些網(wǎng)頁后臺相關(guān)的工作，剛工作就是9000+的工資。做一個網(wǎng)站涉及美工，前端，后臺等多種工作，具體工資要看你所在的公司對這些職位的要求，可能做一個小的項目，前端和美工就是一個人，一個人畫圖，然后把前端做了，然后后臺交給專門做后臺的，也可能是多個人一起做一個后臺功能，多個人做前端。具體工資問題你可以自己查相關(guān)的招聘網(wǎng)站看看（我感覺像學到全能基本不現(xiàn)實，在實際工作中慢慢摸索倒是差不多。專注前端或者后臺中的一項學好，然后再轉(zhuǎn)向另外一個慢慢學，這樣會比較好。）剛開始學你可以選擇去培訓學校 ，也可以選擇在網(wǎng)上先看教程自學

1、先來說說網(wǎng)頁設(shè)計包括哪些東西1）網(wǎng)頁前端設(shè)計 就是整個頁面的一個版面了，這可能涉及圖片的處理，HTML CSS DIV javascript等..2）網(wǎng)頁后臺開發(fā) 后臺的開發(fā)可能使用php語言、ASP語言、java語言等；3）網(wǎng)頁所在服務器的安全與配置，這里就涉及了服務器的配置與管理等，是網(wǎng)絡(luò)方面的知識；2、綜上可以看出：1）如果我們要做前設(shè)計的話，專業(yè)也可以學一些平面設(shè)計專業(yè)，然后進行HTML javascript相關(guān)的編寫學習即可；2）而對于網(wǎng)站后臺開發(fā)的同學，的是偏向于程序的開發(fā)，軟件工程方面；3）服務器方面的話偏向于網(wǎng)絡(luò)管理方向或是網(wǎng)絡(luò)安全等；總的來講，學習計算機相關(guān)的專業(yè)都是可選的，在進行相應的偏向性學習，更有助于職業(yè)方向

　　如果你還是在校學生，那你得好好上課，大學的教材普遍來講都是知識面淺的。雖然很多知識看起來用處不大，學起來也很枯燥，讓你覺得浪費時間。但這些書本上最基礎(chǔ)的知識你都不能掌握，那你以后怎么追求更精湛的技術(shù)呢。所以不要逃課，把基礎(chǔ)知識掌握了，別小看這個基礎(chǔ)知識，它非常重要，基礎(chǔ)扎實是否也會決定你在一個職業(yè)能走多遠?！　∥沂钱厴I(yè)了后從文員轉(zhuǎn)到編輯再到技術(shù)員當然這期間工資就像是階梯一樣，雖然這差距也不是很大，都離不開那些曾經(jīng)被我遺落角落的專業(yè)課本。生活上的壓力迫使我這樣做，我知道自己要什么，當一個文員沒有追求，感覺過著30、40歲人的生活，接電話、發(fā)email、整理報表，每個月都有白領(lǐng)的工資...浪費的不僅僅是自己的青春，還有這大學幾年昂貴的學費。后來就愈來愈想掌握一門技術(shù)，想去培訓學校學習一段時間，但是現(xiàn)實是我沒有錢，閉關(guān)一個星期，重拾課本，再看看那些討厭的table，雖然out了，但是確實會發(fā)現(xiàn)很多基礎(chǔ)再基礎(chǔ)不過的東西，利用互聯(lián)網(wǎng)，不明白的就百度，作為一個過來人，我覺得我自己走了不少彎路，所以，有必要提醒你們一下，一定要明確自己的目標，擺正自己的位置，最好掌握一門技術(shù)?！　×私鈝eb前端　　Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代產(chǎn)物，那時網(wǎng)站的主要內(nèi)容是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后，互聯(lián)網(wǎng)進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術(shù)實現(xiàn)的。說得直白點就是美工photoshop，交互設(shè)計，flash，js，html+css。就小規(guī)模公司而言，一個技術(shù)員都得會這幾樣技能，這樣很鍛煉人的，慢慢的你就會成為公司的主力。大規(guī)模的公司把這些分得很細，所以，你可以精通一門，熟悉其他的，進軍大公司。　　網(wǎng)頁開發(fā)工具　　學習web前端開發(fā)，網(wǎng)頁開發(fā)工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面，融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的。　　學習內(nèi)容　　HTML、CSS和JavaScript。html是內(nèi)容，css是表現(xiàn)，javascript是行為。前端開發(fā)的門檻其實非常低，與服務器端語言先慢后快的學習曲線相比，前端開發(fā)的學習曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點。也正因為如此，前端開發(fā)的領(lǐng)域有很多自學成“才”的同行。html是最基礎(chǔ)的，現(xiàn)在流行的是html5設(shè)計，先學會網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學javascript。如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的?！　』A(chǔ)知識：　　1. html + css。這部分建議在 www.w3school.com.cn 上學習，邊學邊練，每章后還有小測試。之后可以模仿一些網(wǎng)站做些頁面。本站提供的個人博客模板www.yangqq.com/download/都是比較簡單的單頁，可以下載下來模仿自己做一個。理解css每個元素的屬性，樣式的實現(xiàn)不一定只有一種寫法，多想一想還有沒有什么需要改進的地方。　　2、JavaScript。不是所有的網(wǎng)頁都必須有js，但是要想實現(xiàn)一些超酷的功能和界面的時候，就需要涉及到j(luò)s。如果沒有其他編程語言的基礎(chǔ)的話，學起來可能要費些力，還是建議先在 w3school上學習。之后建議馬上看《javascript語言精粹》　　3、Photoshop、flash。熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發(fā)現(xiàn)你ps或者flash比較感興趣的話，也可以嘗試做美工這一行?！　?、html5和css3?？梢韵攘私庖幌拢缓笤偃胧?。畢竟IE的瀏覽器大多還不支持?！　?、瀏覽器兼容。懂web標準，熟練手寫 xhtml css3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還使用的人還是有的。W3C驗證地址：http://jigsaw.w3.org/css-validator/ 通過驗證指定URI的CSS內(nèi)容，可以幫我們檢查一下有沒有錯誤?！　?、熟悉一門后臺編程語言 asp、php、jsp等　　web前端設(shè)計師前景　　遇到很多想換行的朋友，第一句就問，這行賺錢嗎？我相信一句話，沒有付出，是沒有回報的！前面已經(jīng)說過了，咱們這行門檻是很低的，所以薪資階段也不一樣。2000初入這行的現(xiàn)在還普遍，工作經(jīng)驗2年以上，有很多代表性作品的時候，工資在4000左右；高手級別的估計在6000左右，大師級別這個階段的薪資參考：10000以上(上海北京深圳為例)網(wǎng)頁設(shè)計師課程一般包括：Photoshop、Fireworks、用戶界面設(shè)計實操，xhtml、css、dreamweaver、網(wǎng)站架構(gòu)與網(wǎng)站策劃、flash動畫制作，域名與空間、ftp、dhtml、javascript、動態(tài)交互網(wǎng)站(asp、php、aja)。

我這半個專業(yè)人給你指導下，哈哈，應該有平面，網(wǎng)頁，前端，用戶等等把