第1章 Web开发基础概念

第1章Web开发基础概念

本章概述

为了能够使网页初学者对Web开发有个总体的认识，在Web开发之前，首先介绍Web 开发的基础概念。

本章首先介绍WWW的相关知识（包括WWW的特点、工作原理以及常用的WWW术语），接着介绍网页的基本构成元素、网站结构与功能、目前主流的Web开发技术与平台，以及Web服务器的配置管理。

学习目标：

1．了解Web开发相关的基础概念；

2．掌握Web系统的工作原理；

3．了解目前主流的开发平台与工具，了解Web系统开发的一般流程。

4．掌握IIS下网站的配置与管理。

1.1 WWW基础

WWW是World Wide Web的缩写，译为“万维网”。它是一种建立在Internet上的全球性的、交互的、动态、多平台、分布式的图形信息系统。同TELNET、GOPHER、FTP、WAIS、BBS等相似，也是建立在互联网上的一种网络服务。它利用超文本（Hyper Text）、超媒体（Hyper Media）等技术，使用户通过浏览器（如IE，Firefox）可以方便地检索远程服务器上的文本、图形、声音以及视频文件。它的开发最初是为了使科学家们可以将科研成果以图文形式在网上进行共享。现在WWW的应用已远远超出了原设想，成为互联网上最受欢迎的应用之一，它的出现极大地推动了互联网的推广。

1.1.1 WWW的特点

1．WWW是一个超文本链接信息系统：它采用超文本（Hyper Text）或超媒体的信息结构，使得文本可以从一个位置跳到另外的位置，或者转到别的主题上。

2．WWW是图形用户界面：在WWW之前，互联网上的信息只有文本形式，WWW非常流行的一个重要原因就在于它可以在一页上同时显示色彩丰富的图形、音频、视频信息。

3．WWW与系统平台无关：对WWW的访问是通过浏览器（如IE，Firefox）来实现的。因此无论你的系统平台是什么，都可以通过互联网访问WWW。

4．WWW是分布式的：当信息量很大时，WWW信息可以放在不同的站点，只需在网页中指明这些站点就可以了。虽然这些信息物理上并不一定在一个站点上，但从用户的角度来看这些信息是一体的。

5．WWW是动态的：由于各WWW站点的信息包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新。因此WWW上的信息是动态的。

6．WWW采用交互浏览方式：WWW的交互性首先表现在它的超链接上，用户的浏览顺序和所到站点完全由他自己决定。另外，用户通过表单的形式可以从服务器方获得动态的信息。

1.1.2 常用Web术语

1．互联网（Internet,Internetwork, Interconnection network）：又称互连网。泛指由多个计

算机网络相互连接而成的一个网络，它是在功能和逻辑上组成的一个大型网络，由美国阿帕网（ARPANet）发展而成，主要采用TCP/IP协议。

2．超文本（Hypertext）：一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。

3．超媒体（Hypermedia）：超媒体是超文本（Hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。

4．域名（DN，Domain Name）：是Internet上某一台或一组计算机的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。域名是由一串用点分隔的名字组成的，通常包含组织名，而且始终包括两到三个字母的后缀，以指明组织的类型或该域所在的国家或地区，如https://www.360docs.net/doc/7b3173455.html,表示位于中国香港地区的google服务器域名。

5．域名服务器（DNS，Domain Name Server）：是装有域名系统的主机。它是一种能够实现名字解析（Name Resolution）的分层结构数据库。域名系统负责把域名翻译成IP地址。

6．电子邮件（E-mail）：用户或用户组之间通过计算机网络收发电子信件的服务。

7．浏览器（Browser）：向万维网服务器发送各种请求，并对从服务器发来的由HTML 语言定义的超文本信息和各种多媒体数据格式进行解释、显示和播放。

8．传输控制协议（TCP，Transmission Control Protocol）：是TCP/IP网络体系结构传输层的一个协议，用以提供可靠的数据传输。

