第一章 网页设计与制作基础

计算物理教研室2012.2.12

学习内容简介本课程的教学内容如下 1) 教材《网页设计与制作》 2) 学习目标 掌握一门语言、学会用一种软件，制作出一个完整的网站、并熟悉网站的制作、调试、上传发布、维护管理、推广等环节； 3) 学习内容 主要学习 HTML 语言 + 学会 DW 软件使用方法 4) 教学与学习方法 主要讲解基础知识，结合课堂训练、课外练习、网络交流、期末考试； 5) 需要掌握的相关软件： 网页制作软件 -----DW, Frontpage 等； 图片处理软件 -----acdsee 、 photoshop 、 firework 、 flash 、 gif 、友立动画软件等； 6) 学习要求

本课程的安排情况总共有 32 课时， 2 个学分。主要是理论讲授

分三阶段进行： 第一阶段 主要学习 HTML 语言 + 网页特效与技巧； 第二阶段 熟悉 Dreamweaver 的使用； 第三阶段 学生自己实战演练。

本课程的考试安排一、各阶段成绩比例： 平时成绩： 25% 期中考核： 15% 期末考试： 60%

二、平时考核方式及其分值比例 作业： 满分 100 总共 10 次作业，每次 4 道计算题。缺交一次扣 4 分，迟交一次扣 2分； 考勤： 课堂点名共 10 次，缺席一次扣 4 分，迟到一次扣 2 分。 三、期中考试 考核方式：开卷考试； 考察内容：设计一个个人网站，满分 100  ； 四、期末考试 书面考核方式：闭卷考试 卷 面 分 值：满分 100  时 间： 90 分钟 实践考察方式： 期末考试前一周提交一个完整的网站 ( 具体要求届时通知 ) 。

本章学习目标

1 、了解 Internet 的产生、发展与现状，以及 Internet 在我国的发 展情况。2 、掌握 TCP/IP 分层模型、 IP 协议的基本内容。3 、掌握 IP 地址、域名，以及域名体系的基本内容。4 、掌握网络互联的基本概念，以及接入 Internet 的基本方法。5 、掌握 Intranet 的基本概念，了解 Internet 的构成及功能。 6 、了解有关网页的一些基本概念7 、了解网站的基本结构特性和网页的布局8 、了解网页制作的基本工具和开发语言9 、了解站点规划的基本流程

Internet 即国际计算机互联网，又叫国际计算机信息资源网。

Internet 是利用通信设备和线路将全世界上不同地理位置的功能相对独立的数以千万计的计算机系统互连起来，以功能完善的网络软件（网络通信协议、网络操作系统等）实现网络资源共享和信息交换的数据通信网。

我国曾被译为“国际互联网”、“国际网”等。 1997 年 7 月，全国科学技术名词审定委员会推荐使用中文译名“因特网”。

§1.1 Internet 概述

1.1.1 Internet 的起源和发展Internet 是起源于美国国防部高级研究计划局 ARPA(Advanced Research ProjectAgency) 于 1968 年主持研制的用于支持军事研究的计算机实验网 ARPANET 。 ARPANET 建网的初衷旨在帮助那些为美国军方工作的研究人员通过计算机交换信息，它的设计与实现是基于这样的一种主导思想：网络要能够经得住故障的考验而维持正常工作，当网络的一部分因受攻击而失去作用时，网络的其它部分仍能维持正常通信。 1985 年美国国家科学基金会 NSF （ National Science Foundation ），为鼓励大学与研究机构共享他们非常昂贵的四台计算机主机，希望通过计算机网络把各大学与研究机构的计算机与这些巨型计算机联接起来，他们利用 ARPANET 发展出来的叫做 TCP/IP 的通迅协议自已出资建立一个名为 NSFNET 的广域网，由于美国国家科学资金的鼓励和资助，许多大学、政府资助的研究机构、甚至私营的研究机构纷纷把自已的局域网并入 NSFNET 。 80 年代中期人们将这些互联在一起的网络看作为一个互联网络，并以 Internet 来称呼它。

1.1.2 Internet 在中国第一阶段： 1987—1993 年，主要是理论研究及电子

邮件服务。第二阶段 :1994 年至今，建立国内大型计算机网络并

实现与 Internet 全功能的连接。

1.1.3 Internet 的特点开放性共享性低廉性交互性

1.1.4 Internet 的发展趋势应用商业化 互联全球化 互联宽带化

