1.2 网页开发技术概述

要想开发好的网页，了解与之相关的背景知识是有必要的。

1.2.1 Internet的WWW服务

WWW（World Wide Web）又称为万维网，我们通常称为Web，它是一个基于超文本（Hypertext）方式的信息检索服务工具，其目的就是访问在整个Internet上所有机器中的信息（文档、视频、音频等），它的出现是Internet技术发展中一个重要的里程碑。

WWW服务起源于1989年3月，CERN（欧洲量子物理实验室）的物理学家Tim Berners-Lee提出了最初的链接文档网的建议，18个月后第一个基于文本的原型投入使用。1991年12月，在得克萨斯州的圣安东尼（San Antonic，Texas）举行的Hypertext 91会议上，进行了一次公开演示。

到了1993年，WWW技术有了突破性的进展，它解决了远程信息服务中的文字显示、数据连接及图像传递的问题。同年2月，伊利诺大学（University of Illinois）的Marc Andreessen发布了第一个图形化的浏览器Mosaic。人们通过Mosaic友好的界面、简单的操作很迅速地取得非常丰富的信息资源。由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 浏览器在Internet 上一经推出就受到了热烈的欢迎，并迅速得到了迅速的发展。

1994年，CERN的MIT签署了建立万维网联盟（World Wide Web Consortium，缩写为W3C）的协议，该组织致力于进一步开发Web、对协议进行标准化，并鼓励站点之间的互操作性。W3C联盟的主页是www.w3.org，这是获取Web最新信息的最佳途径。

WWW 系统的结构采用了客户/服务器模式，也就是说 Web 应用程序涉及到两大运行平台——WWW浏览器（客户端）和WWW服务器，图1-3给出了它的工作原理示意图。

图1-3 www工作原理示意图

如图1-3所示的WWW工作原理的具体流程如下。

（1）信息资源以Web页的形式存储在WWW服务器中。

（2）用户在WWW客户端浏览器中输入网站的URL地址，这个地址决定浏览器要与网络中的哪台服务器进行联系。

（3）WWW浏览器寻找到指定的服务器后，向WWW服务器发出请求。

（4）WWW服务器收到客户端的请求同时作出相应的分析，然后将保存在WWW服务器中的Web页面发送给客户端。

（5）浏览器接收到相应的Web页面后，将图、文、声并茂的Web页面呈现给用户。

WWW服务通常具有以下特点。

● 以超文本、超媒体的方式组织网络内的信息资源。

● 用户可以通过WWW浏览器获取Internet上任意网站上的信息。

● 提供直观、易于使用的图形用户界面。

WWW服务的核心技术是超文本标记语言（Hyper Text Markup Language，HTML）、信息资源的统一定位格式（Uniform Resource Locator，URL）和超文本传送协议（Hyper Text Transfer Protocol，HTTP）。

这里我们并不要求读者对HTTP协议及URL知识有太多的了解，但是希望读者能够熟悉浏览器发出请求及服务器响应的机制和原理，这将有助于读者了解 Web 的整体结构，在 1.3 节中我们将详细地给大家介绍超文本标记语言——HTML。

1.2.2 Web浏览器软件发展

一提到浏览器，大部分读者脑海里出现的第一个名字应该就是微软的IE（Internet Explorer）浏览器。但在WWW浏览器的发展历程中，IE浏览器不仅不是最早的浏览器，甚至不是主流的浏览器。但由于它借助于和Windows捆绑的独特优点，使得其已经成为市场占有率超过 90 %的浏览器。因此，从一定程度上说，是微软提供的免费IE浏览器软件的发展带动了整个互联网的发展。

目前典型的WWW浏览器（Browser）有Mosaic、Netscape Navigator、Internet Explorer、WinWeb、Lynx、Opera、HotJava、Mozilla Firefox等，它们适用于各种不同的计算机系统环境。

1.IE浏览器（Internet Explorer）发展历程

1）1995年1月

IE 1.0发布，它的初次登场，就是和操作系统Windows 95捆绑在一起亮相的。11月，在IE1.0发布10个月之后，IE 2.0就急匆匆地出世，这个版本增加了对表格和一些新的HTML 元素的支持。同时IE 2被绑在 Windows NT 4.0中。

