第一步：學習HTML和CSS
HTML（超文本標記語言）是網頁的核心，學好HTML是成爲Web開發人員的基本條件。HTML很容易學習的，但也很容易誤用，要學精還得費點功夫。
隨着HTML5的發展和普及，瞭解HTML5也將成爲Web開發人員的必修課。
涉及到網頁外觀時，就需要學習CSS了，它可以幫你把網頁做得更美觀。
利用HTML和CSS模擬一些你所見過的網站的排版和佈局（色彩，圖片，文字樣式等等）。
第二步：學習javascript,瞭解DOM
JavaScript是一種能讓你的網頁更加生動活潑的程序語言。學習JavaScript的基本語法，學會用javascript操作網頁中dom元素。
接着學習使用一些javascript庫，比如jquery是大部分WEB開發人員都喜歡用的，通過Jquery可以有效的提高JavaScript的開發效率。
第三步：瞭解Web服務器
你不必在這上面花太多精力，但對IIS、Apache基本配置要掌握，這方面的知識學起來也相對容易，不會花多長時間。
學習一點Unix和Linux的基本知識，因爲大部分Web服務器都運行在Unix和Linux平臺上。
第四步: 學好一門服務器端腳本語言
服務器端腳本編程（後臺開發）也是Web開發人員的基本功之一，你只需挑選一個服務器端腳本語言，然後學好它。
目前流行的服務器腳本語言有：php、asp.net、jsp、ruby、python、等。
第五步：學習數據庫及SQL語法
要構建動態頁面通常會使用到數據庫，常用的數據庫有SQLServer、Oracle、MySQL 等，它們都會遵循標準的SQL原則。
通常asp.net 程序使用SqlServer數據庫，PHP、java使用Oracle、MySQL數據庫。
第六步：綜合實戰
選一個你喜歡的後臺編程語言，結合之前學到的html,css,javascript 前端技術，實現一個簡單的留言本、論壇程序、進而實現一個簡單的CMS（內容管理系統）
第七步：學習使用Web框架
當你掌握了HTML，CSS，JavaScript和服務器端腳本語言後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。
比如.net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其實裏面都有一些相通之處。
整個開發過程你還可能會學習到一些工具的使用：
Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各種瀏覽器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足夠用心，你還發掘出很多不錯的資源，例如MSDN，W3cSchool，一些前輩的博客，一些技術論壇等等，這都是你未來前進道路上的財富。如還想深入研究，學學http協議,理解什麼是無狀態，不然你永遠做不好WEB開發，研究web程序服務端運行原理，還有tcp/ip,udp協議等。
從最簡單的HTML到Web框架，內容還是不少，要想精通這裏的每一樣技術，都得下苦功夫纔行。半年的時間，足夠你對web開發產生一個有效的認識，這個時候，再思考你進一步學習的方向吧。
來源:http://www.xuexuexi.com/web/javascript/196.html