多业务综合平台化、智能化

1.2    Internet 的基本概念与通信协议

1.2.1 TCP ／ IP 协议TCP/IP 协议叫做传输控制 / 网际协议，它是 Internet 国际互联网络的基础。TCP 协议：提供了一种可靠的数据交互服务。它把要发送的报文（即数据），分成每块不超过 64K 字节的数据段，再将每个数据段作为一个独立的数据包传送。在传送中，如果发生丢失、破坏、重复、延迟和乱序等问题， TCP 就会重传这些数据包，最后接收端按正确的顺序将它们重新组装成报文。IP 协议： IP 协议主要规定了数据包传送的格式，除了要传送的数据外，还带有源地址和目的地址。目的地址可以帮助数据包寻找到达目的地的路径。由于因特网是一个网际网，数据从源地址到目的地址，途中要经过一系列的子网，靠相邻的子网一站站地传送下去。 IP 协议在传送过程中不考虑数据包的丢失或出错，纠错功能由 TCP 协议来保证。

1.2.2 TCP ／ IP 的层次结构与功能

Internet 中 TCP/IP 协议的模型，由四个层次组成。

应用层

传输层

网间网层 网间网层

网络接口层

应用层

传输层

网络接口层

物理网络

报文流

TCP分组

IP数据报

1.2.3 IP 地址IP 地址——它是 Internet 协议地址的简称。

如同电话网络上标识一台电话机的是其电话号码一样， IP 地址是对连接到 Internet 上的计算机进行标识的标准办法，分配给一台计算机的 IP 地址在 Internet 上是独一无二的。

目前使用的 IP 地址由 32 位二进制数组成。例如 10001100101110100101000010000001 ，为便于记忆，将 32 位代码分为 4组，每组 8 位，然后转换为其对应的十进制代码，这样一来 IP 地址就用 4组十进制数表示，每组数可取值 0～ 255 ，各组数之间用一个点号“ .” 隔开，其表示方法为： nnn.nnn.nnn.nnn 。上面的数字就对应：140.186.81.1 。这种地址格式被称为点分十进制地址。

1.2.3 IP 地址 IP 地址的 4组数字包含两个部分，即网络地址与主机地址，前者用来在 Internet 中标识一个网络，后者则用来标识这个网络中的某一台主机。

IP 地址按第一个字节的前几位是 0或 1 的组合，将地址标识为 A 、 B 、 C 、 D 、 E五类：

A类：最高位为“ 0” ，随后 7 位为网络地址，主机地址为 24 位，用于拥有大量主机的大型网络。B类：最高两位为“ 10” ，随后 14 位为网络地址，主机地址位 16 位，用于中等规模的网络。C类：地址的前三位为“ 110” ，随后的 21 位为网络地址，主机地址为 8 位，用于小型规模的网络。D类：地址的前 4 位为“ 1110” ，随后 28 位为多投点地址。多投点与广播不同之处在于允许每台机器自己选择是否 要参与多投点递交。E类；地址前 5 位为“ 11110” ，保留为将来或某些实验使用。

1.2.4 域名和域名系统【域名】

IP 地址可以唯一地确定一台主机，但由于 IP 地址是数字型标识，这种数字地址显然不够直观，也难以记忆，为此， Internet采用了一种字符型标识，用字符串标识主机地址，这就是域名。 域名结构类似于下列结构：计算机主机名．机构名．网络名．最高层域名

【域名系统】 能实现域名和 IP 地址之间双向转换的软件称为域名系统（ DNS- Domain Name System ），简称 DNS 。它是一种管理名字的方法。

1.2.4 域名和域名系统中国互联网络的域名及管理

1997 年 , 中国互联网信息中心 CNNIC (China Internet Network Information Center) 成立 , 全面负责我国境内的 Internet域名注册及 IP 地址分配等工作 , 对国内用户接人 Internet 的域名系统实施统一的管理。 CNNIC 将我国的二级域名分为两类，即类别域名和行政区域名。其中类别域名有： 行政区域名： ac 适用于科研机构； 共 34 个，适用于各com 适用于工 .商 .金融等企业； 省自治区、直辖市edu 适用于教育机构； 和特别行政区。 gov 适用于政府部门；net 适用于网络运行与服务中心；org 适用于各种非营利性的组织、机构。

1.3   接入 Internet

