你瀏覽網(wǎng)頁(yè)看到的那些界面都是前端設(shè)計(jì)的工作。具體用到的技術(shù)有：1.ps圖片設(shè)計(jì)（用ps制作布局網(wǎng)頁(yè)的整體框架、ps處理圖片特效等）2.網(wǎng)頁(yè)布局（div+css目前市面上用的比較多的布局方法、table布局、混合布局等）3.js特效設(shè)計(jì)等。

在web前端中共分為：網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工、web前端開(kāi)發(fā)工程師三個(gè)崗位首先網(wǎng)頁(yè)設(shè)計(jì)師主要是針對(duì)網(wǎng)頁(yè)的架構(gòu)、色彩以及網(wǎng)站的整體頁(yè)面代碼效果負(fù)責(zé)的崗位，而網(wǎng)頁(yè)美工針對(duì)的是UI用戶(hù)體驗(yàn)這塊兒的東西，比如網(wǎng)站是否做的漂亮，能夠增加用戶(hù)的交互，讓用戶(hù)愿意在我們的網(wǎng)頁(yè)上留下來(lái)，提升頁(yè)面的轉(zhuǎn)化率。而我們經(jīng)常說(shuō)的web前端開(kāi)發(fā)是負(fù)責(zé)將設(shè)計(jì)的頁(yè)面，通過(guò)切圖和代碼的形式做成前端圖web前端需要掌握的技能有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁(yè)面搭建技術(shù)，ajax和jquery以及簡(jiǎn)單的后端程序等。 后端的話(huà)可供開(kāi)發(fā)的語(yǔ)言有 asp、php、jsp、.NET 這些后端開(kāi)發(fā)語(yǔ)言的話(huà)搭建環(huán)境都不一樣，具體如果你想學(xué)的話(huà)看是想從事前端部分還是后端程序部分。后端開(kāi)發(fā)如果有一定的條件的話(huà)可以轉(zhuǎn)為軟件開(kāi)發(fā)。不過(guò)要有一定的語(yǔ)言基礎(chǔ)，類(lèi)似java語(yǔ)言。C#等。在我們實(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ù)門(mén)檻，唯一需要做的就是先變成熟練工種，這個(gè)階段沒(méi)有涉及到設(shè)計(jì)模式、架構(gòu)、效率等一些列問(wèn)題。還是先度娘一下，看看網(wǎng)上對(duì)Web前端開(kāi)發(fā)、Web后端開(kāi)發(fā)分別是什么？Web前端: 顧名思義是來(lái)做Web的前端的。我們這里所說(shuō)的前端泛指Web前端，也就是在Web應(yīng)用中用戶(hù)可以看得見(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)定性與性能等。所以，你所問(wèn)的前端和Javaweb的區(qū)別的在于一個(gè)主要負(fù)責(zé)前端的設(shè)計(jì)和效果，而Javaweb更專(zhuān)注于后端的內(nèi)容

FLASH動(dòng)畫(huà)設(shè)計(jì)與制作 SQL Server2008數(shù)據(jù)庫(kù)基礎(chǔ) Dreamweaver網(wǎng)頁(yè)設(shè)計(jì) 平面構(gòu)成、色彩構(gòu)成 SiteServe CMS 建站 SiteServer+Sql2008企業(yè)建站 JavaScript和Jquery應(yīng)用 SEO網(wǎng)站優(yōu)化 網(wǎng)站推廣 C# 語(yǔ)言基礎(chǔ) 常用CMS后臺(tái)管理與搭建

找個(gè)網(wǎng)頁(yè)，鼠標(biāo)右鍵“另存為。。?！?，選擇全部

以下的web前端開(kāi)發(fā)技術(shù)你必須要一項(xiàng)一項(xiàng)的掌握。 html css ajax jquery extjs java scriptAJAX全稱(chēng)為“Asynchronous JavaScript and XML”（異步JavaScript和XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)。 國(guó)內(nèi)通常的讀音為“阿賈克斯”和阿賈克斯足球隊(duì)讀音一樣。jquery jQuery是繼prototype之后又一個(gè)優(yōu)秀的Javascrīpt框架,jQuery是一個(gè)快速的，簡(jiǎn)潔的javaScript庫(kù)，使用戶(hù)能更方便地處理HTML documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互?！PI(Application Programming Interface,應(yīng)用程序編程接口)是一些預(yù)先定義的函數(shù)，目的是提供應(yīng)用程序與開(kāi)發(fā)人員基于某軟件或硬件的以訪問(wèn)一組例程的能力，而又無(wú)需訪問(wèn)源碼，或理解內(nèi)部工作機(jī)制的細(xì)節(jié).Javacript是一種能讓你的網(wǎng)頁(yè)更加生動(dòng)活潑的程式語(yǔ)言，也是目前網(wǎng)頁(yè)中設(shè)計(jì)中最容易學(xué)又最方便的語(yǔ)言。你可以利用Javacript輕易的做出親切的歡迎訊息、漂亮的數(shù)字鐘、有廣告效果的跑馬燈及簡(jiǎn)易的選舉，還可以顯示瀏覽器停留的時(shí)間.Cascading Style Sheets 層疊樣式表.HTML（HyperText Mark-up Language）即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。ASP是Active Server Page的縮寫(xiě)，意為“動(dòng)態(tài)服務(wù)器頁(yè)面”。ASP是微軟公司開(kāi)發(fā)的代替CGI腳本程序的一種應(yīng)用,它可以與數(shù)據(jù)庫(kù)和其它程序進(jìn)行交互，是一種簡(jiǎn)單、方便的編程工具。ASP的網(wǎng)頁(yè)文件的格式是.asp，現(xiàn)在常用于各種動(dòng)態(tài)網(wǎng)站中。PHP，一個(gè)嵌套的縮寫(xiě)名稱(chēng)，是英文超級(jí)文本預(yù)處理語(yǔ)言（PHP:Hypertext Preprocessor）的縮寫(xiě)。PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言.Google Web Toolkit (簡(jiǎn)稱(chēng)GWT) 是 Google 推出的 Ajax 應(yīng)用開(kāi)發(fā)包，GWT 支持開(kāi)發(fā)者使用Java 語(yǔ)言開(kāi)發(fā) Ajax 應(yīng)用.extjs ExtJS是一個(gè)Ajax框架，是一個(gè)用javascript寫(xiě)的，用于在客戶(hù)端創(chuàng)建豐富多彩的web應(yīng)用程序界面。ExtJS可以用來(lái)開(kāi)發(fā)RIA也即富客戶(hù)端的AJAX應(yīng)用

普通的編輯器都可以的。比如sublime text、webstorm等。。

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

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

Web前端開(kāi)發(fā)工程師，主要職責(zé)是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術(shù)進(jìn)行客戶(hù)端產(chǎn)品的開(kāi)發(fā)。完成客戶(hù)端程序(也就是瀏覽器端)的開(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ù)改善用戶(hù)體驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)師就是為網(wǎng)站頁(yè)面進(jìn)行設(shè)計(jì)并制作的工作人員，負(fù)責(zé)對(duì)網(wǎng)站整體表現(xiàn)風(fēng)格的定位，對(duì)用戶(hù)視覺(jué)感受的整體把握；進(jìn)行網(wǎng)頁(yè)的具體設(shè)計(jì)制作；產(chǎn)品目錄的平面設(shè)計(jì)；各類(lèi)活動(dòng)的廣告設(shè)計(jì)；協(xié)助開(kāi)發(fā)人員頁(yè)面設(shè)計(jì)等工作。既是專(zhuān)業(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í)感。