1、首先你就得先学ｈｔｍｌ,其实h t m l非常简单在百度上搜索h t ml教程,打开你所喜欢的视频一个下午就可以搞定如果以后遇到不会的那再深入的学习例如form表单等等一些其他在实际中边学习边应用大家也可以在W3school这里学习，都是非常基础的东西，要熟练掌握div、form table、ul li 、p、span、font这些标签,这些都是最常用的,特别是div用于布局。
2、学习css, CSS就是层叠式样式表，就像Word中如何美化文档一样，一定要把ta学好了，做网页的时候就会一踏糊涂，不会拍排版。这里说的css是css2。用css+html 或者 css+div 来进行界面布局,所以css是用于辅助html来布局和展示的,我们称之为“css样式”,为什么会说css+div呢？因为我上面说了div就是html主要用于布局的东西,所以div就是核心掌握的东西！那么css肯定必须要配合div来使用才好.css要熟练掌握float、position、width、height，以及对于的最大最小、会使用百分百、overflow、margin、padding等等,这些都是跟布局有关系的样式,一点要掌握.
3、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，JS是一门很混乱的语言，《JavaSCript高级程序设计》这本书进行了很好的排版，可以借鉴看一看（JavaScript其实不用太深入学习，除非你找工作，因为现在网页用的是框架）只要会根据某个id、或者name拿到网页dom或者样式、或者值,然后会给某个id或者name的元素标签赋值、或者追加数据、追html,这个是跟数据有关系的操作,然后数据逻辑判断,效果方面的,无非就是跳转、弹框、隐藏什么的,把这些全部结合其他就是实际用途了,代码一点都不难,会了这些基础js,其他的直接百度就好了.然后看多了,用多了,就什么都不是问题了.
4、学习jQuery 它是一个非常流行的框架，几乎全部的网页用到的它，还有其他框架（另行百度）简单易用，简单学习js后，直接上手jQuery即可完成一些简单的项目。学习方法也很简单，照着产品文档做几个页面就行了，不用面面俱到，以后遇到问题查文档就行了。框架可以帮你屏蔽浏览器的差异性，让你能更专注与Web开发学习的精髓部分。
5、有了以上知识，对于大多数小型网站，你应该已经可以写出能够工作的代码了。但要想成为更专业的前端，你还需继续努力。更高的要求大概还有四方面：1）易维护，2）可测试，3）高性能，4）低流量（移动端）。
6、HTML5和CSS3 。HTML5规范已经于2014年10月28日发布了，移动端HTML5和CSS3已经得到了非常广泛的使用，必知必会呀。
7、大家有兴趣的话也可以学习PHP，让网页互交（JavaScript只是让网页动起来）