用户想要利用 Internet 的资源，必须首先将自己的计算机接入 Internet 。用户通过因特网服务供应商ISP接入因特网， ISP 的作用一是为用户接入因特网提供服务，二是为用户提供各种类型的信息服务，例如电子邮件服务、信息发布代理服务、广告服务等。接入 Internet 的方法有以下许多种，下面我们介绍常用的三种 :

拨号接入 Internet ADSL接入 Internet 通过局域网接入 Internet

1.4 Internet 的主要服务

1.4.1 电子邮件电子邮件（简称 E-mail ）简单地说就是通过 Inter

net收发信件，是—种用电子手段提供信息交换的通信方式。—个完整的 Internet邮件地址由以下两个部分组

成，格式如下： 登录名 @ 主机名 .域名“@” 前面的部分通常是用户的登录名，即与服务器

联机时输入的名字；“ @”后面的部分是区域名，它标识用户所属的特定系统（主机），一般为邮件服务器的名字。

例如： [email protected]   

1.4.2 远程登录

在 Internet 中，用户可以通过远程登录使自己成为远程计算机的终端，用户在本地计算机上用键盘和显示器与远程计算机进行交互作用，并在它上面运行程序或使用它的软件和硬件资源。

Telnet 是一个强有力的远程登录工具。登录时必须事先成为该远程计算机系统的合法用户，拥有响应的账号和口令。

1.4.3 文件传输FTP （ File Transfer Protocol ）是文件传输协议的英文缩写，是一种与 Telnet类似的联机服务。允许用户从远程计算机上获得一个文件副本传送到本地计算机上，或将本地计算机上的一个文件副本传送到远程计算机上。同样，远程计算机在进行文件传输时要求输入用户的账号和口令。但 Internet 上有许多 FTP服务器都提供免费软件和信息，用户登录时不记名，这种 FTP服务称为匿名 FTP服务。FTP采用“客户机 /服务器”工作方式，客户端要在自己的计算机上安排 FTP客户程序。使用 FTP可传送任何类型的文件，如文本文件、二进制文件、声音文件、图像文件和数据压缩文件等。FTP就是完成两台计算机之间的文件拷贝。从远程计算机拷贝文件至自己的计算机上，称之为“下载（ download ）”文件。若将文件从自己计算机中拷贝至远程计算机上，则称之为“上载（ upload ）”文件。

1.4.4 新闻讨论组

新闻组 (Usenet) 是一个在 Internet 上提供给网络用户用来彼此交换信息或是讨论某一共同话题的系统。在新闻组上交流的信息或文章称为网络新闻或网络论坛，可以将任何问题张贴上网，它会随着网络散播到世界各地。新闻讨论组的存在，使 Internet 的应用从简单的浏览上升到积极地参与。在 Internet 上，提供网络新闻服务的主机叫做 News(新闻 )服务器。

1.5 全球信息网 WWW

全球信息网即 WWW(World Wide Web) ，又被人们称为 3W 、万维网等，是 Intemet 上最受欢迎、最为流行的信息检索工具。 Internet 网中的客户使用浏览器只要简单地点击鼠标， 即可访问分布在全世界范围内 Web服务器上的文本文件，以及与之相配套的图像、声音和动画等，进行信息浏览或信息发布。

1.5.1 WWW 的起源和发展WWW 是由欧洲粒子物理实验室 (CERN) 的科研人员于 1989 年负责开发的。最初动机，就是想让几千名经常访问 CERN 的科学家坐在世界上任何地方的一台计算机前都可以用同一种方式共享信息资源，为分散在世界各地的物理学家组成的工作组提供信息服务，使组内成员可以方便地交换信息，或者交换彼此的想法。为了利用 Internet 实现这个目标，欧洲粒子物理实验室的科研人员提出了超文本数据结构。所谓超文本（ Hypertext ）数据结构，是一种用计算机来实现连接相关文档的结构，该连接以高亮单词或图象形式嵌入在文档的文字之中。当被激活时，便立即检索连接的文档并显示出来，在被连接的文档中又可以嵌套别的连接，如此多重嵌套，以至无穷。

1.5.2 WWW 的工作模式

WWW服务采用了客户／服务器工作模式。在该模式中，信息资源以页面（也称网页或Web 页）的形式存储在Web服务器中；用户查询信息时执行一个客户端的应用程序，简称客户程序（ Cient ）或称为浏览器（ Browser ）程序，客户端的浏览器软件具有 Internet 地址 (Web 地址 ) 和文件路径导航能力，它向Web服务器发出请求， Web服务器根据客户端的请求内容，将保存在Web服务器中的某个页面返回给客户端。浏览器程序接收到页面后对其进行解释，最终将图、文、声并茂的画面呈现给用户。上述整个过程可分为以下三个步骤：