9．文件传输协议（FTP，File Transfer Protocol）：是因特网上使用最广泛的文件传输协议，主要作用就是让用户连接上一个远程计算机，可以查看远程计算机上的文件，也可以复制远程计算机上的文件到本地计算机，或把本地计算机的文件传送到远程计算机上去。前者称为“下载”，后者称为“上传”。FTP服务器是一个通过因特网传送文件的系统。大多数站点都有匿名FTP服务，所谓匿名就是这些站点允许一个用户自由地登录到机器上并下载文件。

10．超文本传输协议（HTTP，Hyper-Text Transport Protocol）：用于互联网上的浏览器和Web服务器之间传输超文本的协议。它对一个HTTP客户程序和一个HTTP服务程序进行端对端的连接。HTTP是在WWW上所应用的最重要的协议。

11．IP地址（Internet Protocol Number）：有时也被称作点数码组，是包含有四个由点号隔开的特定数字，每组数值由8个二进制位组成，表示成十进制的范围为0至255，例如：192.168.73.59。

互联网上的每一台计算机都拥有一个独有的IP地址。如果一台计算机不具有IP地址，那么它实际上就还没有被连入互联网。大多数计算机还可以拥有一个或多个域名，以便于人们记忆。目前使用的IP地址是32位已经面临数量不足的问题，中国和日本致力于128位的IPV6研究和应用，专家称IPV6可保证地球上的每一粒沙子都有IP地址。

12．子网掩码：又称子网屏蔽。子网是多网络环境中的一个网络，它的使用源于单个IP地址的IP寻址方案。使用子网掩码可把一个网络分成若干个子网，每个子网使用不同的网络ID，主机IP分成两个部分，一部分用于标识作为唯一网络的子网，另一部分用于标识主机。

13．网关：又称协议转换器，连接两个或多个管理上相异的网络/子网的节点，是一种存储转发设备，主机所发送的数据报（Internet中，所传送的信息被划分为基本的数据单元，这些基本的数据单元称为数据报）将被传送给其他主机。

14．Applet（小程序）：短小的JA V A语言程序，可以被嵌入到HTML页面中。小程序与真正意义上JA V A语言应用程序的不同之处在于，它们不能够访问本地计算机上的某些特定资源，例如文件和串行设备（调制解调器、打印机等等），也不能够通过网络与其他大部分计算机通信。按照目前通信的准则，小程序在互联网上只能够与将它发送出来的那台计算

机相连接。

15．ASP（动态服务器页面，Active Server Pages）：ASP是微软公司提出的动态服务器网页，可运行于IIS服务器，ASP文件可包含文本、HTML 标签和脚本，允许用户使用脚本语言简洁迅速地实现用于显示、操纵和编辑的动态网页，如连接数据库的网页。

16．Cookie：“Cookie”在互联网上最普通的含义是指WWW服务器发送给浏览器的一小段信息。浏览器会将Cookie保存下来，当再次向服务器请求服务的时候，这些信息就会被发送回去，当服务器接收到的浏览器请求中包含有Cookie时，它就能够利用那些保存在Cookie中信息，例如记录上次登录的用户名。

17．Session（会话）：session是服务器进程中存储一个客户端连接的信息，一个Session 对象的创建，是从一个客户连接开始。通常可以用Session记录客户端的用户信息，如用户帐号，登录时间等。

18：URL（统一资源定位符）：URL全称是Uniform Universal Resource Locator，也被称为网页地址，是因特网上标准的资源的地址（Address)，例如https://www.360docs.net/doc/7b3173455.html,。

1.1.3 WWW工作原理

WWW使用HTML和HTTP，提供面向Internet服务器的、用户界面一致的信息浏览系统。WWW通常采用浏览器/服务器（B/S，Browser/Server）模式。信息资源以网页的形式存储在WWW服务器中，用户在自己的计算机上通过客户端（通常是浏览器）浏览某WWW 服务器上的网页，如图1-1所示。

浏览器Web服务器数据库服务器

图1-1 WWW工作原理

WWW工作步骤如下：

1．用户启动客户端浏览器，输入URL，浏览器软件通过HTTP向URL所在的Web服务器发出服务请求；

2．服务器根据浏览器请示，把URL地址转化成页面所在服务器上的文件路径，找到相应的网页文件；

