如果你有耐心堅持一年以上的話, 我會推薦HTML->CSS->JS->PHP的順序來學習。
1. HTML學習：首先學習HTML，HTML作為標記語言是非常容易學的，把w3school上面的教程過一遍就會了, 記住要一個個過, 千萬不要偷懶, 一旦開始偷懶, 你會越來越偷懶, 最后什么都沒學成， HTML 教程 。如果覺得純書面的太枯燥，可以看視頻，這里推薦一下“后盾網html基礎（XHTML網頁基 礎教程）”。
2. CSS學習：HTML和CSS這兩個東西是一套的，建議可以一起學習。一般來說是叫“CSS+DIV”，這是制作出網頁的基本外觀的東西，學習這個主要要理解“盒子模型”“樣式表”這兩個東西。還是把w3school上面的教程學一遍， CSS 教程。這里也推薦“后盾網的視頻（DIV+CSS網頁布局）”。
3. JS學習：JS學習相比前面兩個會難很多，因為JS才是一門正式的編程語言, 同樣, w3school的教程全過一遍, JavaScript 教程。教程過完了就可以買書看了, 強烈推薦一本超好入門書: 《JavaScript DOM編程藝術（第2版）》(Jeremy Keith，Jeffrey Sambells)【摘要 書評 試讀】。 大神級別書：《JavaScript權威指南（第6版）（經典巨著，當當獨家首發）》（美）弗蘭納根，如同大磚頭一樣的令人望而卻步的厚度，你就瘋了。當然，如果只是玩玩大可不必看這個“聖經”。認真學, 多看, 看完之后學jquery, 這個時候你基本能夠了解語言庫了, jquery 也直接過一遍w3school的教程, jQuery 教程。入門書：《鋒利的jQuery(第2版)》單東林 張曉菲 魏然 編著。jquery會了, 基本上你網頁開發前端就已經入門了, 如果你學的扎實, 反復的看, 其實你就可以勝任前端開發的工作了。
4. PHP學習：如果只是做一個靜態的網頁，上面的是完全足夠了，但是如果想做動態的，這個時候就需要開始學習php了。 入門php相比於JS會更麻煩一些, 因為運行php需要有很多細節要處理, 所以一本好的入門書籍是非常重要的, 這個w3school上面的php幫不了什么忙了。 入門書: 《php和mysql web開發（原書第4版）》([澳]威利，[澳]湯姆森)【摘要 書評 試讀】，這是一本“小聖經”。當然如果看書比較枯燥，可以看視頻，這里推薦兄弟連的php視頻教程（《兄弟連[高洛峰2014版PHP視頻教程]）這個教程講得很全，就連html+css+div都講了，可以選擇性的看看這部分內容就當復習。
注：在學習HTML、CSS和JS的時候，只要有瀏覽器就足夠了，不需要裝wamp。
編輯器推薦sublime, 學會多用google, 多敲代碼, 尤其是多敲代碼非常重要, 這樣才能快速成長。
要記住一句話：對於初學者來說，投入多，產出才會更多。。。
Thanks~~