浏览器向某个 Web服务器发出一个需要的页面请求，即输入一个 Web 地址； Web服务器收到请求后，在文档中寻找特定的页面，并将页面传送给浏览器； 浏览器收到并显示页面的内容。

1.5.3 Web 浏览器和服务器 浏览网页是互联网上最普及的应用，而浏览器则是互联网应用中最常用的工具软件，它的性能、功能和安全性将直接影响我们使用互联网的体验和感受。 Web浏览器是一个程序，它能对 HTML 文档的格式及其所含有的漫游指令进行转换。浏览器和服务器通过另一种公开的标准， 即 HTTP( Hyper Text Transfer Protocol) 来实现它们之间的通信。利用 HTML 和 HTTP规范， Web 联合会已经能够使 Internet 上的任何一个用户都能轻而易举地创建和发布Web 文档。 IE 浏览器是 Microsoft 公司设计开发的一个功能强大、很受欢迎的 Web 浏览器。在Windows XP 操作系统中内置了 IE 浏览器的升级版本 IE6.0 ，与以前版本相比，其功能更加强大，使用更加方便，用户可以将计算机连接到 Internet ，从Web 服务器上搜索需要的信息、浏览Web 网页、查看源文件、收发电子邮件，上传网页等。

1.5.3 Web 浏览器和服务器

Web服务器 (或称 HTTP服务器 ) 主要提供 HTTP服务。本来 Web服务器只提供“静态”内容，即返回在URL里指定的文件的内容，一般具备将 URL 名映射到文件名的功能，并能实施某种安全策略。现在，可采用 CGI( 通用网关接口 ) 技术或 Java Servlet 技术从一个运行的程序里得出“动态”内容，可以采用应用关键字来组织脚本文件 ,而且现在的 Web服务器通常还具备连接数据库的功能，这些形成了Web应用的出现 . 通常，一个 Web服务器还提供其它服务。代理服务器可以通过缓存应答 ( 页面 ) 使得响应时间更快，也可以降低网络流量，对外能隐藏内部网信息。就目前的情况来看，功能强大的 Web服务器大多数是运行在Windows NT或 UNIX 平台上。

1.5.4 统一资源定位器 URL

在WWW 上浏览或查询信息，必须在浏览器上输入查询目标的地址，这就是 URL(Uniform Resource Locator ：统一资源定位器 ) ，也称Web 地址，俗称“网址”。 采用 URL可以用一种统一的格式来描述WWW 中各种信息资源，包括文件、服务器地址和目录等。URL 的格式一般由下列三部分组成：

协议 +“://”+ 主机域名 (IP 地址 )+ 目录路径第一部分是 : 协议（或称为服务方式）；第二部分是 : 存有该资源的主机 IP 地址（有时也包括端口号）或域名地址；第三部分是 : 主机资源的具体地址，如目录和文件名等。

1.5.5 HTTP 协议

HTTP(Hyper Text Transfer Protocol) 超文本传输协议是 WWW 的基本协议，是用于从WWW服务器传输超文本到本地浏览器的传送协议。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示 ( 如文本先于图形 )等。超文本具有极强的交互能力，用户只需点击文本中的字和词组，即可阅读另一文本的有关信息，这就是超链接 (Hyperlink) 。超链接一般嵌在网页的文本或图像中。

§1.2 网页与网站的概念

1．网站和网页2．远程站点和本地站点

1．网站和网页 网站（ Web Site ）顾名思义就是计算机网络上的一个站点，代表一个位置，网页（ Web Page ）就是站点中所包含的内容。

简单来说，网站是一系列具有相同或相似属性并通过各种链接相互关联的网页的组合。

网页可以是站点的一部分，也可以独立存在。通过浏览器可以实现网页的跳转，从而游览整个网站。

