第5章 网页设计基础

5.1 网页基础知识

万维网是因特网的一部分，又通常称为WWW（World Wide Web），是20世纪末出现的新技术。万维网基于超文本结构体系，由大量的电子文档组成，这些电子文档存储在世界各地的计算机上，目的是让在不同地方的人用一种简捷的方式共享信息资源。万维网上的这些电子文档就是网页，而许许多多的网页组成了某个站点，也就是网站。

5.1.1 网页和网站

1.网页的基本概念和分类

浏览者输入一个网址或者单击某个链接，在浏览器上就可以看到文字、图片，甚至是动画、音频、视频等内容。承载这些内容的就是网页，网页按表现形式可分为静态网页和动态网页。

（1）静态网页及其特点

静态网页是相对于动态网页而言的，是指没有后台数据库、不含程序和不可交互的网页。即对于每个访问该页的用户来说，他所看到的内容都是相同的。在静态网页中可以通过插入动画及客户端脚本使页面的效果发生变化，但所有这些变化对所有用户都是相同的。静态网页只要放在网站服务器的文件夹中，授权用户即可访问。

在网站设计中，纯粹HTML格式的网页就是静态网页，其后缀名有.htm、.HTML、.sHTML、.xml等。在HTML格式的网页上，也可以出现动态的效果，如GIF格式的动画、Flash、滚动字母等，但这些动态效果只是视觉上的，与动态网页是不同的概念。

静态网页的特点是网站速度较快，制作费用较动态网页便宜，但网页的更新麻烦，需专业的网页制作技术人员才可以修改更新。静态网页仅用来被动地发布信息，而不具有任何交互功能，它是网站的重要组成部分。

（2）动态网页及其特点

动态网页的内容会随不同用户、不同的访问需求而发生变化。网页中不仅包含 HTML 代码，同时包含在Web服务器端执行的脚本程序代码。通过脚本程序代码进行计算，网页能够访问服务器端的数据资源，并将结果返回给用户。

动态网页的一般特点可简要归纳如下：①动态网页以数据库技术为基础，可以大大减少降低网站维护的工作量。②采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。③动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。④动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索引擎不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时，需要做一定的技术处理才能适应搜索引擎的要求。

（3）静态网页和动态网页的区别

静态网页和动态网页是根据网页制作的语言来区分的，静态网页是使用HTML（超文本标记语言）语言制作的，其后缀名有.htm、.HTML、.sHTML、.xml 等；而制作动态网页的语言有 HTML+ASP（Active Server Pages）或HTML+PHP（Hypertext Preprocessor，超文本预处理器）或HTML+JSP（JavaServer Pages）等，以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀。

另外，程序是否在服务器端运行，也是区分静态网页和动态网页的重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间而返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如HTML页、Flash、JavaScript、VBScript等，它们是永远不变的。

静态网页包含文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等。尽管在这种网页上使用这些对象后可以使网页动感十足，但是，这种网页不包含在服务器端运行的任何脚本，网页上的每一行代码都是由网页设计人员预先编写好后，放置到Web服务器上的，在发送到客户端的浏览器上后不再发生任何变化。

当用户浏览器通过网络向网站发出请求时，网站的 Web 服务器会根据浏览器请求的页面是静态、动态网页而采取不同的处理机制。

对于静态网页，网站的Web服务器只是简单地将页面发送到请求的浏览器，如图5-1所示。大致分为三步：①客户端通过浏览器请求该静态页面。②Web服务器根据请求定位该静态页面。③该静态页面以HTML流的形式返回客户端。

