Web开发概述
web开发涵盖了很多方面的技术,为了弄明白这些技术之间的关系,我们通过一幅图来进行讲解
当我们使用浏览器访问网页时.无论是访问本地或网络上的网页,最终浏览器接收到的都是
HTML,CSS,JavaScript,紧接着浏览器将这些内容渲染(显示)成图形界面给用户.这些界面的设计者,就是我们的前端工程师
- 常见的浏览器
- ie:
- chrome:
- firefox:
- opera:
- ie:
- 国内的浏览器用的就是这些厂商的内核，所以并不能称之为全新的浏览器,故这里不一一列出
HTML
百度百科:超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
- 超文本标记语言? 有了网络以后我们想传播的不仅仅只有文字,可能还有图片,音频,视频或者更多好玩的东西,那么如何来表达这些内容呢?
1 中文:这是一张图片
2 英文:this is a picture
3 阿拉伯语:هذه هي الصورة
....等等
很明显,这对于母语中文,略懂英文的我们而言,这不是一个很好的示例,别忘了世界上有很多不同的语言,如果不同国家都用本国的语言来交流很明显不是一个好的方法
- HTML(超文本标记语言)
超文本标记语言的作用就是提供了一种标准格式,当大家都遵守这种格式时,彼此之间就能够进行交流,下图就是一些简单的HTML代码,使用标签的方式将需要表述的内容包裹起来,经由浏览器解析展现给用户. 更为详细的教程可以查阅 w3cSchool_HTML教程
- HTML5
HTML的出现就是让广大开发者,对于网页代码中标签名,标签属性等等内容的一个通用标准,而HTML5就是其中比较新的一个标准而已,所以从狭义来说:HTML5就是多了几个新的标签而已,这些标签的强大之处在于:让原本需要开发人员写一堆代码才能实现的功能,现在直接就可以使用(注:移动设备对于HTML5的支持更为友善)
CSS
如果说
HTML是网页的骨架,那么CSS的出现就是让这身骨架拥有了衣服,变得更为精美.更为详细的写法教程可以查阅w3cSchool_CSS教程
纯HTML 在没有
CSS的时代,单纯的时候标签进行数据的传递,这个时候的页面非常适合搞学术的人群因为他真的很难看:
CSS 当我们为其添加了
CSS效果以后,就会出现惊人的变化(页面不好看轻拍 o(╯□╰)o)
CSS3 如果说
CSS是普通的衣服,那么CSS3就是充值了VIP以后可以穿的衣服,更为酷炫,可以让页面中的元素拥有更多的变化
JavaScript
当页面拥有了
骨骼HTML,衣服CSS之后,能够动起来,我们又有了JavaScript. 更为详细的写法教程可以查阅w3cSchool_JavaScript教程
JavaScript 通过使用JavaScript让我们的页面能够真正的跟用户交互起来,比如:用户鼠标移动时出现花朵,用户注册时输入用户名检查是否重名并且给予相应的提醒等等.通过这些方式让我们的页面更为人性化.不过JavaScript的作用不仅于此,也能够用来开发服务端,比如node.js这里先不做拓展.