网页是网站信息发布与表现的一种主要形式。网页的内容与发布信息的目的和要求相关，网页的表现形式和效果与制作工具和创意水平有关。 网页是用 HTML编写的、通过 WWW 网络传输，并被Web 浏览器翻译成可以显示出来的一个页面文件，它集合了文本、图片、声音和数字电影等信息。网页一般由站标、导航栏、广告栏和信息区等部分组成。 根据页面内容，可以把网页分为首页、主页、专栏网页、内容网页，以及功能网页等类型，在这些网页中最重要的是网站的主页。 在访问一个网站时首先看到的网页称为该网站的首页。有的网站首页只起欢迎访问者的作用，是网站的开场页。单击该页面上的链接文字或图片，即可进入网站主页，首页也随之关闭。

§1.3 网页制作常用工具简介

1.3.1 网页布局工具 1． Dreamweaver

2． Frontpage

1.3.2 网页美化工具1．图像处理软件 :Photoshop,Fireworks

2．动画制作软件 :FLASH,Swish 、 Ulead GIF Animator,Ulead Cool 3D 、 3D Flash An

imator 、 Xara3D

1． Dreamweaver 由美国 Macromedia公司开发的 Dreamweaver 、 Fl

ash 和 Fireworks被称为网页制作三剑客，是制作专业网站的必备武器。

Dreamweaver 、 Flash 和 Fireworks 具有统一的界面，方便了用户的操作。其中 Dreamweaver 是一种网站和网页制作的专业化可视编辑工具。

利用 Dreamweaver 可以轻松地制作出具有动态 HTML 功能的网站，并可以制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver 具有制作效率高、网站管理方便、控制能力强、所见即所得、模板丰富、网页呈现力强等特点。

2． Flash Flash 是目前最流行的矢量动画制作软件。 与其他的动画软件相比，它的优点在于： 制作的是矢量图像，只有用少量矢量数据就可以描述一个复杂的对象，而占有的存储空间只是位图的几千分之一，非常适合在网络上使用。

同时，矢量图像的画面质量不会随浏览器窗口大小的改变而改变。 Flash MX影片是一种流式文件。 当浏览者在观看一个大动画时，不必等到影片全部下载到本地后

再观看，而是可以随时观看，如支持位图、声音、渐变色和 Alpha透明等。

拥有了这些功能，用户完全可以建立一个全部由 Flash 制作的站点。

3． Fireworks Firework 是目前最流行的网页图像制作软件之一。只

要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 中制作完成网页图像后将其输出就会立即在 Dreamweaver 中更新。

Fireworks 还可以安装使用所有的 Photoshop滤镜，并且可以直接导入 PSD 格式的图像。它不仅结合了 Photoshop位图功能以及 CorelDRAW矢量图的功能，而且提供了大量的网页图像模板供用户使用。

例如，网页上流行的阴影和立体按钮等效果，可以很简单用它制作完成。它还可以将图像切割、图像映射、悬停按钮及图像翻转等效果直接生成 HTML代码，嵌入到现有的网页中，或者作为单独的网页出现。

§ 1.4 网页开发语言

1.4.1 HTML 语言1.4.2 VBScript 和 JavaScript

1.4.3 动态网站开发语言1． ASP

2． JSP

3． PHP

1.4.1 HTML 语言 HTML 的英文全称是“ Hyper Text Mark up language” ，中文可译为“超文本标记语言” ，它由 W3C 组织商讨制定。用其语法规则建立的文档可以运行在不同操作系统的平台上，是目前因特网上用于编写网页的主要语言。 HTML 并不是一种程序设计语言，而是一种描述文档结构的标记语言，不需要翻译而直接由浏览器解释执行。它的作用是通过一些标签来告诉浏览器，怎样显示标签中的内容。 HTML 中的标签是不能扩展的， HTML 文件中包括了要显示的数据和显示的方法。其扩展名为“ htm” 或“ html” 。

1.4.2 VBScript 和 JavaScript

VBScript 和 JavaScript都是一种解释性的脚本语言，它们的代码可以直接嵌入到 HTML命令中。

JavaScript 和 VBScript 的最大特点是可以很方便地操纵网页上的元素，并通过 Web 浏览器与访问者交互。同时， JavaScript 和 VBScript 可以捕捉客户的操作并作出反应。

1． VBScript

2． JavaScript

1． VBScript

VBScript脚本语言是 ASP 的默认语言，它是Visual Basic家族的最新成员，可以说 VBScript 是 Visual Basic 的子集，也可以说 VBScript 是为了符合 Internet小而精的条件而从 VB之中萃取出精华功能的程序语言，其语法规则、函数与 VB很相似，但功能上有所限制，语法规则也不是很严谨 。

1． VBScript VBScript 可以在客户端使用，也可以在服务器端使