对于动态网页，Web服务器将控制权转交给应用程序服务器，应用程序服务器解释执行网页中包含的服务器端脚本代码，并根据脚本代码的要求访问数据库等服务器端资源，最后将计算结果转变为标准的HTML文件代码，由Web服务器将文件发送到浏览器，如图5-2所示。这一过程大致分为9个步骤：①客户端通过浏览器请求该动态页面。②Web服务器查找该页并将其传递给应用程序服务器。③应用程序服务器查找并执行该页中的动态指令。④应用程序服务器将查询发送到数据库驱动程序。⑤驱动程序对数据库执行查询操作。⑥查询结果返回给驱动程序。⑦驱动程序将查询结果返回给应用程序服务器。⑧应用程序服务器将数据插入页中，然后传递给Web服务器。⑨Web服务器将完成的页发送回请求浏览器。

2.网站的基本概念及其组成

网站就是由网页和图像、声音、动画及数据库等各种服务器资源构成的集合体。有的网站内容庞杂，如新浪、网易这样的门户网站；有的网站可能只有几个页面，如小型的公司网站，但它们都是由最基本的网页组成的。浏览者输入某个网站的域名后看到的第一个页面，称为首页。

一个网站不仅包括上述网页和图像、声音、动画及数据库等资源，还包括维护上述资源正常运行的载体——计算机硬件，以及保证这些资源正常运行以提供服务的维护管理人员。概括起来，一个网站应该包含如下组成部分：①连接到网络上的计算机服务器，这是网站的硬件组成。②在计算机服务器上运行的网络操作系统和Web服务器（软件），其中后者提供面向因特网或局域网的Web服务。如果该网站提供动态网页服务，则在 Web 服务器上还必须安装相应的应用程序服务器软件。③在网站中必须拥有能够提供各种信息服务的文件资源，包括网页文件、图像文件、声音文件等。④对网站进行管理和维护的网站管理人员和开发人员，他们是网站保持长久生命力的必要组成部分。

3.主流网站类型

针对网络用户的各种需求，具有各种各样的内容、形式和功能的网站层出不穷，网站的数量飞速增加，但一般来讲，按照网站的内容可分为门户型网站和专业型网站两种。专业型网站提供各种专业内容和专业服务，又分为利用网络进行商务活动，如订货、销售和网上金融活动的电子商务网站；介绍企业产品和服务以及政府部门职能和信息宣传的企业和政府机构网站；提供新闻或影视媒体信息的新闻媒体网站；公益性宣传网站；学校和科研机构网站；个人网站；提供免费服务和免费资源的网站；行业信息网站等。

（1）门户型网站

门户型网站是提供搜索引擎或全文检索以便于网络用户查找和登录其他网站的一种网站类型。门户型网站将无数信息整合、分类，为上网者打开方便之门，网民不需要记忆无穷多的网站名，通过门户型网站就可寻找到感兴趣的信息资源。所以门户型网站成了一般用户在上网时选择浏览的第一个网站。门户型网站除了提供搜索引擎或全文检索之外，也具有其他的服务和综合信息，如新闻、电子商务、聊天室、BBS（电子公告板系统）、电子邮件和虚拟社区等。

门户型网站的外观通常整洁大方，用户所需的信息在上面能够方便地找到。目前国内比较有影响力的门户型网站有很多，如新浪（www.sina.com.cn）、搜狐（www.sohu.com）、网易（www.163.com）等。

（2）电子商务网站

电子商务是指因特网开放的网络环境下，基于浏览器/服务器应用方式，买卖双方不谋面地进行各种商贸活动，实现消费者的网上购物、商户之间的网上交易和在线电子支付以及各种商务活动、交易活动、金融活动和相关的综合服务活动的一种新型的商业运营模式。常见的电子商务网站有网上广告公司、营销公司、咨询公司、网上书店、网上商城等，如卓越亚马逊、当当网、阿里巴巴、慧聪网、淘宝、京东商城、多样屋等。图5-3所示是电子商务网站www.zghc.com的首页。

（3）企业网站

