Web 前世今生

世界上没有WEB的时候, 文件资料FTP是个不错的选择。

HTML

1989年CERN（欧洲粒子物理研究所）一个小组的负责人 Tim Berners-Lee 跟他做程序的朋友圈聊起， 要是能够在打开一个文本文件阅读的时候，看到一个词条就能够点击打开相应的文本文件就方便了（跟现在的百度百科一样）。 这样就产生了 一个新词汇 HyperText Markup Language （ 简称 THML），  所以HTML 可以理解就是在普通的文本文档中可以点击一个链接打开另外一个文本文档。 

程序朋友就开始写代码来实现这个功能， 想了想没有什么好大变化嘛！ 就是把现在的浏览文本文件的APP增加一个功能，当用户点击一个链接的时候打开一个新的文本文档。 编码然后测试了就发布了一个新的APP给欧洲粒子物理研究所使用。 注意当这个程序员朋友发布这个可以点击一个链接然后打开一个新文本文档APP的时候 -- 我们的第一个 “浏览器” 就诞生了。 它跟以前的文本浏览没有什么不同，就是能够点击一个链接然后打开一个新的文本文档。这个浏览器定义了 如果文本文档中 黑洞  就让用户只看到  “黑洞”  然后点击 “黑洞”  就算打开 “黑洞.txt" 文档。

这种新的方式用起来确实给力， 所以有越来越多的人开始使用。 这些人中间把就有人提出能否让文本文件打开来跟报纸一样啊

这些需求又丢给我们无所不能够的程序员朋友了，不就是排哈版么， 小CASE 。  程序员朋友把第一版的浏览器的源码打开写IF  ELSE 了。    IF  

.*

这样的格式化 就把

标签里面的内容显示出来，并且用粗体显示。  IF

xxx

 就算左，右，上，下都10像素的边距。 程序员朋友越写觉得这个东西越有意思，  算了不仅仅让排版好看点， 干脆让页面里面还可以嵌入图片， 嵌入的规则是

用户看到的

JavaScript

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript. 但是实际上跟JAVA一点关系都没有。 加入编程语言就算为了实现动态化， JavaScript可以获取上面网页的每个图片对象， 然后把图片移动位置， 改变大小，显示隐藏。 也可以获取输入框的值。 典型的今天应用就是提交表单验证格式， 网页游戏。

CSS

1990年，Tim Berners-Lee和Robert Cailliau共同发明了Web。1994年，Web真正走出实验室。[3]

从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。

随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。

1994年哈坤·利提出了CSS的最初建议。而当时伯特·波斯（Bert Bos）正在设计一个名为Argo的浏览器，于是他们决定一起设计CSS。

HTTP

超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。1960年美国人Ted Nelson构思了一种通过计算机处理文本信息的方法，并称之为超文本（hypertext）,这成为了HTTP超文本传输协议标准架构的发展根基。Ted Nelson组织协调万维网协会（World Wide Web Consortium）和互联网工程工作小组（Internet Engineering Task Force ）共同合作研究，最终发布了一系列的RFC，其中著名的RFC 2616定义了HTTP 1.1。

OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE

Web 服务器

Web 服务器就是产生HTML, JAVASCRIPT, CSS这些文本内容， 然后通过 HTTP 协议传输到浏览器。

GET /hello.htm HTTP/1.1  ，  打开hello.htm文本文件 读取里面的内容， 然后把内容传输回浏览器

服务器编程

假如我们的网站是提供城市天气情况的功能， 我们可以怎么做呢， 每个城市一个文本文件， 然后在来一个总目录的文本文件里面包含全部城市列表， 点击一个连接就打开相应的城市。  用倒是可以用， 就是不方便每次用户都要先找相应的城市 然后点击打开。 能否这样做根据用户所在的IP 自动判断出城市 然后打开首页就直接显示相应的天气情况

PHP 来实现  如果在WEB服务器上面的文件以.php 结尾， 他就是个动态页面， 里面可以用PHP 这门语言来编程。 

if ( request.ip  like '10.8.x')

{

     content = readFile('beijin.html')

      response.write(content)

}else if (equest.ip  like '10.7.x')

{

content = readFile('chengdu.html')

response.write(content)

}

Web & H5

Web & Mobile

Web & Desktop