说到Web，很多人会联想到Internet和互联网，它们是相同的概念吗？之间存在那些区别呢？具体的Web又有哪些表现形式呢？这里我们就来总结下这些内容。

1. 因特网

Internet，中文叫做因特网，它是有那些使用公用语言互相通信的计算机连接而成的网络，我们的计算机只要连接到它们的任何一个节点就意味着我们的计算机已经连入到Internet网上了。而互联网就是可以彼此通信的设备组成的网络，可以有广域网和局域网的区别，所以因特网是互联网的一种。

最初美国国防部在1969年建立了阿帕网，建立这个网络的目的是出于军事需要，计划建立一个计算机网络，当网络中的一部分被破坏时，其余网络部分会很快建立起新的联系，人们普遍认为这就是Internet的雏形。后来这种网络开始向非军用部门开放，大量的学校和商业部门都开始接入，之后网络覆盖的范围也越来越广泛。在互联网早期，网站内容仅仅只是单纯的文本，几年之后图像、音频、动画这些形式都可以通过互联网呈现出来。

2. Web概念

Web，中文叫做全球广域网，也叫万维网。它是一种建立在因特网上的网络服务，为用户在因特网上查找信息提供了图形化界面，方便快捷。最初人们希望建立一个针对因特网的新协议以及使用这个协议的文档系统，这个协议的设计允许因特网上任意用户可以作为服务器的计算机数据库中搜索获取文档，这样信息得到了共享，在1991年这个设想得到了实现，而且随着之后不断的发展才行成了今天的万维网，也就是Web。

Web中关键是提供服务的网站，而组成网站的关键元素是网页。这些网页包括文字、图片、音乐等，而且网页还有静态和动态的区别，动态网页可以自动生成新的页面。

2.1 Web各个阶段

（1）Web1.0

开始于1994年，主要特征是大量使用静态的HTML网页发布信息，而且开始使用浏览器获取信息，但是注意这个阶段信息的传递是单向的，也就是说网站只能向用户提供对应的服务信息，但是缺乏交流和互动。这个阶段是信息综合起来方便大众的浏览器，没有实现和用户的互动。

（2）Web2..0

网站作为一种服务，互联网从一系列网站的演化成一个为用户提供网络应用的服务平台，强调用户的参与、在线的网络协作、数据储存的网络化、社会关系网络、RSS应用以及文件的共享等成为了Web2.0发展的主要支撑和表现。这个阶段显著的特点就是网站和用户之间的互动。

（3）Web3.0

对信息的挖掘，把散步在因特网中的信息和用户的需求结合起来，让机器可以理解网页的内容，提供更加精确的检索和匹配，使得整个用户检索的过程精确化、个性化、智能化。这个阶段的网络作为一个可以满足任何查询需求的大型信息库存在，为人们提供着更好的服务。

3. 表现形式

（1）超文本

超文本是用户接口方式，用以显示文本和文本相关的内容。普遍以电子文档的方式存在，其中的文字包含有可以链接到其他字段或者文档的超文本链接，允许从当前阅读位置直接吃切换到超文本链接所指向的文字。

超文本的格式很多，最多的就是HTML，我们日常浏览器的网页上的链接都属于超文本。超文本链接是一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使得信息得以用交互方式搜索。

（2）超媒体

超级媒体的简称，是超文本和多媒体信息的结合，用户不仅可以从一个文本跳转到两一个文本，而且可以激活一段声音，显示图形，甚至播放动画。

Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的主要概念是超文本链接，可以从一个位置跳转到另外的位置，从中获取到更多的信息，还可以跳转到其他主题上。

（3）超文本传输协议

是网络中应用最广泛的网络协议，也就是HTTP。

4. 特点

（1）图形化

Web非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本，Web可以提供将图形、音频、视频信息集合在一起。

（2）和平台无关