3．当网页中仅包含HTML标记时，服务器直接使用HTTP将该文档发送到客户端；如果HTML文档中还包含有JavaScript/VBScript等脚本程序代码，这些代码也将随同HTML 文档一起下载，由浏览器执行脚本代码；如网页中嵌套有CGI或ASP程序，这些程序将由服务器执行，并将运行结果以HTML标记形式发给客户端。

4．浏览器解释HTML文档，并将结果在客户端浏览器上向用户显示。

1.2网页与网站概述

1.2.1 网页与网站

网页：当浏览者输入一个网站的网址或者单击某个链接后，在浏览器里可以看到文字、图片，可能还有动画、音频、视频等内容，而网页就是承载这些内容的载体，如图1-2所示。

而网站，就是各种各样内容网页的集合，有的网站内容庞杂，如新浪、网易这样的门户网站；有的网站可能只有几个页面，如小型的公司网站，但是它们都是由最基本的网页组合起来的。

主页：在网站中，有一个特殊的页面，它是浏览者输入某网站的网址后看到的第一个页面，其中包含指向其他页面的超链接。通常主页的名称是固定的，例如index.htm或者index.html等。

图1-2网页示例

1.2.2 网页的基本构成元素

网页是由一些基本元素组成的，下面就来介绍这些元素：

1．文本：包括字体、字型、颜色、段落设置以及对齐方式等。

2．图片：网页上常用图片的格式：GIF、JPEG、PNG等。

3．超链接：包括文字链接和图片链接，只要浏览者单击带链接的图片或文字，就可以自动链接上对应的文件，这样才能让浩如烟海的网页连接成一个整体，这也正是网络的魅力所在。

4．动画：包括GIF动画和Flash动画。

5．网页特效：网页中使用JavaScript、VBScript等脚本语言实现的各种特殊动态效果，如跟随鼠标移动的文字或图像、下拉菜单、自动弹出窗口等，网页特效使网页活泼、表现力更强。

6．表单：是一种可以在浏览者与服务器之间进行信息“交流”的机制，使用表单可以完成搜索、论坛、发送电子邮件、在线购物等交互功能。

7．音/视频：随着网络技术的发展，网页上面不再只是单调的MIDI背景音乐，丰富多彩的网络电视、播客等已经开始成为网络新潮流。

1.2.3 网站结构与功能

1．网站结构

网站结构是指网站中页面间的层次关系，按性质可分为逻辑结构及物理结构。网站物

理结构指的是网站真实的目录和文件存储位置所决定的结构；网站的逻辑结构是由网页内部链接所形成的逻辑的或链接的网络图。

网站结构对网站的搜索引擎友好性及用户体验有着非常重要的影响。

1）网站结构在决定页面重要性(即页面权重)方面起着非常关键的作用。

2）网站结构是衡量网站用户体验好坏的重要指标之一。清晰的网站结构可以帮助用户快速获取所需信息；相反，如果一个网站的结构极其糟糕的话，用户在访问时就犹如走进了一座迷宫，最后只会选择放弃浏览。

3）网站结构还直接影响搜索引擎对页面的收录，一个合理的网站结构可以引导搜索引擎从中抓取更多有价值的页面。

2．网站功能

信息发布：企业/事业单位网站。

信息服务：信息查询服务，如百度搜索引擎https://www.360docs.net/doc/7b3173455.html,。

业务运营：电信话费查询，学校信息系统，如学籍管理、成绩查询、校园卡服务。

电子商务：网上购物平台（e-buy）。

电子政务：网上办公、网上审批、网上办证等。

1.2.4 目前主流Web开发技术与平台

1．ASP与https://www.360docs.net/doc/7b3173455.html,

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。

https://www.360docs.net/doc/7b3173455.html,是微软https://www.360docs.net/doc/7b3173455.html,平台下的Web应用开发环境，它并不是ASP的简单升级版本，使用了面向对象的Web程序设计概念。最显著的特点是实现HTML界面和服务器端代码的分离，更容易实现界面设计与程序开发的分工。https://www.360docs.net/doc/7b3173455.html,支持https://www.360docs.net/doc/7b3173455.html,、C#等多种开发语言。https://www.360docs.net/doc/7b3173455.html,框架如图1-3所示。

