最先需要学习的是 HTML，HTML 是开发设计网页页面最基础的语言表达，CSS 和JavaScript 的使用是根据 HTML 的，因此务必先学习培训 HTML，将网页页面的基本上框架搭建下去，在使用 CSS 开展装饰。学习培训 HTML 以后，在开展 CSS 的学习培训，或是二者同时进行学习培训。如果将 HTML 构建的网址比成是毛胚房，那样 CSS 便是对它开展室内装修。
CSS 是用于变更款式设计方案的，装饰网址，提高客户体验度。最终学习培训 JavaScript。JavaScript 用于界定网页页面的个人行为，提高网页页面的互动性。在我们将一个房屋装修完成后，就必须考虑到其程序模块，也就是想让它完成哪种实际操作。HTML、CSS、JavaScript 三门语言表达的学习培训并没分为很清楚的主谓层级，完全可以交叉学习培训，提升印像，且可以让你更快的知道源代码的应用。
但是需要注意的是，大家学习时必须从最基础的英语的语法标识开始学习，循序渐进，提高学习效率。如果只是做一个静止的网页页面，上边的是彻底足够了，可是假如想要做动态性的，这个时候就要逐渐学习php了。 新手入门php相比于JS会更不便一些, 由于运作php必须有许多关键点要解决, 因此一本好的入门书籍是非常重要的, 这一w3school上面的php帮不上什么忙了。
入掌握JavaScript：因为你是想倾向于前端工程师，因此务必深入了解JavaScript，对JavaScript原型链、功效域链、程序设计模式都深入分析。多参照顺利的OOP程序设计模式，多研究框架源代码：如jQuery、prototyp、Ext等，都会有非常好的研究价值。
Javascript是执行顺序是至上而下的，除非特别说明, Javascript代码不会等到页面加载完毕后才执行。
例如：
一个网页里含有以下HTML代码
<div id="ele">welcome to www.jb51.net</div>如果在这行HTML代码前，加入如下Javascript代码：
<script type="text/javascript">
document.getElementById('ele').innerHTML= 'welcome to my blog'
</script>
运行该页面，会得到这样的错误信息：“document.getElementById(‘ele') is null。”原因是，当上面的javascript运行时，页面上还没有ID为‘ele'的DOM元素。
解决办法有两种：
1. 把javascript代码放在HTML代码之后：
<div id="ele">welcome to www.jb51.net</div>
<script type="text/javascript">
document.getElementById('ele').innerHTML='welcome to my blog'
</script>
2. 等到在网页加载完毕后，运行该javascript代码。可以使用传统的解决办法（load）：首先加HTML的body加入“<body load="load()”>,”然后在load()函数里调用上述javascript代码。这里要着重介绍的是用jQuery来实现：
<script>
$(document).ready(function(){
document.getElementById('ele').innerHTML= 'welcome to my blog'
})
</script>
//当然,既然用到了jQuery,更简单的写法是：
<script>
$(document).ready(function(){
$('#ele').html('welcome to my blog') //这里也可用.text()方法
})
</script>
可以把上述jQuery代码放在页面的任何位置，它总是等到页面加载完毕后才执行。
其实浏览器加载显示html的顺序是按下面的顺序进行的：1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。
2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。
3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。
4、并且在下载后进行解析，解析过程中，停止页面所有往下元素的下载。
5、样式表在下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所有元素（含以前已经渲染的）重新进行渲染。
6、JS、CSS中如有重定义，后定义函数将覆盖前定义函数。
如果你的网页比较大，希望部分内容先显示出来，粘住浏览者，那么你可以按照上面的规则合理的布局你的网页，达到预期的目的。