许多公司都在因特网上设立了站点，例如IBM、微软、英特尔、思科等，这些公司网站不但给公司和企业，而且给广大客户带来了巨大的便利。对于企业来说可以在全世界范围内宣传自己的公司；发布时效性强的信息；方便、快捷地与各地客户或代理商 24 小时保持联络；增加业务量、开拓国际市场。对于客户来说，可以在这些公司的站点上查询到该公司最近一段时间的产品发布情况、技术文档和相关的软件包等。而经销商可以通过这些站点获悉订货情况、价格信息等。随着信息时代的到来，企业网站的建设越来越受到重视。图5-4所示是企业网站www.lenovo.com.cn的首页。

（4）提供免费服务和免费资源的网站

这类网站通过提供免费服务和免费资源来吸引用户增加访问量。用户可以通过这类网站在网上获取许多免费资料，如在网上享用一些免费的电子报刊，只要用户订阅，这些报刊会通过电子邮件免费发送给用户；还可以欣赏到很多 MP3 音乐，阅读到许多娱乐新闻，得到免费的软件、书籍、图片等。图5-5所示是免费吧网站www.free8.com的首页。

（5）政府网站

政府网站是我国各级政府机关履行职能、面向社会提供服务的官方网站，是政府机关实现政务信息公开、服务企业和社会公众、互动交流的重要渠道。网站的设计通常风格一致、功能明确、受众面也较为明确，内容相对专一。图5-6所示是政府网站www.shanghai.gov.cn的首页。

（6）新闻媒体网站

新闻媒体网站提供新闻信息，尤其是可以利用网络优势提供实时更新的新闻，越来越成为网民喜爱光顾的站点。完善的新闻播发系统可以为网站吸引一批忠实的用户。国内著名的新闻媒体网站有新华网（www.xinhuanet.com）、人民网（www.people.com.cn）、中央电视台（www.cctv.com.cn）、中国广播网（www.cnr.cn）、中国新闻网（www.chinanews.com.cn）等。图5-7所示为新闻媒体网站xmwb.news365.com.cn的首页。

（7）学校和科研机构网站

学校和科研机构网站提供一定的技术服务和咨询及学术和科研资源共享。这种网站不以赢利为目的，往往是其内部局域网的外延，提供图书馆信息、最新学术动态、科研技术探讨等以便于资源共享。如美国和我国的教育网。中国教育网的网址为www.edu.cn。通过它可以访问我国各个高校的主页和图书馆。图5-8所示为学校网站www.pku.edu.cn的首页。

（8）个人网站

个人网站是个人因兴趣爱好或为了展示个人目的等原因而建立的网站。网站内容以个人信息为中心，如一些网络爱好者在网络上提供个人喜欢的音乐、书籍、图片等资源。网站具有较强的个性化特色，带有明显的个人色彩。图5-9所示为个人网站www.consarc-design.co.uk的首页。

（9）行业信息网站

行业信息网站专注于某一特定领域，通过提供特定的服务内容，有效地把对某一特定领域感兴趣的用户与其他网民区分开来，并长期持久地吸引住这些用户，从而为其发展提供理想的平台。图5-10所示是行业信息网www.glassinfo.com.cn的首页。

5.1.2 网站设计流程

目前网页制作工具中所见即所得类型的工具（如网页“三剑客”）越来越多，使用也越来越方便，所以制作网页已经变成一件相对轻松的工作，不再像以前要编写一行行的源代码那样复杂。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？其实，建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，只有遵循这个步骤，按部就班地才能设计出一个满意的网站。通常，设计一个网站需要经过如图5-11所示的几个步骤。

1.确定网站主题

网站主题就是所要建立的网站要包含的主要内容，一个网站必须要有一个明确的主题。例如，要建立一个个人网站，不必保罗万象、面面俱到，可从自己最感兴趣内容入手，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的内容无定则，只要是感兴趣的，任何内容都可以，但主题要鲜明，在主题范围内内容要做到大而全、精而深。

2.规划网站整体结构