图1-3 https://www.360docs.net/doc/7b3173455.html,框架

2．JSP

JSP是J2EE（Java 2 Platform, Enterprise Edition）平台下的一个Web应用开发环境。JSP 能够适应市场85%的服务器产品。JSP与ASP技术都提供在HTML代码中混合某种程序代码、有语言引擎解释执行的能力，ASP与JSP页面需要附加语言引擎分析和执行程序代码，程序代码的执行结果被重新嵌入到HTML代码中。

3．PHP

Hypertext Preprocessor，超文本预处理语言，是一种跨平台的服务器端的嵌入式脚本语

言。PHP语言大量地借用C、Java和Perl语言的语法，结合PHP自己的特性，使WEB开发者能够快速地写出动态页面。PHP支持目前绝大多数数据库。

1.2.5网站项目开发一般流程

网站项目开发也应遵循一般软件工程原则与过程，包括需求分析、设计、实现、测试与维护等阶段，可以简单地把网站项目开发的流程划分为以下几个阶段：

1．前期规划：明确用户需求，分析Web站点的功能与目标，进行功能与结构分析。

2．网站素材的组织与准备：（1）详细调查，广泛与有关人员接触，使其尽可能充分地提供一些详尽的资料与素材，尽可能多获取第一手的感性材料；（2）多方听取意见；（3）资料整理。

3．站点结构规划：（1）站点逻辑结构、页面导航结构设计；（2）站点目录结构设计。

4．界面设计、数据库设计、业务设计

5．页面制作、编程开发。

6．站点测试、发布推广。

1.3 Web服务器配置管理

1.3.1目前主流Web服务器

1．Microsoft IIS

IIS是Internet Information Services的缩写，它是微软公司主推的服务器，也是目前最流行的Web服务器产品之一，很多著名的网站都是建立在IIS平台上的。IIS提供了一个图形界面的管理工具，称为Internet服务管理器，可用于监视配置和控制Internet服务。

IIS与Windows Server完全集成在一起，因而用户能够利用Windows Server和NTFS（NT File System，NT文件系统）内置的安全特性，建立强大、灵活而安全的Internet和Intranet 站点。IIS支持HTTP（超文本传输协议）、FTP（文件传输协议）以及SMTP协议，利用IIS，在网络上发布信息成了一件很容易的事。它提供ISAPI（Intranet Server API）作为扩展Web 服务器功能的编程接口；同时，它还提供一个Internet数据库连接器，可以实现对数据库的查询和更新。

2．Apache

Apache源于NCSA WWW服务器，经过多次修改，成为世界上最流行的Web服务器软件之一。Apache是自由软件，所以不断有人来为它开发新的功能、新的特性，修改原来的缺陷。Apache的特点是简单、速度快、性能稳定，并可作代理服务器来使用。本来它只用于小型或试验Internet网络，后来逐步扩充到各种Unix系统中，尤其对Linux的支持相当完美。

Apache是以进程为基础的结构，进程要比线程消耗更多的系统开支，不太适合于多处理器环境，因此，在一个Apache Web站点扩充时，通常是增加服务器或扩充群集节点而不是增加处理器。到目前为止，Apache仍然是世界上用得最多的Web服务器，世界上很多著名的网站都是Apache的产物，它的成功之处主要在于它的源代码开放、有一支开发队伍、支持跨平台的应用（可以运行在几乎所有的Unix、Windows、Linux系统平台上）以及它的可移植性等方面。

3．Tomcat

Tomcat是一个开放源代码、运行Servlet和JSP Web应用软件的基于Java的Web应用软件容器。Tomcat Server是根据Servlet和JSP规范进行执行的，因此我们就可以说Tomcat Server也实行了Apache-Jakarta规范且比绝大多数商业应用软件服务器要好。

Tomcat是Java Servlet 2.2和JavaServer Pages 1.1技术的标准实现，是基于Apache许可