用，这是程序本身决定的。下面我们来看一段 HTML 中的 VBScript代码。

<html> <head> <title>VBScript代码示例 </title> </head> <body> VBScript代码示例，弹出式对话框 ! <script language=”VBScript”> MsgBox”VBScript代码示例” </script> </body> </html>

1． VBScript 其中，“ <script language=“VBScript”>”

与“ </script>”之间就是 VBScript 的脚本代码，

“language”告诉浏览器脚本代码的语言类型是 VBScript 。“MsgBox” 是 VBScript语言中显示消息框的函数，其功能是弹出一个具有按钮的对话框，并显示“”””中的字符串。如下图所示。

1． VBScript

2． JavaScript JavaScript 是一种跨平台、基于对象的脚本语言，提到 Jav

aScript脚本语言，可能会把它与 Java 语言混淆起来，其实 JavaScript 与 Java 是两种完全不同的语言。

虽然它们的语法元素都和 C++十分相似，但彼此间是不同的。

首先 JavaScript 是 Netscape公司的产品，而 Java 是 Sun公司的产品；

JavaScript 是一种解释型的语言，而 Java 是一种编译型的语言。

在 HTML 基础上，使用 JavaScript 可以开发交互式 Web 网页。使网页包含更多活跃的元素和更加精彩的内容。

2． JavaScript

同样来看一段代码。 <html> <head> <title> JavaScript代码示例 </title> </head> <body> JavaScript代码示例，弹出式对话框 ! <script language=“JavaScript”> alert (“JavaScript代码示例 !”) </script> </body> </html>

2． JavaScript 其中，“ <script language=“JavaScript”>”

与“ </script>”之间就是 JavaScript 的脚本代码， “ language”告诉浏览器脚本代码的语言类型是 JavaScript 。“ Alert()” 是 JavaScript 语言中显示消息框的函数，其功能是弹出一个具有按钮的对话框，并显示“ ( )”中的字符串，如下图所示。

2． JavaScript

1.2.3 ASP ， PHP ， JSP 目前，最常用的三种动态网页语言有 ASP,JSP,PHP 。

ASP （ Active Server Pages ），是一个 Web 服务器

端的开发环境， 利用它可以产生和运行动态的、交互的、高性能的 Web 服务应用程序。

ASP既不是一种语言，也不是一种开发工具，而是一种内含于 IIS/PWS之中的易学易用、可以集成 Script语言（如 VBScript 或 JavaScript ）到 HTML 主页的服务器端（ ServerSide ）的脚本语言环境，其主要功能是为生成动态的、交互的 Web 服务器应用程序提供一种功能强大的方式或技术。

PHP （原始的缩写是“ Persona Home Page”, 现在官方正式定为“ PHP: Hypertext Preprocessor” 的递归缩写），与 ASP 一样， PHP也是一种跨平台的服务器端的嵌入式脚本语言。

它大量地借用 C,Java 和 Perl 语言的语法 , 并耦合 PHP自己的特性 ,使Web 开发者能够快速地写出动态生成页面。与 ASP 不同的是， PHP跨多个平台（如Unix 、 Linux 、 Windows 98 、 Windows NT 、 Windows 2000 、 Windows XP 和 Macintosh 等），支持数种著名通用 Web 服务器（如 IIS 、 Apache ），用户更换平台时无需变换 PHP代码。

1.4.3 ASP ， PHP ， JSP

JSP (Java Server Pages) 是 Sun公司推出的新一代站点开发语言，可以在 Serverlet 和 JavaBean 的支持下，完成功能强大的站点程序。

在传统的 HTML 网页中加入 Java 程序片段和 JSP标记，就构成了 JSP 网页。

Web 服务器在访问 JSP 网页时，由 JSP引擎解释JSP标记和其中的程序片段，生成所请求的内容，然后将结果以 HTML 格式返回到浏览器。

三者都提供在 HTML 代码中混合某种程序代码、由语言引擎解释执行程序代码的功能。

普通的 HTML 页面只依赖于 Web 服务器，而 ASP ， PHP ， JSP 页面需要附加的语言引擎分析和执行程序代码。

程序代码的执行结果被重新嵌入到 HTML 代码中，然后一起发送给浏览器。在 ASP ， PHP ， JSP 环境下， HTML 代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。

ASP ， PHP ， JSP三者都是面向 Web 服务器的技术，客户端浏览器不需要任何附加的软件支持。