这一步要确定网站中的栏目、结构层次和链接内容。一个网站是由若干个网页组成的，设计时要通过合理的整体规划将网页组织起来形成网站。网站栏目实质上是一个网站内容的大纲索引，规划栏目的过程实际上是细化网站内容的过程。网站栏目设计原则有三个：网站内容重点突出；访问者浏览方便；便于管理者维护。此外，网站栏目划分要服从并体现网站主题。栏目名称要有规律，概括性要强，最好字数相同。

3.收集整合网页素材

信息是网站的根本。确定主题和整体结构后，就要根据网站主题组织网站内容、收集各种信息资料。要想让网站生动，能够吸引住浏览者，就要尽量多地搜集材料。搜集的材料越多，以后制作网站就越容易。另外，采集内容必须与标题相符，在采集内容的过程中，应注重特色。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从因特网上搜集。然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。如建立学院网站要收集：学院简介、培训中心、专业简介等内容资料。整理资料则是将上述收集到的资料进行进一步挑选和细化，将收集到的网页素材落实为站标、广告栏、导航栏等页面元素。

4.确定网页版面布局

网页版面布局是指通过浏览器显示的完整页面。网页版面布局主要针对网站主页的版面设计，其他网页的版面在与主页风格统一的前提下有所变化。

设计版面最好的办法是先用笔和纸将构思的草图画下来，草图不需要很详细，只需要画出页面的大体结构即可，可多画几张，选定一个最满意的作为继续创作的样本。网页布局设计上可参考以下原则：①平衡性。一个好的网页布局应该给人一种安定、平稳的感觉，它不仅表现在文字的空间占用上分布均匀，而且还有色彩平衡，要给人一种协调的感觉，失去平衡的画面会使人产生不安全的感觉，视觉上也不愿多做停留。②对称性。对称是一种美，我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆板、死气沉沉的感觉，因此要适当地打破对称，制造一点变化。③对比性。让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。例如黑白对比，圆形与方形对比等，它们往往能够创造出富有变化的效果。④疏密度。网页要做到疏密有度，要适当进行留白，运用空格，改变行间距、字间距等制造一些变化的效果。⑤比例。比例适当在布局当中非常重要，虽然不一定都要做到黄金分割，但比例一定要适当。⑥韵律感。具有相通特性的对象，如点、圆形、线条，沿一定的曲线重复排列时，就会产生韵律感，使画面显得轻盈而富有灵气。

总之，网页的排版布局是决定网站美观与否的一个重要方面，通过合理、有创意的布局，才可以把文字、图像等内容完美地展现在浏览者前面。

5.制作页面

将收集到的资料按确定的版面布局，利用网页制作工具制作成为网页，包括静态网页制作和动态网页制作。这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时容易修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

6.添加网页特效

网页特效是指对网页进行美化，强化网页的视觉冲击力，使之更具有艺术效果。美化网页可以通过HTML语句、Flash动画、页面自动滚屏和层、滤镜等技术手段实现。除此之外，鼠标可以制作成动态效果。

7.测试网页

所有网站页面制作完成之后，需要对所设计的网页进行审查和测试。测试的对象不仅是网页而是整个网站及所涉及的所有链接，测试内容包括功能性测试和完整性测试两个方面。功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，用户可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确。具体的测试主要有浏览器兼容性测试、平台兼容性测试和超链接有效性测试。

（1）浏览器兼容性测试。目前有Internet Explorer与Netscape两大主流浏览器，二者对HTML和CSS等语法的支持度是不同的。这两大浏览器分别拥有各自的卷标语法，其版本越高，所支持的语法就越多。如果在网页中应用了某浏览器的专有语法或较新的HTML，在其他浏览器中浏览时，可能会导致显示错误。在Dreamweaver中提供了可以检查网页中是否含有某版本浏览器不能识别的语法功能，设计者可以借助其进行检查。

（2）平台的兼容性测试。设计要为用户着想，必须最少在一台PC和一台Mac机上测试制作好的网站网页，看看兼容性如何。

（3）超链接有效性测试。超链接是连接网页之间、网站之间的桥梁，浏览者不愿意访问一个经常出现“找不到网页”的问题的网站，作为设计者必须检测超链接的有效性，保证链接完好，不要留下太多的坏链接。