2）1996年8月

IE 3.0正式版发布，这个版本提供了对HTML表格定制、框架及更多HTML元素的支持。同时提供了VB和Java脚本语言的支持。10月，IE 3.01正式版发布，IE 3.0被捆绑在Windows 95 OSR 2操作系统中。

3）1997年10月

IE 4.0正式版发布，这个版本增强了对样式列表和文档对象模型的支持，新增了一些新的特性，浏览器的显示能力也明显改善。11月，IE 4.01正式发布。IE 4.0和Windows 98操作系统捆绑在一起。

4）1999年3月

IE 5.0正式版发布，除了已经知道的开发者预览功能外，这个版本提供了更多CSS 2功能和更多新的CSS属性的支持，这个变化是这一版本中的一个亮点。Windows 98 SE和Windows 2000操作系统中都捆绑了IE 5.0。

5）2000年7月

IE 5.5正式版发布，这个版本增加对更多CSS属性的支持。IE 5.5被捆绑在Windows Millennium Edition（ME）操作系统中。

6）2001年10月

IE 6.0正式版发布，关于CSS有了更多的变化，而且一些小错误被修正。IE 6.0的诞生是和Windows XP在一起的。

7）2002年9月

IE 6.0 SP1发布，这个版本对安全漏洞进行了修补。IE 6.0和操作系统 Windows XP Home/Pro捆绑。

8）2003年3月

微软和AOL达成协议，在未来7年，AOL继续使用IE作为默认的浏览器，免授权费用。微软也宣布IE不再作为单独的浏览器软件发布，而是仅仅和新的操作系统一同发布。至此，IE的市场占有率已超过90 %，昔日无比辉煌的Netscape 终于完全退出浏览器王者的舞台。

9）2006年6月

微软发布IE 7.0（Internet Explorer 7 Beta 3）。全球信息安全服务提供商Verisign为了帮助最终用户轻松分辨假冒网站和正规网站，通过与微软IE 7.0技术进行了进一步整合。当一个消费者访问部署了高安全级别服务器证书的网站时，IE 7.0浏览器的地址栏将会变为绿色，并显示该网站拥有的数字证书和所有者名称，同时显示证书的颁发机构。而在IE 6.0及以下版本中，服务器证书一般通过地址栏和窗口右下角的金色小锁才能辨识。

2.Mozilla Firefox（火狐浏览器）发展历程

Mozilla Firefox（火狐浏览器）发展历程源于Asa Dotzler的介绍。Asa Dotzler是Mozilla基金会的社区协调员，在组织FireFox开源浏览器社区方面扮演着重要的角色。最开始他是Netscape的志愿者和雇员，之后又加入了Mozilla基金会。

1）1998年1月

Netscape Communications宣布发布浏览器源代码的计划，目的是“激发网上数以万计的开发人员的创新能力”。

2）1998年5月

Netscape在mozilla.org网站发布Communicator 5.0源代码以供下载。

3）1998年11月

AOL宣布收购Netscape（1999年5月完成）。

4）2000年11月

Netscape 6发布，但被发现存在许多bug。

5）2002年6月

Mozilla 1.0发布。这款Internet程序套装包含Web浏览器，E-mail和新闻组客户端，IRC客户端和HTML编辑器。

6）2002年9月

独立的Web浏览器Phoenix 0.1版本发布。

7）2003年4月

由于出现商标争议，Phoenix改名为Firebird。

8）2003年5月

AOL同意在未来7年内将微软Internet Explorer作为其在线服务的默认浏览器。

9）2004年2月

Mozilla基金会再次被迫将Firebird改名为Firefox，因为和另一个开源项目的商标名冲突。

10）2004年9月

Firefox 1.0 PR发布。大约在同一时间Spread Firefox社区市场网站上线，帮助Mozilla基金会实现10天Firefox下载量突破100万的目标。

11）2004年10月

