第1章 Web概述 要学习网页编程技术,首先要了解什么是网站、网页和主页,什么是Wεb。本章主要 介绍Web的基本概念、网页的类型、web开发技术、编写Web页的工具。为后面学习动 态网页编程技术做准备。 1.1Web的基本概念 11.1Web的来历 Web是英文 World wide web的简称,通常也简写为WWW,意思是布满世界的网 中文名称为万维网。Web由遍布在 Internet上的称为web服务器的计算机组成,是 Internet的主干网。Web将世界各地的各种信息资源有机地组织起来,形成一个统一的 Web网络。Web是基于超文本方式的、具有友好用户界面的信息査询工具和信息发布平 台,是由web服务器和其中存放的文档和文档之间的链接构成的庞大信息网,是通过超 链接( hy perlin)转移到其他web服务器页面上的文本和图形界面 web网络上包含双向信息,一种是通过浏览器浏览到的信息,另一种是用户自己通 过在Web服务器上建立的网站对外发布的信息。此外,在Web网络上世界各地的人员 可以直接进行交谈,讨论问题,还可以为商家发布广告,进行电子商务活动 1.12Web的客户-服务器模型 客户-服务器模型 客户机是指用来与数据提供者(服务器)通信的计算机,客户机与服务器相连,由遍布 世界各地的企业、家庭、个人等用户使用的计算机组成,通过客户机上的浏览器发送或接 收信息,也可以将客户看成是能从服务器上获得信息的程序。 服务器是指能向许多客户同时提供数据资源的计算机,由遍布世界各地的大型机构 或个人的计算机构成。服务器既可以是实际的计算机,也可以是服务器软件,或者是在计 算机上运行的端口监督程序。端口监督程序时刻监听着来自客户端的请求,然后交由服 务器端的相应程序进行处理,然后将处理后的结果返回给请求的客户端。客户和服务器
Web 概述 要学习网页编程技术,首先要了解什么是网站、网页和主页, 什么是 Web。本章主要 介绍 Web 的基本概念、网页的类型、Web 开发技术、编写 Web 页的工具。为后面学习动 态网页编程技术做准备。 1 .1 Web 的基本概念 1 .1 .1 Web 的来历 Web 是英文 World Wide Web 的简称, 通常也简写为 WWW, 意思是布满世界的网, 中文名称为万维网。 Web 由遍 布在 Internet 上的称为 Web 服务器的 计算机组 成, 是 Internet 的主干网。Web 将世界各地的各种信息资源有机地组织起来, 形成一个统一的 Web 网络。Web 是基于超文本方式的、具有友好用户界面的信息查询工具和信息发布平 台,是由 Web 服务器和其中存放的文档和文档之间的链接构成的庞大信息网, 是通过超 链接( hyperlink )转移到其他 Web 服务器页面上的文本和图形界面。 Web 网络上包含双向信息,一种是通过浏览器浏览到的信息, 另一种是用户自己通 过在 Web 服务器上建立的网站对外发布的信息。此外,在 Web 网络上世界各地的人员 可以直接进行交谈,讨论问题, 还可以为商家发布广告,进行电子商务活动。 1 .1 .2 Web 的客户-服务器模型 1 . 客户-服务器模型 客户机是指用来与数据提供者(服务器) 通信的计算机,客户机与服务器相连, 由遍布 世界各地的企业、家庭、个人等用户使用的计算机组成, 通过客户机上的浏览器发送或接 收信息,也可以将客户看成是能从服务器上获得信息的程序。 服务器是指能向许多客户同时提供数据资源的计算机, 由遍布世界各地的大型机构 或个人的计算机构成。服务器既可以是实际的计算机,也可以是服务器软件, 或者是在计 算机上运行的端口监督程序。端口监督程序时刻监听着来自客户端的请求, 然后交由服 务器端的相应程序进行处理,然后将处理后的结果返回给请求的客户端。客户和服务器 · 1 ·
可以同在一个计算机上,但它们通常是在由网络连接的不同计算机上 如果使用过银行的ATM提款机,就可以很容易理解客户-服务器模型的应用。在 ATM(客户端)上输入用户名和密码,然后提交给ATM连接到的服务器进行验证,在服 务器上验证无误后,用户可以获得自己的账户信息或提款 2.Web服务器、浏览器与HITP web是以客户-服务器模型工作的、基于超文本HTML方式的信息查询工具。具体 说来,web是由三种构件协调一致共同工作。第一种构件是客户机上的浏览器软件,用 来显示网页内容或发送接收信息,常用的浏览器软件有IE、 Netscape等。第二种构件是 Web服务器,提供web服务的计算机(软件)用来为客户端提供信息服务,Web服务器存 放着大量的网页(Web页),目前广泛使用的web服务器管理软件有支持ASP服务器 ( Windows下运行)的软件IIS( Internet Information server)、PWS( Personal web Server);支持PHP服务器的软件(Unix、 Linux下运行) Apache,支持JSP的服务器(可在 多种平台下运行)的软件JSWDK、TOMCAT。第三种构件是HTTP协议(Hypertext Tran sfer Protocol),它是用来在 Internet上传送超文本的协议,简称为超文本传送协议, 客户机与服务器根据这个协议来传送信息 协议是关于信息格式及信息交换规则的正式描述。在信息技术中,协议就是一些特 殊的规则集合,它被通信的接收方和发送方认可,接收到的信息和发送的信息均以这种规 则加以解释。协议就好比每个国家都有自己特定的对外交流准则和交流方式,在 Internet上,它统一了人们在网上的交流方式,可以使浏览器更加高效,使网络传输量减 少。在Web服务器上除了Web页以外,还有一个HTTP驻留程序软件——端口监督程 序,专门用于响应用户请求 Web工作的过程从Web网络上客户端开始,客户端通过Web浏览器(可以是 Netscape或IE浏览器等)向Web服务器发送一个查询请求,即当用户在浏览器中输入了 个开始文件或单击了一个超级链接时,浏览器就向服务器发送一个HTTP请求,此请 求被送往由IP地址指定的URL地址。HTTP驻留程序接收到请求,立即进行必要的操 作然后使用HTTP协议约定好的格式回送所要求的文件或结果信息。客户端的用户可 以在浏览器上看到服务器回送的结果,如图11所示 网页 文件夹 超链接2H 服务器 网页 超链接 服务器 客户机 Internet 图11web工作过程示意图
可以同在一个计算机上,但它们通常是在由网络连接的不同计算机上。 如果使用过银行的 ATM 提款机, 就可以很容易理解客户-服务器模型的应用。在 A TM(客户端 )上输入用户名和密码, 然后提交给 A TM 连接到的服务器进行验证, 在服 务器上验证无误后,用户可以获得自己的账户信息或提款。 2 . Web 服务器、浏览器与 HTTP Web 是以客户-服务器模型工作的、基于超文本 H TML 方式的信息查询工具。具体 说来, Web 是由三种构件协调一致共同工作。第一种构件是客户机上的浏览器软件, 用 来显示网页内容或发送/ 接收信息, 常用的浏览器软件有 IE、Netscape 等。第二种构件是 Web 服务器,提供 Web 服务的计算机(软件 )用来为客户端提供信息服务, Web 服务器存 放着大量的网页(Web 页 ) , 目前广泛使用的 Web 服务器管理软件有支持 ASP 服务器 (Windows 下 运 行 ) 的 软 件 IIS ( Internet Informa tion Serve r )、PWS ( Pe rsonal Web Se rve r) ; 支持 P H P 服务器的软件( Unix、Linux 下运行 ) Apache, 支持 JSP 的服务器( 可在 多种平台下运行 ) 的软件 JSWDK、TOMCAT。第三种构件是 H TTP 协议 ( H ypertext Tr an sfer Protocol) ,它是用来在 Inte rnet 上传送超文本的协议, 简称为超文本传送协议, 客户机与服务器根据这个协议来传送信息。 协议是关于信息格式及信息交换规则的正式描述。在信息技术中, 协议就是一些特 殊的规则集合,它被通信的接收方和发送方认可, 接收到的信息和发送的信息均以这种规 则加以解 释。协 议 就好 比 每 个 国家 都 有 自 己特 定 的 对 外交 流 准 则 和交 流 方 式, 在 Internet 上, 它统一了人们在网上的交流方式, 可以使浏览器更加高效, 使网络传输量减 少。在 Web 服务器上除了 Web 页以外,还有一个 H T TP 驻留程序软件———端口监督程 序,专门用于响应用户请求。 Web 工作的 过程 从 Web 网 络上 客 户端 开始, 客户 端通 过 Web 浏 览 器 ( 可 以 是 Netscape 或 IE 浏览器等)向 Web 服务器发送一个查询请求, 即当用户在浏览器中输入了 一个开始文件或单击了一个超级链接时, 浏览器就向服务器发送一个 H T TP 请求, 此请 求被送往由 IP 地址指定的 U RL 地址。H T TP 驻留程序接收到请求, 立即进行必要的操 作然后使用 H T TP 协议约定好的格式回送所要求的文件或结果信息。客户端的用户可 以在浏览器上看到服务器回送的结果,如图 1 .1 所示。 图 1 .1 Web 工作过程示意图 · 2 ·
由此可见,Web服务器负责对来自客户机的请求做出回答,并且负责管理信息、寻找 信息和传递信息。一个Web服务器除了提供它自身的独特信息外,还“指引”着存放在其 他Web服务器上的信息。那些Web服务器又指向更多的Web服务器,当然,还可以返 回到初始的web服务器。一个世界范围的信息服务器交织而成的信息网就这样形成了 13URL的作用 Web网络上有大量的Web服务器,服务器上有海量的信息资源,如何找到需要的信 息呢?这就需要借助URL的功能了。将信息资源放于web服务器的时候,先要给它 个网络空间地址,以便人们利用浏览器通过服务器顺利地找到这个信息 URL( Uniform Resource locations)称为统一资源定位地址。URL可以看成是一个 指针,用来指定 Internet网上一个具体的网络空间地址。它提供了一个统一的方法去寻 找和存取网上的信息。在实际应用中,URL经常称为网址、URL地址或网站地址。URL 是网页在Web中位置的描述方式。在浏览器的地址栏中写入URL,如http://www bjtu. edu.cn就可以找到北京交通大学的网页 有些URL地址看起来很长,例如http://www.njtu.edu.cnhomeHomepage html,可将它们分为如下4个部分来理解: 方式://主机名地点文件名 1.方式 方式指的是数据传输的方式,也可称为协议。关于它具体是什么内容,暂时可以不去 理会,只要知道每种资源使用的协议,也就是提供的服务类型就行了。如hto、 gopher、 ftp,news,telnetfile,mailto等,将来还会有新增加的信息服务http是Web的基本协 议,可以传输普通文本、声音、图像以及其他任何在 Internet上可以访问的信息 2.主机名 主机名指的是服务器地址,是网页所在计算机的名字或IP地址( Internet Protocol)、域名地址( Domain Name System),简称DNS地址。IP地址由4个数字部分 组成,每部分不大于256,例如202.12.14465。由于IP地址是一些数字,不好记。所以 采用了好记的域名地址,它由字母表示,具有一定的逻辑关系。域名地址通常也分为4部 分,机器名单位名单位类别国家简称。例如,北京交通大学web服务器域名地址为 www.bjtueducn,其中www表示服务器名称,bjtu表示北京交通大学,edu表示教育部 门,cn表示中国。 这里机器名和单位名可以自由确定,单位类别和国家简称有一定的规则。例如,单位 类别gov表示政府部门,mil表示军事部门,net表示计算机网络服务机构,com表示商业 机构,int表示国际组织。国家简称中uk表示英国,ca表示加拿大等。 3.地点 地点指的是在web服务器信息资源所在的目录
由此可见, Web 服务器负责对来自客户机的请求做出回答, 并且负责管理信息、寻找 信息和传递信息。一个 Web 服务器除了提供它自身的独特信息外, 还“指引”着存放在其 他 Web 服务器上的信息。那些 Web 服务器又指向更多的 Web 服务器, 当然, 还可以返 回到初始的 Web 服务器。一个世界范围的信息服务器交织而成的信息网就这样形成了。 1 .1 .3 URL 的作用 Web 网络上有大量的 Web 服务器, 服务器上有海量的信息资源, 如何找到需要的信 息呢 ? 这就需要借助 U RL 的功能了。将信息资源放于 Web 服务器的时候, 先要给它一 个网络空间地址,以便人们利用浏览器通过服务器顺利地找到这个信息。 URL( Uniform Resource Locations) 称为统一资源定位地址。URL 可以看成是一个 指针,用来指定 Internet 网上一个具体的网络空间地址。它提供了一个统一的方法去寻 找和存取网上的信息。在实际应用中, URL 经常称为网址、URL 地址或网站地址。U RL 是网页在 Web 中位置的描述方式。在浏览器的地址栏中写入 URL, 如 http:/ / www . bjtu .edu .cn 就可以找到北京交通大学的网页。 有些 U RL 地址 看起来 很长, 例 如, http: / / www .njtu .edu .cn/ home/ H omepage . html ,可将它们分为如下 4 个部分来理解: 方式: / / 主机名/ 地点/ 文件名 1 . 方式 方式指的是数据传输的方式,也可称为协议。关于它具体是什么内容, 暂时可以不去 理会,只要知道每种资源使用的协议, 也就是提供的服务类型就行了。如 http、gopher、 ftp、news、telnet、file、mailto 等, 将来还会有新增加的信息服务。 http 是 Web 的基本协 议,可以传输普通文本、声音、图像以及其他任何在 Internet 上可以访问的信息。 2 . 主机名 主机 名 指 的 是 服 务 器 地 址, 是 网 页 所 在 计 算 机 的 名 字 或 IP 地 址 ( Inter net Protocol)、域名地址 (Domain Name System ) , 简称 DNS 地址。IP 地址由 4 个数字部分 组成,每部分不大于 256, 例如 202 .112 .144 .65。由于 IP 地址是一些数字,不好记。所以 采用了好记的域名地址,它由字母表示, 具有一定的逻辑关系。域名地址通常也分为 4 部 分,机器名 .单位名 .单位类别 .国家简称。例如, 北京交通大学 Web 服务器域名地址为 www .bjtu .edu .cn,其中 www 表示服务器名称, bjtu 表示北京交通大学, edu 表示教育部 门, cn 表示中国。 这里机器名和单位名可以自由确定,单位类别和国家简称有一定的规则。例如, 单位 类别 gov 表示政府部门, mil 表示军事部门, net 表示计算机网络服务机构, com 表示商业 机构, int 表示国际组织。国家简称中 uk 表示英国, ca 表示加拿大等。 3 . 地点 地点指的是在 Web 服务器信息资源所在的目录。 · 3 ·
4.文件名 文件名指的是所使用文件的名字,例如,1jsp 因此http://zhdjsf1.html就表示用htp协议访问zhc服务器上JSP目录下的 1 html文件,这是一个Web页的位置描述。 不过,URL地址通常不必包括4个部分,只要有方式与主机名即可,例如http:// www.sina.com就是一个有效的网址。当不指定文件名时,大多数的Web服务器都会使 用一个诸如 default htm或者 index html之类的文件作为默认的该服务器的主页 此外,在网页文件中的超链接都对应一个URL,当客户在浏览网页时,单击其中的超 链接就会转移到URL指定的网页上去。在某些涉及交互的网页中,还经常要在URL后 加上由“?引出的参数。例如http://www.sky.netjsploginjsp?id=tom是某网站 用于检验用户合法性的页面,在请求页面时,向 login jsp传送参数id,其值为tom 1.14简单的BS结构和静态网页 由HTML直接书写、内容“固定不变”的网页为静态网页。静态网页保存在Web服 务器上,当用户浏览器通过URL或包含URL的超链接元素向Web服务器请求网页内 容时,Web服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器,如图12 所示 超链接 URI HML售 文 HIML文件件 客户机浏览器 WEB服务器 图12HTML文档传送示意图 这种Web的工作模式称为BS( Browser/ Server)结构,也可称为浏览器服务器模 式,按照这种模式web服务器与浏览器之间进行交互的步骤可归纳如下 用户在浏览器输入URL,例如http://www.sina.com按回车键后就开始对一个 服务器发出HTTP请求 浏览器请求域名服务器DNS解析http://www.sina.com的IP地址,并得到该 域名的IP地址 浏览器向该IP地址的80端口请求一个TCP( Tran smission Control protocol)连 接,一旦TCP连接成功,浏览器将发送请求信息,如 get index html Web服务器接收到请求信息后,首先将Web页 index html发送给浏览器,然后 关闭服务器 浏览器将显示web页 index html文件中的文档内容
4 . 文件名 文件名指的是所使用文件的名字,例如, 1 .jsp。 因此, ht tp: / / zhc/ JSP/ 1 .html 就表示用 ht tp 协议访问 zhc 服务器上/ JSP/ 目录下的 1 .html 文件, 这是一个 Web 页的位置描述。 不过, U RL 地址通常不必包括 4 个部分, 只要有方式与主机名即可, 例如 http:/ / www .sina .com 就是一个有效的网址。当不指定文件名时, 大多数的 Web 服务器都会使 用一个诸如 default .html 或者 index .html 之类的文件作为默认的该服务器的主页。 此外,在网页文件中的超链接都对应一个 URL, 当客户在浏览网页时,单击其中的超 链接就会转移到 U RL 指定的网页上去。在某些涉及交互的网页中, 还经常要在 U RL 后 加上由“ ?”引出的参数。例如, ht tp : / / www .sky .net/ jsp/ login .jsp ? id = tom 是某网站 用于检验用户合法性的页面,在请求页面时, 向 login .jsp 传送参数 id,其值为 tom。 1 .1 .4 简单的 B/ S 结构和静态网页 由 H TML 直接书写、内容“固定不变”的网页为静态网页。静态网页保存在 Web 服 务器上,当用户浏览器通过 URL 或包含 URL 的超链接元素向 Web 服务器请求网页内 容时, Web 服务器仅仅是将原已设计好的静态 H TML 文档传送给用户浏览器, 如图 1 .2 所示。 图 1 .2 H TML 文档传送示意图 这种 Web 的工作模式称为 B/ S (Browser/ Server ) 结构, 也可称为浏览器/ 服务器模 式,按照这种模式 Web 服务器与浏览器之间进行交互的步骤可归纳如下: 用户在浏览器输入 U RL,例如 http:/ / www .sina .com, 按回车键后就开始对一个 服务器发出 H T TP 请求。 浏览器请求域名服务器 DNS 解析 http:/ / www .sina .com 的 IP 地址, 并得到该 域名的 IP 地址。 浏览器向该 IP 地址的 80 端口请求一个 TCP( Tr an smission Control Protocol) 连 接,一旦 TCP 连接成功, 浏览器将发送请求信息,如 get/ index .html。 Web 服务器接收到请求信息后, 首先将 Web 页 index .html 发送给浏览器, 然后 关闭服务器。 浏览器将显示 Web 页 index .html 文件中的文档内容。 · 4 ·
2Web页 以上提到了Web、Web服务器、Web浏览器,它们和Web页是什么关系呢?Web是 Web服务的总称,Web服务器是指提供Web服务的计算机,Web浏览器是显示web页 的软件,而Web服务器上的基本信息单位就是Web页。Web网络、web服务器、Web浏 览器的功能都是为了给查询Web页提供方便 121网页、网站和主页 1.网页(Web页) 网页就是在浏览器里看到的Web页,它是一个独立的文件。 网页一般是用HTML语言编写的超文本文件,网页中可以含有文字、表格、图像、动 画、链接、声音以及视频等。每一个网页都是磁盘上的一个文件,可以单独浏览。网页是 组成网站的特殊成分,其他的图像、声音、视频文件都要通过网页才能让访问者看到或 听到。 2.网站 网页可以按一定的方式连接在一起,组成一个整体,用来描述一组完整的信息或一个 部门、一个企业的情况、一个具有应用服务的信息系统。这样存放在web服务器上的多 个网页,具有共同主题、相似性质的一组资源称为网站或网络文件。网站总是由一个主页 和若干从页组成。 3.主页 网站的第一个页面称为主页,一般将其文件保存为 index html。它既和一般的网页 一样,是一个单独的网页,可以存放各种信息,又是网站的出发点和各网页的汇总点。主 页总是与一个网址(URL)相对应,可引导用户走进一个网站。在主页里,应该给出这个 站点的基本信息和主要内容,使浏览的用户看到后就可知道该站点的基本内容,知道这里 的信息对他是否有用,是否继续浏览下去,是否进行注册,得到更多的服务。因此,主页的 作用比其他网页更重要,在设计和编写时必须给予足够的重视 一般来说,浏览者访问Web网站,首先看到的就是网站的主页。不过,如果知道其他 文件的具体地址,也可以直接进入网站的某个页面。如何区分不同的页面是制作Web页 时需要考虑的问题。 4.首页 有的网站为了让用户快速浏览到自己的网站,在进入主页前首先连接的是简洁的、反 映该网站特点的页面,有时将这种类型的页面称为首页,一般由首页提供连接到包含具体 内容主页的路径
1 .2 Web 页 以上提到了 Web、Web 服务器、Web 浏览器,它们和 Web 页是什么关系呢 ? Web 是 Web 服务的总称, Web 服务器是指提供 Web 服务的计算机, Web 浏览器是显示 Web 页 的软件,而 Web 服务器上的基本信息单位就是 Web 页。 Web 网络、Web 服务器、Web 浏 览器的功能都是为了给查询 Web 页提供方便。 1 .2 .1 网页、网站和主页 1 . 网页(Web 页) 网页就是在浏览器里看到的 Web 页, 它是一个独立的文件。 网页一般是用 H TML 语言编写的超文本文件, 网页中可以含有文字、表格、图像、动 画、链接、声音以及视频等。每一个网页都是磁盘上的一个文件, 可以单独浏览。网页是 组成网站的特殊成分, 其他的图像、声音、视频文件都要通过网页才能让访问者看到或 听到。 2 . 网站 网页可以按一定的方式连接在一起,组成一个整体, 用来描述一组完整的信息或一个 部门、一个企业的情况、一个具有应用服务的信息系统。这样存放在 Web 服务器上的多 个网页,具有共同主题、相似性质的一组资源称为网站或网络文件。网站总是由一个主页 和若干从页组成。 3 . 主页 网站的第一个页面称为主页,一般将其文件保存为 index .html。它既和一般的网页 一样,是一个单独的网页, 可以存放各种信息, 又是网站的出发点和各网页的汇总点。主 页总是与一个网址( U RL)相对应, 可引导用户走进一个网站。在主页里, 应该给出这个 站点的基本信息和主要内容,使浏览的用户看到后就可知道该站点的基本内容, 知道这里 的信息对他是否有用,是否继续浏览下去, 是否进行注册,得到更多的服务。因此, 主页的 作用比其他网页更重要,在设计和编写时必须给予足够的重视。 一般来说,浏览者访问 Web 网站,首先看到的就是网站的主页。不过, 如果知道其他 文件的具体地址,也可以直接进入网站的某个页面。如何区分不同的页面是制作 Web 页 时需要考虑的问题。 4 . 首页 有的网站为了让用户快速浏览到自己的网站,在进入主页前首先连接的是简洁的、反 映该网站特点的页面,有时将这种类型的页面称为首页, 一般由首页提供连接到包含具体 内容主页的路径。 · 5 ·