如果在测试过程中发现了错误，要及时修改，确认无误后方可正式在因特网上发布。在进行功能性测试和完整性测试后，有的还需要掌握整个站点的结构以备日后修改。

8.上传、发布网页

网页制作完毕，最后要发布到 Web 服务器上，才能够供观看。发布的服务器可以是远程，也可以是本地。如果是发布到因特网上，要先申请域名和主页空间，然后再利用专用软件上传。FTP （File Transfer Protocol，文件传输协议）有很多种软件，最著名的是CuteFTP和LeapFTP，也可以用Dreamweaver内置的FTP上传。

5.1.3 网页制作工具简介

目前网页制作工具很多，大致可分为软件和代码编辑类工具。最常用的软件类网页制作工具有微软的Frontpage和Macromedia公司推出的网页“三剑客”：Dreamweaver、Fireworks和Flash；代码编辑类网页制作工具包括网页标记语言HTML、网页脚本语言JavaScript和VBScript、动态网页编程语言ASP等。

1.常用软件类网页制作工具

（1）Frontpage

Frontpage是微软公司出品的一款网页制作入门级软件。它使用方便简单，只要懂得使用 Word，就差不多等于会使用 Frontpage制作网页了。Frontpage基本上实现了所见即所得的工作方式，无论是创建单个Web页面，还是规划、建设和维护大型网站，FrontPage都能够胜任。对于初学者来说， Frontpage操作简单，使用方便，即使不懂HTML语言，也能够制作出专业效果的网页。

但Frontpage也有其不足之处：首先是浏览器兼容性不好，做出来的网页用Netscape浏览时往往不能正常显示。其次是生成的垃圾代码多，会自动修改代码，导致在某些情况下极为不便。最后，它对DHTML（Dynamic HTML）的支持不好。

但不管怎么说，Frontpage 是最好的入门级网页编辑工具。常见的版本为 Frontpage 98 和Frontpage 2000。

（2）Dreamweaver

Dreamweaver是Macromedia公司推出的专门用于网页排版的软件，以其强大的功能而著称于世。它提供强大的排版工具，可以快速而直接地进行各种页面的设计。它通过特有的行为、模板、时间轴等技术，使用户能够快速地创建各种具有专业水平的网页，而不需要编写任何代码。

Dreamweaver 完全支持分层技术，可以用它设计出生动的 DHTML 动画、多层次的页面以及CSS样式表。不仅如此，它还提供了完善的站点管理机制，是一个集网页设计和站点管理两大功能于一身的专业软件。另外，Dreamweaver创建的网页具有极好的兼容性，可以适用于各种平台和浏览器。

（3）Fireworks

Fireworks 是一个强大的网页图形设计工具，使用它可以创建和编辑位图、矢量图形，还可以非常轻松地做出各种网页设计中常见的效果，比如翻转图像、下拉菜单等。设计完成以后，可以将它输出为HTML文件，在Dreamweaver或其他HTML环境中直接使用。

Fireworks 是一款为网络设计而开发的图像处理软件，它能够自由地导入各种图像（如CorelDraw的矢量文件、Photoshop文件、GIF文件、JPEG文件、BMP文件、TIFF文件等），甚至可以是ASCII文本文件。它能够自动切图、生成鼠标动态感应的JavaScript，具有十分强大的动画功能和一个几乎完美的网络图像生成器（Export功能）。而且，Fireworks可以辨认矢量文件中的绝大部分标记及Photoshop文件的层。

（4）Flash

Flash是Web上重要的动画制作工具，是一种交互式矢量多媒体技术。它是基于矢量的图形系统，各元素都是矢量的，因此只要用少量矢量数据就可以描述一个复杂的对象，占用的存储空间少，非常适合在网络上使用。而且，由于Flash生成的动画一般都很小，所以调用的速度很快。另外， Flash还提供其他的一些增强功能，如支持位图、声音、渐变色、Alpha、透明等。拥有了这些功能，完全可以建立一个全部由Flash制作的站点。

