从屌丝到架构师的飞越（HTML篇）-Web开发技术介绍

一、介绍

前端开发是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互  。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

二、知识点介绍

1、WEB起源

2、WEB架构精华

3、WEB信息交互

4、WEB的新生-XML

5、WEB开发框架和应用模型

6、WEB开发常用工具

三、上课对应视频的说明文档

1：web起源：

Web的前身是1980年Tim Berners-Lee负责的Enquire（Enquire Within Upon Everything的简称）项目。

1990年11月，第一个Web服务器nxoc01.cern.ch开始运行，Tim Berners-Lee在自己编写的图形化Web浏览器"WorldWideWeb"上看到了最早的Web页面。

1991年，CERN（European Particle Physics Laboratory）正式发布了Web技术标准。

目前，与Web相关的各种技术标准都由著名的W3C组织（World Wide Web Consortium）管理和维护。

2、WEB架构精华

HTML:实现信息与信息的连接；

URI:实现全球信息的精确定位；

HTTP实现分布式的信息共享。

"Web是一个抽象的（假想的）信息空间。"也就是说，作为Internet上的一种应用架构，Web的首要任务就是向人们提供信息和信息服务。

3、WEB信息交互

Web是一种典型的分布式应用架构。Web应用中的每一次信息交换都要涉及到客户端和服务端两个层面。因此，Web开发技术大体上也可以被分为客户端技术和服务端技术两大类。

3.1：web客户端萌芽和演进

Web客户端的主要任务是展现信息内容，而HTML语言则是信息展现的最有效载体之一。

HTML（超文本标记语言）：

超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1997年1月14日，W3C推荐标准

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

HTML 5——2014年10月28日，W3C推荐标准

真正让HTML页面又酷又炫、动感无限的是CSS（Cascading Style Sheets）和DHTML（Dynamic HTML）技术。

3.2：CSS（层叠样式表）：

CSS1：作为一项W3C推荐，CSS1发布于 1996年12月17 日。1999 年1月11日，此推荐被重新修订。

CSS2：作为一项 W3C 推荐，CSS2发布于 1999年1月11日。CSS2添加了对媒介（打印机和听觉设备）和可下载字体的支持。

CSS3：CSS3 计划将 CSS 划分为更小的模块。

DHTML（动态HTML）

动态HTML（Dynamic HTML，简称DHTML），其实并不是一门新的语言，它只是HTML、CSS和客户端脚本的一种集成，即一个页面中包括html+css+javascript（或其它客户端脚本）。

3.3：客户端的多媒体应用

1996年的Netscape 2.0成功地引入了对QuickTime插件的支持，插件这种开发方式也迅速风靡了浏览器的世界。

在Windows平台上，Microsoft将客户端应用集成的赌注押到了1990年代中期刚刚问世的COM和ActiveX身上。

1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的功能，这为其他厂商扩展Web客户端的信息展现方式开辟了一条自由之路。

1999年，Realplayer插件先后在Netscape和IE浏览器中取得了成功，与此同时，Microsoft自己的媒体播放插件Media Player也被预装到了各种Windows版本之中。同样值得纪念的还有Flash插件的横空出世：

1996年，Macromedia公司收购了FutureWave，并将Jonathan Gay的发明改名为我们熟悉的Flash。从此，Flash动画成了Web开发者表现自我、展示个性的最佳方式。

3.4：web服务器端技术：

两大企业级开发平台：

➢ J2EE: JAVA企业级开发

➢ .NET: Microsoft的.NET平台是一个强调多语言间交互的通用运行环境

4、WEB的新生-XML

HTML语言具有较强的表现力，但也存在结构过于灵活、语法不规范的弱点。当信息都以HTML语言的面貌出现时，Web这个信息空间是杂乱无章、没有秩序的。为了让Web世界里的所有信息都有章可循、有法可依，我们需要一种更为规范、更能够体现信息特点的语言-XML。

HTML语言关心的是信息的表现形式，而XML语言关心的是信息本身的格式和数据内容。

5、WEB开发框架和应用模型

MVC CMS

6、WEB开发常用工具