1.1　Web技术简介

1.1.1　Web技术的基本介绍

Web技术改变了世界，它时时刻刻都在影响着我们的生活，如购物、聊天、新闻、搜索等都从最基本的现实世界走向Web的虚拟世界。同时，Web也创造了一个又一个的商业神话，电子商务、搜索引擎、购物网站拉近了我们和现实的距离。学习Web技术，不仅可以加深我们对网页的理解，同时也可学习如何架设一个属于自己的网站。

Web程序是由服务器、浏览器及网络组成的，Web程序具有使用简单、无须安装的特点，只需要一个浏览器即可访问，并完成生活中的很多事情。同时，Web程序也不仅仅是一般意义上的网站。网站的目的是提供信息服务，重在内容，程序往往比较简单。而现在的商业Web程序却比较复杂，往往会结合数据库等技术，如教务管理系统、财务系统、网上办公系统、网上银行等。一个基本的Web技术框架如图1.1所示。

图1.1　Web技术框架

在图1.1中，可以很清晰地看到用户通过客户端（浏览器）访问服务器的过程，用户首先通过客户端提交一个数据请求，然后由网络中的路由器进行分配，传输到指定的服务器，服务器接收请求后，会沿原路将数据包传回到客户端，这样用户便可浏览或下载网络中的资源。

早期的Web技术仅仅是静态页面，这种模式由于不需要用户的交互，因此是很简单的页面；随着用户需求越来越多，Web技术也增加了用户交互的功能，这就进入了动态网页开发的模式，即为“前端技术+后端服务器技术”。这种动态Web技术得到了广泛的应用，但是，仅仅依靠简单的Web技术，可能会增加服务器的负担，因此Web技术也发展了JavaScript的前端数据验证，甚至在此基础上衍生了如Ajax和jQuery的应用。

随着移动互联网的兴起，Web技术也经历了一次又一次的变革，当初的客户端也不仅仅是浏览器，而是增加了如手机应用的一些App软件。特别是随着HTML 5在移动端的广泛应用，越来越多的App开发采用了HTML5和手机开发的混编模式，如HTML 5和iOS的混编，这种模式灵活方便，极大地加快了应用的开发速度，受到了IT企业的广泛推广。

本书的Web技术包含前端技术（HTML 5+CSS3+JavaScript）和后端技术（JSP），同时，在数据交互方面，采取了MySQL数据库作为数据存储，同时也引入了较多的开发案例，帮助读者进行学习和开发工作。