Mozilla基金会号召支持者捐款以在《纽约时代周刊》购买一张整页广告宣传11月的Firefox 1.0首发。短短10天的募捐活动共得到来自1万人的总数为25万美元的捐款。

12）2004年11月

Firefox 1.0发布，Firefox 1.0中文正式版也于2004年11月24日发布。

13）2005年5月

IBM 鼓励员工使用 Firefox，允许他们从公司内部服务器下载该软件，并且可以从公司的 helpdesk部门得到技术支持。

14）2006年7月

Firefox 2_0 Beta 1简体中文版发布。

1.2.3 Internet上的信息携带者——网页

网页其实也是一个文件，它存放在世界某个角落的某台计算机上（我们也称为某个网站）。平常我们说得“百度”、“Goolge”、“新浪”等，就是所谓的网站。而当我们访问这些网站的时候，最直接访问的就是网页了。

网页是网络信息的携带者，在网络上传递相关的信息，比如文字、图片甚至多媒体影音，都是存放在网页中的。文字与图片是构成一个网页的两个最基本的要素。除此之外，网页的元素还包括动画、音乐、程序等。

在如图1-4所示的网页JSP简介.html上单击鼠标右键，在弹出的快捷菜单中选择 “查看源文件”，就可以通过记事本看到网页的实际内容，如程序1-1所示。

图1-4 JSP简介.html

【程序1-1】 JSP简介.html

            01   ＜html＞
            02      ＜head＞
            03         ＜meta http-equiv="Content-Type" content="text/html;
            04            charset=gb2312" /＞
            05            ＜title＞
            06               JSP简介    \注：JSP简介.html中显示的内容
            07            ＜/title＞
            08      ＜/head＞
            09      ＜body＞
            10         ＜div align="center"＞
            11            ＜font color="#FF0000"＞
            12               ＜h1＞JSP简介＜/h1＞
            13            ＜/font＞
            14         ＜/div＞
            15      ＜/body＞
            16   ＜/html＞

我们注意到，在程序1-1中除了“JSP简介”之外还有一些角括号及里面的代码，这就是制作网页所共同遵循的 HTML 超文本标记。网页通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述，例如字体、颜色、大小等，而浏览器则对这些标记进行解释并生成页面，然后呈现给用户。

可以说网页是使用HTML语言编写的文件。 例如程序1-1中＜font color="red"＞标记使得网页中显示的内容“JSP简介”为红色，在1.3节中我们会详细地介绍HTML的各种标记，以及各种标记是如何将网页元素组织在一起的。

网页分为静态网页与动态网页两种。一般静态网页是以htm或者html为后缀，而动态网页则是以cgi、asp、php、jsp为后缀的。

1.2.4 静态网页与动态网页

正如我们在前面一小节所介绍的，后缀名为htm或者html的网页是静态网页。所谓静态，是指每个 Web 页面的显示内容是保持不变的，修改和更新了网页中一个字或者一个图片时，必须重新上传才能见效。早期的网站一般都是由静态网页组成的。

但是，采用静态网页方式构建网站存在以下不足。

● 不能及时更新信息，页面上提供的内容都是一成不变的。

● 当需要修改或者添加新的信息时，必须重新编写HTML文件，缺乏扩展性。

● 不能根据用户的需求提供不同的信息，因此不能满足多样性要求。

正因为静态页面的应用程序存在这些缺点，因此决定了这种模式必然不能适应大中型系统和商业需求。所以，建立一个动态Web应用程序就显得特别重要。

区别静态网页与动态网页主要依据是网页制作的语言。静态网页通常采用HTML、JavaScript和VB Script编写，而动态网页主要采用CGI（Common GateWay Interface，公共网关接口），PHP（Hypertext Preprocessor，超文本预处理器）、ASP（Active Server Page，活动的服务器页面）、ASP.NET和JSP（Java Server Page，JavaScript服务器页面）等脚本语言给用户提供及时信息及多样化的服务。

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。动态网页一般在服务器端运行，它通过各种动态脚本语言，将网站内容动态存储到数据库，用户访问网站是通过读取数据库来动态生成网页的。网站上主要是一些框架基础，网页的内容大都存储在数据库中。

静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。