最先需要学习的是 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代码放在页面的任何位置,它总是等到页面加载完毕后才执行。