不管平台是什么，都可以通过Internet访问万维网，也就是说不管是Windows系统、Unix系统还是Mac系统我们都可以访问万维网，都可以通过浏览器实现。

（3）分布式

大量的图形、音频、视频会占用大量的硬盘空间，对于Web而言没必要将这些信息放在一起，信息可以放在不同的站点上，只需要在浏览器中指明这个站点就可以了。

（4）动态的

因为各个Web站点信息仅包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新。一般个信息站点都要尽量保证信息的时间性，所以Web站点上的信息是动态的，经常更新的，这一点是由信息的提供者保证的。

（5）交互的

Web交互性首先表现在超链接上，用户的浏览顺序和所到站点完全由它自己决定。另外用户还可以和网站进行交互。

5. Web开发

在上边我们介绍了Web开发的相关概念以及它的一些特点，那么在进行Web应用开发的时候有哪些技术呢？这些应用又由哪几部分组成的呢？在这里我们就来总结下这些内容。

5.1 应用结构

如图所示，这个应用分为三个部分，即前端（网页）、逻辑处理、数据存储。在服务器中存放着前端页面、逻辑处理程序、数据库应用，当我们通过浏览器访问服务器时，会将相应的前端页面反馈给用户，之后我们在页面上进行的操作都会经过服务器中的逻辑处理程序处理，如果有需要保存的数据会保存在数据库中，这就是整个Web应用的结构和具体的处理过程。

5.2 应用技术

在Web开发中对应的Web开发的各个组成部分，都有对应的需要我们掌握的相关开发技术，在这里对这些开发语言做了一些总结。

（1）前端开发技术

在Web开发的相关技术中，前端开发的技术比较复杂，这主要因为在最初互联网相关技术发展起来的时候缺乏相关的规范，所以出现了很多不太兼容的情况，这主要体现在浏览器上，特别时早期的浏览器（IE 8之前的版本），后来随着相关规范的制定，现在这些不兼容的情况已经很少了。

要进行前端开发，首先需要掌握的就是HTML、CSS、JavaScript三种开发语言，其中HTML定义了网页的基本结构，CSS用来为这个结构添加一些装饰效果，而JavaScript则是为网页添加一些活动能力（比如轮播图、文字信息的滚动等等）。这三种开发语言是进行前端开发最基本的技术，只有掌握这些内容才可以完成前端开发的工作。而在学习这三种开发语言的时候，很多人会感觉特别容易，学习了一些基本的内容就可以完成一些网页设计的工作了，但是这并不代表如此就可以完成前端开发的工作了。

接触过前端开发的基础语言之后，很多人会感觉操作上比较复杂，不过这些并不难解决，可以通过一些框架简化我们的开发工作。前端方面的常见的框架很多，如Bootstrap、EasyUI、AngularJS等等这些，都可以简化前端开发的工作。不过值得我们注意的是这些框架仅仅是来帮助我们简化操作的，只是一种工具，并不存在哪个框架最好的说法，在选用框架的时候还是要看具体的项目需要。

（2）逻辑处理编程技术

服务端的逻辑处理，可以通过Java、PHP、C#这些编程语言去实现，其中Java语言的使用最为广泛。和前端开发一样，服务端的编程技术也有一些框架，以Java语言为例，比如Spring、MyBatis、JPA等等，都可以帮助我们简化服务端的编程过程，当然这些框架也只是作为我们的工具存在的，不存在具体哪个框架最好的说法，只要选取适合自己项目的实际情况。

（3）数据持久化

在网站中进行的操作、个人信息等内容都需要存储下来，而实现存储功能的就是数据库。常见的数据库有MySQL、Oracle、SQLServer等等，其中MySQL数据库因为简洁轻便深受开发者喜爱，那数据库中的数据是如何进行查询以及更新操作的呢？这就需要了解SQL，中文说法是结构化查询语言，通过SQL我们可以完成数据的查询和更新，而且逻辑处理的编程语言也可以通过SQL操作数据库。

​