证下开发的自由软件。Tomcat是完全重写的Servlet API 2.2和JSP 1.1兼容的Servlet/JSP容器。Tomcat使用了JServ的一些代码，特别是Apache服务适配器。随着Catalina Servlet引擎的出现，Tomcat第四版的性能得到提升，使得它成为一个值得考虑的Servlet/JSP容器，因此目前许多WEB服务器都是采用Tomcat。

1.3.2 IIS的安装与配置

1．IIS的安装

默认情况下，安装Windows不会安装IIS服务器。Windows XP与Windows 2003安装IIS略有不同。以Windows 2003为例，安装IIS的具体操作步骤如下：

1）双击【我的电脑】，选择【控制面板】|【添加/删除程序】命令，弹出【添加/删除程序】对话框，如图1-4所示。

图1-4 【添加/删除程序】对话框

2）单击【添加/删除程序】对话框左边的【添加/删除Windows组件】按钮，弹出【Windows 组件向导】对话框，如图1-5所示。

图1-5【Windows组件向导】对话框

3）在每个组件之前都有一个复选框“□”，选择【应用程序服务器】选项，即可打开【Internet 信息服务（IIS）】选项，如图1-6所示。

图1-6 【Internet 信息服务（IIS）】安装对话框

4）选择【Internet 信息服务（IIS）】选项，单击【确定】按钮，按安装向导可进行安装，安装过程中系统会提示插入Windows安装光盘。

2．建立网站

IIS在安装完之后必须经过配置才能正常运行，配置IIS服务器的具体步骤如下。

1）双击我的电脑，选择【控制面板】|【管理工具】|【Internet 信息服务】命令，弹出【Internet 信息服务】窗口，如图1-7所示。

图1-7 Internet 信息服务

2）用鼠标右键单击图1-7所示的【默认网站】，在弹出的菜单中选择【新建】|【网站】命令（如图1-8所示），在弹出的【网站创建向导】对话框中，设置网站的IP地址、端口、主机头，如图1-9所示。

图1-8 新建网站

图1-9 【网站创建向导】对话框

3）单击【下一步】，弹出【网站主目录】对话框，在文本框中输入网站主目录的路径，或者单击【浏览】按钮，选择网站的物理路径，如图1-10所示。

图1-10【网站主目录】对话框

4）单击【下一步】，弹出【网站访问权限】对话框，设置好网站的访问权限（如图1-11所示），单击下一步即可创建一个新的网站。

图1-11【网站访问权限】对话框

3．建立虚拟目录

虚拟目录可以理解是网站的子站点，利用虚拟目录可以将多个Web应用集中到一个站点下，适用于以下情形：1）可用的域名不足，例如，只有一个域名https://www.360docs.net/doc/7b3173455.html,，但有四个应用app1至app4，此时可以在https://www.360docs.net/doc/7b3173455.html,站点下新建四个虚拟目录，访问地址为https://www.360docs.net/doc/7b3173455.html,/app1至https://www.360docs.net/doc/7b3173455.html,/app4；2）需要将多个相同应用集中在某个统一站点下。

可以这样理解，目录就是在操作系统中的一个物理文件夹，而虚拟目录，只是在IIS上做映射，可以映射到任意一个硬盘目录。

在网站中建立一个虚拟目录的步骤与新建一个网站基本类似，在此不再重复。

本章小结

本章介绍了与Web系统运行密切相关的一些网络术语和概念，如TCP、FTP等各种协议，IP地址与域名等以及Web系统的工作原理及目前主流的Web开发平台与工具，最后详细介绍了IIS环境下网站管理与配置的相关知识。

习题与实训

1.WWW有哪些特点，它的基本工作原理是什么？

2.查阅相关资料，试比较C/S系统与B/S系统的联系与区别。

3.简要说明IP地址与域名的关系及域名解析过程。

4.目前进行网站开发有哪些主流平台和开发工具？

项目训练：由教师分别提供静态网站、ASP网站和https://www.360docs.net/doc/7b3173455.html,网站，在IIS中进行网站和虚拟目录的配置管理。