html==>css==>javascript==>jsp==>xml

1、先学习基本的HTML知识，了解大部分HTML标签的作用。

2、学习CSS，熟悉如何用CSS去控制HTML标签的样式。

3、自己试着做一些静态页面（运用HTML和CSS），看一些比较好的网站，模仿着做一下。

4、了解一下Web标准，明确怎么样的CSS才最标准，并开始在多个浏览器上去测试，让你写的静态页面在所有主流浏览器上都能够兼容。

5、当执行完上面几步，那么你对网页布局已经算熟悉了。可以开始了解JavaScript。

6、从最简单的JavaScript开始学起，熟悉语法、DOM，学会如何用JavaScript去操作HTML元素和CSS样式，这样才能实现动态。

7、对JavaScript熟悉到一定时候（自己觉得还算不错），就可以了解一些JavaScript框架（比如JQuery），你会发现原来有这么方便的东西（但不建议一开始就去使用JQuery）

8、开始熟悉一门后台语言，如PHP、ASP、ASP.NET、JSP等，如果你不熟悉后台语言，你就不能深入了解AJAX交互过程和原理

9、学习JSON、XML通信格式，了解一下如何让JavaScript和后台紧密结合，这样才能做出无缝的用户体验

10、深入了解JavaScript：因为你是想倾向于前端开发，所以必须深入了解JavaScript，对JavaScript原型链、作用域链、设计模式都深入研究。多参考成功的OOP设计模式，多研究框架源码：如jQuery、prototyp、Ext等，都有不错的研究价值。

11、深入研究浏览器原理，知道各浏览器解析DOM、样式和JS引擎的方式和大概过程，了解为什么样式和JS在不同浏览器下会有不同的表现。