首先了(le／liǎo)解web前端

Web前端開發是(shì)從網頁制作演變而(ér)來(lái)的(de)，名稱上(shàng)有很明顯的(de)時(shí)代特征。在(zài)互聯網的(de)演化進程中，網頁制作是(shì)Web1.0時(shí)代産物，那時(shí)網站的(de)主要(yào / yāo)内容是(shì)靜态
的(de)，用戶使用網站的(de)行爲(wéi / wèi)也(yě)以(yǐ)浏覽爲(wéi / wèi)主。2005年以(yǐ)後，互聯網進入Web2.0時(shí)代，各種類似桌面軟件的(de)Web應用大(dà)量湧現，網站的(de)前端由此發生了(le／liǎo)翻天覆
地(dì / de)的(de)變化。網頁不(bù)再隻是(shì)承載單一的(de)文字和(hé / huò)圖片，各種富媒體讓網頁的(de)内容更加生動，網頁上(shàng)軟件化的(de)交互形式爲(wéi / wèi)用戶提供了(le／liǎo)更好的(de)使用體驗，這(zhè)些都是(shì)基于(yú)前端技
術實現的(de)。說(shuō)得直白點就(jiù)是(shì)美工photoshop，交互設計，flash，js，html+css。就(jiù)小規模公司而(ér)言，一個(gè)技術員都得會這(zhè)幾樣技能，這(zhè)樣
很鍛煉人(rén)的(de)，慢慢的(de)你就(jiù)會成爲(wéi / wèi)公司的(de)主力。大(dà)規模的(de)公司把這(zhè)些分得很細，所以(yǐ)，你可以(yǐ)精通一門，熟悉其他(tā)的(de)，進軍大(dà)公司。

網頁開發工具

學習web前端開發，網頁開發工具有FrontPage，會用 Word
的(de)人(rén)很容易學會FrontPage。還有一個(gè)常用的(de)是(shì)Dreamweaver。這(zhè)兩種都是(shì)使用最多的(de)HTML網頁制作工具，我使用的(de)是(shì)Dreamweaver
cs6,因爲(wéi / wèi)這(zhè)套軟件提供了(le／liǎo)一套直觀的(de)可視界面，融合了(le／liǎo)html5一些新的(de)内容。包括網格布局什麽的(de)。

學習内容

HTML、CSS和(hé / huò)JavaScript。html是(shì)内容，css是(shì)表現，javascript是(shì)行爲(wéi / wèi)。前端開發的(de)門檻其實非常低，與服務器端語言先慢後
快的(de)學習曲線相比，前端開發的(de)學習曲線是(shì)先快後慢。所以(yǐ)，對于(yú)從事IT工作的(de)人(rén)來(lái)說(shuō)，前端開發是(shì)個(gè)不(bù)錯的(de)初入點。也(yě)正因爲(wéi / wèi)如此，前端開發的(de)領域有很多自學
成“才”的(de)同行。html是(shì)最基礎的(de)，現在(zài)流行的(de)是(shì)html5設計，先學會網頁布局。css是(shì)用來(lái)美化html頁面的(de)爲(wéi / wèi)頁面提供布局和(hé / huò)格式。最後再學
javascript。如果你把每天看電影、看電視劇的(de)時(shí)間用來(lái)學習，我想一個(gè)星期入門是(shì)沒有問題的(de)。

推薦一個(gè)web前端學習 QQ群606721798，歡迎大(dà)家加入

基礎知識：

1. html + css。這(zhè)部分建議在(zài) www.w3school.com.cn 上(shàng)學習，邊學邊練，每章後還有小測試。之(zhī)後可以(yǐ)模仿一些網站做些頁面。本站提供的(de)個(gè)人(rén)博客模闆www.yangqq.com/download/都是(shì)比較簡單的(de)單頁，可以(yǐ)下載下來(lái)模仿自己做一個(gè)。理解css每個(gè)元素的(de)屬性，樣式的(de)實現不(bù)一定隻有一種寫法，多想一想還有沒有什麽需要(yào / yāo)改進的(de)地(dì / de)方。

《10條HTML代碼編寫技巧》

《CSS簡明教程》

《Div+CSS 規則整理 以(yǐ)及注意問題》

2、JavaScript。不(bù)是(shì)所有的(de)網頁都必須有js，但是(shì)要(yào / yāo)想實現一些超酷的(de)功能和(hé / huò)界面的(de)時(shí)候，就(jiù)需要(yào / yāo)涉及到(dào)js。如果沒有其他(tā)編程語言的(de)基礎的(de)話，學起來(lái)可能要(yào / yāo)費些力，還是(shì)建議先在(zài)
w3school上(shàng)學習。之(zhī)後建議馬上(shàng)看《javascript語言精粹》

《JS經典實例》

3、Photoshop、flash。熟悉會一點兒就(jiù)行了(le／liǎo)，沒必要(yào / yāo)全部都學得精通，當然如果你在(zài)學習的(de)過程中，發現你ps或者flash比較感興趣的(de)話，也(yě)可以(yǐ)嘗試做美工這(zhè)一行。

4、html5和(hé / huò)css3。可以(yǐ)先了(le／liǎo)解一下，然後再入手。畢竟IE的(de)浏覽器大(dà)多還不(bù)支持。

《學習Html5建站教程（一）Html5簡介》

《學習Html5建站教程（二）Html5 語法與規則》

《學習Html5建站教程（三）Html5博客頁面設計之(zhī)理論》

《學習Html5建站教程（四）用HTML5做個(gè)人(rén)的(de)網站》

5、浏覽器兼容。懂web标準，熟練手寫 xhtml css3 并符合
符合w3c标準。代碼能兼容主流浏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不(bù)兼容，但現在(zài)還使用的(de)人(rén)還是(shì)有的(de)。W3C驗證地(dì / de)址：http://jigsaw.w3.org/css-validator/ 通過驗證指定URI的(de)CSS内容，可以(yǐ)幫我們檢查一下有沒有錯誤。

6、熟悉一門後台編程語言 asp、php、jsp等 《關于(yú)asp、php、asp.net、jsp的(de)學習心得、介紹及優缺點比較》

web前端設計師前景

遇到(dào)很多想換行的(de)朋友，第一句就(jiù)問，這(zhè)行賺錢嗎？我相信一句話，沒有付出(chū)，是(shì)沒有回報的(de)！前面已經說(shuō)過了(le／liǎo)，咱們這(zhè)行門檻是(shì)很低的(de)，所以(yǐ)薪資階段也(yě)不(bù)一樣。
2000初入這(zhè)行的(de)現在(zài)還普遍，工作經驗2年以(yǐ)上(shàng)，有很多代表性作品的(de)時(shí)候，工資在(zài)4000左右；高手級别的(de)估計在(zài)6000左右，大(dà)師級别這(zhè)個(gè)階段的(de)薪資
參考：10000以(yǐ)上(shàng)(上(shàng)海北京深圳爲(wéi / wèi)例)網頁設計師課程一般包括：Photoshop、Fireworks、用戶界面設計實操，xhtml、css、
dreamweaver、網站架構與網站策劃、flash動畫制作，域名與空間、ftp、dhtml、javascript、動态交互網站(asp、
php、aja)