2.代码编辑类网页制作工具

除了以上这些所见即所得的网页制作工具外，还有一些专门编辑代码的网页制作工具，例如HTML、JavaScript和ASP等。这些工具与上述软件相结合，可以制作出精致美观、丰富互动的网页。

（1）HTML

HTML（HyperText Mark-up Language）即超文本标记语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。它用于描述万维网上的超文本文件，也就是在文本文件的基础上添加一系列的标识符号，用以描述其格式，形成网络文件。当用户使用浏览器下载文件时，就把这些标识解释成它应有的含义，并按照一定的格式将这些被标识语言标识的文件显示在屏幕上。

利用HTML，可以将因特网上不同地区服务器上的信息文件链接起来：有的标识链接一个文件，有的形成表格，有的接受用户的信息等。有了这些标识，用户在浏览器中看到的不再是呆板的纯文本，而是五彩缤纷的画面。此外，利用 HTML 还可以将声音文件、图像文件甚至视频文件链接起来，产生生动活泼的画面效果。HTML还可以与数据库管理的数据链接，满足读者的查询要求及用户交互的功能等。

HTML文件有以下优点：①HTML语言简单易学。②每个HTML文件都不大，能够尽可能快地通过网络传输，不需要加入字体和格式等其他控制信息（如Word等处理软件所制成的文档），这对于网络环境是相当重要的。③HTML文档独立于平台，对多平台兼容。因此，只要有一个可以阅读和解释HTML文件的浏览器，就能够在任何平台上阅读HTML文件。这一点正和因特网上多种多样的硬件种类和平台相适应。④制作一个 HTML 文件不需要特殊的软件，只要一个能编辑文本文件的字符编辑器（如Windows中的记事本等）就可以。

当用户通过网络获取 HTML 标识的文件后，使用不同的浏览器浏览同一个文件，显示的形式可能不同。即使使用同一个浏览器，如果对浏览器的设置不同，同一个文件的显示形式也可能不同。因此要特别注意的是，当设计网络文件时，既要考虑不同形式的浏览器，又要文件结构清晰、内容易读易懂。

（2）JavaScript

使用 HTML 只能制作出静态的网页，无法完成与客户端动态交互的网页任务，而 JavaScript就是适应动态网页制作的需要而诞生的一种新的编程语言。

JavaScript是由网景公司开发的一种脚本语言（scripting language），或者称为描述语言。在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时、动态、交互的关系，使网页包含更多活跃的元素和更加精彩的内容。

JavaScript具有很多优点：①简单性。JavaScript是一种脚本编写语言，它采用小程序段的方式实现编程。像其他脚本语言一样，JavaScript 同样也是一种解释性语言，它提供一个简易的开发过程。它的基本结构形式与C、C++、VB、Delphi等编程语言中的语句十分类似。但它与这些语言不同，其语句不需要预先编译，而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起，从而方便用户的使用操作。②动态性。JavaScript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 Web 服务程序。它对用户的响应，是采用事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，也称为事件。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。③跨平台性。JavaScript 依赖于浏览器本身，与操作环境无关，只要是能运行浏览器的计算机，且浏览器支持JavaScript就可以正确执行。

（3）ASP

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其他程序交互，是一种简单、方便的编程工具。

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

与HTML相比，ASP网页具有以下特点：①利用ASP可以突破静态网页的一些功能限制，实现动态网页技术。②ASP 文件是包含在 HTML 代码所组成的文件中的，易于修改和测试。③服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览 ASP 所产生的网页。④ASP 提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从Web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向 Web 浏览器发送信息。⑤ASP 可以使用服务器端ActiveX 组件来执行各种各样的任务，例如存取数据库、发送电子邮件或访问文件系统等。⑥由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。⑦方便连接数据库。