一、绪论
（一）选题背景
 
    在已跨入21世纪的今天，Internet正在以强大的冲击力影响着人类的生活。Internet的出现和迅速发展， 彻底改变了人们的传统生活方式。Internet现在已经渗透到了人类社会的各个领域， 以及人们的日常生活的各个环节。
   人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成为世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。
Internet的迅速普及，正是依靠不计其数、丰富多彩的网站。网站是由网页按照一定的链接顺序组成,它的迷人之处在与综合使用文本、图像、声音、动画和视频信息的内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。学习型网站也越来越被需要，越来越多的人希望通过学习型网站得到自己需要的知识。
（二）选题意义
首先，现代社会网络作用举足轻重，作为新时代的年轻人，我们必须追上科技的潮流。
其次，我们即将迈出校门，进入社会就业，学习网页制作为我以后就业加大砝码，可以拓宽我的就业面，增加选择性。
其三，技术我们以后不从事相关行业，但是我们的生活是离不开网络的，所以学习网站对我还是有很大的好处。

（三）研究内容
我所研究的内容是利用网络编程语言制作一个动态和静态结合的学习型网站。
（四）章节安排
首先，在第二、三、四章我对网络的记住知识进行介绍，分别为：
web概述
   　　
二、web概述

（一） Web的起源
混沌初开，一切都那么简单。为了连接美国的少数几个顶尖研究机构，人们设计了最早的“Internet”，以便共同开展科学研究。不论是图书馆员、核物理学家，还是计算机科学家，都必须学习一个相当复杂的系统。1962年，麻省理工学院（MIT）的J.C.R. Licklider最早提出他的“Galactic Network”（超大网络）思想时，Firefox和IE之类的便捷工具连概念都未产生。
Licklider后来继续在美国国防高级研究计划局（DARPA）从事计算机研究，在那里他积极地宣扬网络化思想的重要性。几乎与此同时，MIT的Leonard Kleinrock和Lawrence G. Roberts正在开展分组交换理论的研究，这是计算机联网的一个核心概念。在Thomas Merrill的帮助之下，Roberts于1965年进而创建了第一个广域网，他通过一个拨号连接使马萨诸塞州的一台TX-2连上了加利福尼亚州的一台Q-32。
1966年底，Roberts带着他的实验结果来到DARPA，在这里他构思了高级研究项目管理网络（Advanced Research Projects Administration Network，ARPANET）的计划。此时，Kleinrock正在加州大学洛杉矶分校网络测量中心（Network Measurement Center），这里被选作ARPANET的第一个节点。正是在这里，1969年BBN公司成功地安装了第一个分组交换器，称为接口消息处理器（Interface Message Processors，IMP）。斯坦福研究中心被选为第二个节点，1969年10月，在此首次实现了主机到主机的消息交换。此后不久，又将加州大学圣巴巴拉分校和犹他大学增加为节点，这就是我们现在所称因特网的前身。
这个时期小型机刚开始出现，DEC公司推出了PDP-1，其后又相继推出了PDP-8、PDP-11和VAX-11/780，并取得了巨大成功。计算机能力得到了极大增强，而且使用也越来越方便，不像最初只有极少的几台大型机时，人们须排队使用。计算机已经更加平民化；不过，这时个人计算机革命还未到来。
最初，研究人员认为TCP协议只适用于大型系统，因为TCP就是为大型系统设计的。不过，麻省理工学院David Clark的研究小组发现，工作站也可以与大型机互联。Clark的研究，再加上20世纪80年代和90年代个人计算机领域的爆炸式发展，为网络的发展铺平了道路。
20世纪80年代出现了几个大变化。随着主机数量从很少发展到成千上万，需要为主机指定不同的名字，这样人们就不用费劲地去记它们的数字地址。这个变化，以及主机数量的飞速增长，催生了DNS。另外，ARPANET从使用NCP转为使用TCP/IP协议，后者是军方使用的标准协议。到了20世纪80年代中期，因特网已经建成为一个连接不同研究人员群体的平台，而且其他网络也开始出现：美国国家航空航天局（NASA）创建了SPAN；美国能源部建立了MFENet来研究磁聚变能源，另外在美国国家科学基金会（National Science Foundation）的资助下，还创建了CSNET来开展计算机科学研究。
1989年，欧洲粒子物理研究中心（CERN）的Tim Berners-Lee提出了一个很有意思的概念。他认为，与其简单地引用其他人的著作，不如进行实际的链接呢？读一篇文章时，读者可以打开所引用的其他文章。超文本（hypertext）当时相当流行，Berners-Lee还利用了他先前在文档和文本处理方面的研究成果，发明了标准通用标记语言（Standard Generalized Markup Language，SGML）的一个子集，称为超文本标记语言（HyperText Markup Language，HTML）。HTML的妙处在于，它能将有关文本显示方式的信息与具体显示的实现相分离。Berners-Lee不仅创建了一个称为超文本传输协议（HyperText Transfer Protocol，HTTP）的简单协议，还发明了第一个Web浏览器，叫做WorldWideWeb。

（二）Web的特点

1． Web是图形化的和易于导航的（navigate）
 Web 非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供将图形、音频、视频信息集合于一体的特性。同时，Web是非常易于导航的，只需要从一个连接跳到另一个连接，就可以在各页各站点之间进行浏览了。
2．Web与平台无关
无论你的系统平台是什么，你都可以通过Internet访问WWW。浏览WWW对你的系统平台没有什么限制。无论从Windows平台、UNIX平台、Macintosh还是别的什么平台我们都可以访问WWW。对WWW的访问是通过一种叫做浏览器（browser）的软件实现的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的Explorer等。
3．Web是分布式的
大量的图形、音频和视频信息会占用相当大的磁盘空间，我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起，信息可以放在不同的站点上。只需要在浏览器中指明这个站点就可以了。使在物理上并不一定在一个站点的信息在逻辑上一体化，从用户来看这些信息是一体的。
4．Web 是动态的
最后，由于各Web站点的信息包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新。如某个协议的发展状况，公司的广告等等。一般各信息站点都尽量保证信息的时间性。所以Web站点上的信息是动态的。经常更新的。这一点是由信息的提供者保证的。
5．Web是交互的
Web的交互性首先表现在它的超连接上，用户的浏览顺序和所到站点完全由他自己决定。另外通过FORM的形式可以从服务器方获得动态的信息。用户通过填写FORM可以向服务器提交请求，服务器可以根据用户的请求返回相应信息。

（三）工作原理

当你想进入万维网上一个网页, 或者其他网络资源的时候，通常你要首先在你的浏览器上键入你想访问网页的统一资源定位符（Uniform Resource Locator)，或者通过超链接方式链接到那个网页或网络资源。这之后的工作首先是URL的服务器名部分，被名为域名系统的分布于全球的因特网数据库解析，并根据解析结果决定进入哪一个IP地址(IP address)。
 接下来的步骤是为所要访问的网页，向在那个IP地址工作的服务器发送一个HTTP请求。在通常情况下，HTML文本、图片和构成该网页的一切其他文件很快会被逐一请求并发送回用户。
网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容，加上图像、链接和其他必须的资源，显示给用户。这些就构成了你所看到的“网页”。大多数的网页自身包含有超链接指向其他相关网页，可能还有下载、源文献、定义和其他网络资源。像这样通过超链接，把有用的相关资源组织在一起的集合，就形成了一个所谓的信息的“网”。这个网在因特网上被方便使用，就构成了最早在1990年代初蒂姆•伯纳斯-李所说的万维网  
 

（四） Internet
   计算机网络的连接称为网际互连，Internet名是由此得来的。确切一点说，Internet就是由全球的主机系统、网络系统、基于统一的TCP/IP通信协议连接在一起构成的计算机网络系统。这里，主机系统就是在Internet注册，即有自己的域名或IP地址的计算机系统；网络系统就是有线局域网、无线局域网、数据传输网、电话交换网等等网络；TCP/IP通信协议就是Internet网络两个服务实体之间的通信要互相理解，必须遵守共同的协议。协议对于使用过计算机的人来说并不陌生，操作系统以约定的命令格式、固定的窗口下的菜单实现一种计算机操作，这就是操作系统与操作系统的用户之间的“协议”。网络协议规范通信双方传输的消息格式、交互的步骤。为了解决这复杂的问题Internet网络协议按功能分为四层：网络接口层、网络层、传输层和应用层。TCP/IP是上述四层Internet网络通信协议的简称。

（五） Web客户与Web服务器的交互

HTTP(hyper text transfer protocol) 协议规范Web客户与Web服务器交互过程，Web协议HTTP属于Internet应用层协议。按HTTP协议，Web客户与Web服务器交互过程分为4个步骤：
（1）.Web客户（浏览器）通过TCP协议与Web服务器建立连接；
（2）.Web客户向Web服务器提出服务请求。服务请求的消息中规定要指明选择的HTTP方法；
(3).Web服务器接收客户的服务请求，并加处理；
(4).将服务请求处理的结果发送回客户；
(5).关闭建立的连接，除非客户机与服务器之间立即发生另一次事务。Web服务器结束会话，不保存任何会话的状态信息。
三、  网页资料是www.bysj999.com原创开发设计
（一） 简述网页
网页，是网站中的一「页」，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 　　网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
（二）什么是网页
　　现在在你眼前，出现在显示器上的这个 “ 东西 ” ，就是一个网页。网页（英文：Web page）实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
网页是万维网中的一“页”，通常是HTML格式（文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。
（三）构成网页的元素
　　文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。在网页上点击鼠标右键，选择菜单中的 “ 查看源文件 ” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。
网页实际文本的主要组成要素有：
1．题目(TITLE)
Title元素是文件头中唯一一个必须出现的元素，它也只能出现在文件头中。title元素的格式为：
<title>文件题目</title>
title标明该html文件的题目，是对文件内容的概括。一个好的题目应该能使读者从中判断出该文件的大概内容。文件的题目一般不会显示在文本窗口中，而以窗口的名称显示出来。
除了标识窗口外，当将某一homepage 存入书签或文件时，title还用作书签名或缺省的文件名。
title的长度没有限制，但过长的题目会导致折行，一般情况下它的长度不应超过64个字符。由于title的作用是标明文件内容，所以太短的title也是不可取的，比如：introduction 这个题目，读者不可能根据它判断出本文介绍的是什么。一个好的例子是：
<titl> An Introduction to HTML 2.0 </title>
在头元素中还可以出现其他元素，如<isindex>，<meta>等等。这些元素都不是必须的，而且也不常用。这些元素的用法和它们的含义可以参考有关文献。
  下面是一个最简单的html 文件
<html>
<title>the simplest html file</title>
This is my first html file.
</html>
2．  标题(hn)
标题元素有6种，分别为h1, h2,…h6，用于表示文章中的各种题目。标题号越小，字体越大。一般情况下，浏览器对标题作如下解释：
h1 黑体，特大字体，居中，上下各有两行空行。
h2 黑体，大字体，上下各有一到两行空行
h3 黑体(斜体)，大字体，左端微缩进，上下空行
h4 黑体，普通字体，比h3更多缩进，上边一空行
h5 黑体(斜体)，与h4相同缩进，上边一空行
h6 黑体，与正文有相同缩进，上边一空行
Netscape 2.0为hn的解释为，一律黑体，字体越来越小。hn可以有对齐属性，align＝#，#表示：
left 标题居左
center 标题居中
right 标题居右
例: <h2 align=center>Chapter 2 </h2>
下面给出hn的例子及其输出：
<h1>Today is fine!<／h1> Today is fine!
<h2>Today is fine!<／h2> Today is fine!
<h3>Today is fine!<／h3> Today is fine!
<h4>Today is fine!<／h4> Today is fine!
<h5>Today is fine!<／h5> Today is fine!
<h6>Today is fine!<／h6> Today is fine!
.3.3.3 分段<P>
html的浏览器是基于窗口的，用户可以随时改变显示区的大小，所以html将多个空格以及回车等效为一个空格，这是和绝大多数字处理器不同的。html的分段完全依赖于分段元素<P>。比如下面两段源文件有相同的输出。
<h2>This is a level Two Heading </h2>
paragraphy one <p>paragraph two <p>
… … … … … … … … … …
<h2>This Is a Level Two Heading</h2>
paragraph one <p>
paragraph Two <p>
    <p>也可以有多种属性，比较常用的属性是：
aligh＝# #可以是left,center,right,其含义同上文。例：
<p align=center>This is a centered paragraph <／p>
当 html文件中有图形，图形可能占据了窗口的一端，图形的周围可能还有较大的空白区。这时，不带clear属性的<p>可能会使文章的内容显示在该空白区内。为确保下一 段内容显示在图形的下方，可使用clear属性。clear属性的含义为：
clear=left 下一段显示在左边界处空白的区域
clear=right 下一段显示在右边界处空白的区域
clear=all 下一段的左右两边都不许有别的内容
3． 清单List
清单用于列举事实，常用的清单有3种格式，即无序清单(unordered List)，有序清单(ordered list)和定义清单(definition list)
    无序清单(ul)
无序清单用(ul)开始，每一个清单条目用<li>引导，最后是</ul>，注意清单条目不需要结尾链接签</Li>。输出时每一清单条目缩进，并且以黑点标示。
例 ：
源文件
    <ul>
  <li>Today
  <li>Tommorow
    </ul>
    输出为
    ●Today
●Tommorow
有序清单<ol>
有序清单与无序清单相比，只是在输出时清单条目用数字标示，下面是一个例子及其   
   输出：
   <ol>
<li>Today
<li>Tommorow
   </ol>
   输出为：
   1.Today
   2.Tommorow
   定义清单<dl>
   定义清单用于对清单条目进行简短说明的场合，用 <dl>开始，清单条目用<dt>引导，它的说明用<dd>引导。
   <dl>
     <dt>Item 1
   <dd>The definition of item 1
     <dt>Item 2
   <dd>Definition or explaination of item 2
   </dl>
   输出为：
   Item 1
 The definition of item 1
   Item 2
 Definiton or explaination of item 2
   改变条目标记
   (1).改变无序清单条目标记
   无序清单输出时，每一条目前都有一个黑色圆点，用户可以用type序性修改条目的标记。type可以是disc 实心圆点、cirde圆圈、square实心方点
   <ul>
 <li type=disc>ONE
 <li type=circle>TWO
 <li type=square>THREE
   </ul>
   输出为：
   ●ONE
   ○TWO
   ■THREE

   (2).改变有序清单条目标记
   有序清单条目标记的缺省值是阿拉伯数字，可以用type属性修改。方法为<Litype=#> #=A, 大写字母
   a, 小写字母
I, 大写罗马数字
i, 小写罗马数字
l, 缺省,阿拉伯数字
   <ol>
 <li type=A>ONE-ONE
 <li>ONE-TWO
   </ol>
A.ONE-ONE
B.ONE-TWO

   <ol>
 <li type=a>ONE-ONE
 <li>ONE－TWO
   </ol>
 a.ONE-ONE
 b.ONE-TWO

   <ol>
 <li type=I>ONE-ONE
 <li>ONE=TWO
   <／ol>
 Ⅰ.ONE-ONE
 Ⅱ.ONE-TWO

   <ol>
      <li type=i>ONE-ONE
  <li>ONE-TWO
   <／ol>
 i.ONE-ONE
 ii.ONE-TWO
  <ol>
<li type=1>ONE-ONE
<li>ONE-TWO
  </ol>
1.ONE-ONE
2.ONE-TWO

(3).改变有序清单条目的超始数字
有序清单的条目数字在缺省情况下是从1开始的，用start属性可修改这一值。方法<ol start=#> #是条目起始号
    <ol start=5>
  <li type=A>ONE-ONE
  <li>ONE-TWO
    <ol start=10>
      <li>TWO-ONE
      <li type=i>TWO-ONE
   </ol>
    </ol>

E.ONE-ONE
F.ONE-TWO
10.TWO-ONE
xi.TWO-TWO

4．清单的嵌套
  各种清单可以相互嵌套，每一个清单条目都可以是一个单独的清单。每嵌套一层，清单条目的输出就会有更大的缩进。请参照上面的例子。
5．预排版文本<pre>
  html的输出是基于窗口的，因而html文件在输出时都是要重新排版的，若确实不需要重新排版的内容，可以用<pre>…<／pre>通知浏览器。浏览器在输出时，对这部分内容几乎不做修改地输出，输出的字体电传打字机字体。早期的html规范规定在预排版区内不能出现格式化输出的元素。如hn等，Netscapr2.0在遇到预排版元素时，允许其中有其他元素。
      <pre>
    please use your card.
    VISA Master
       <b>Here is an order form.</b>
   <ul>
     <li> Fax</li>Air Mail
   </ul>
     </pre>
     please use your card
     VISA Master
 Here is an order form.
 ●Fax
 ●Air Mail

6．块引用<BQ>
块引用表示其中的内容是引用。浏览器内对块引用的解释一般为左右缩进，上下各有一空行，有些浏览器用斜体字。
    1 居中
很多元素都有对齐方式属性，如hn 、p等。也可以直接用居中链接签
    <center>…<／center> 
<h3 align=center>
Wonderful!!
</h3>
<center>
This must be my dream.
</center>
Wonderful!!
This must be my dream

（四） 网页的类型

通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML文件。不同的后缀，分别代表不同类型的网页文件，例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。
通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML 文件。不同的后缀，分别代表不同类型的网页文件，例如以CGI、ASP、PHP、JSP甚至其他更多。
1．HTML
     全称 HyperText Markup Language，正式名称是超文本标记语言，利用标记（tag）用来描述网页的字体、大小、颜色及页面布局的语言，使用任何的文本编辑器都可以对它进行编辑，与VB、C++等编程语言有着本质上的区别。
     举一个简单的例子：
      HTML 原代码： <b>goEway.com</b>
  在浏览器的显示效果： goEway.com
　其中 <b></b> 就是两个HTML标记。它以起始标记<b>及结束标记</b>标记文字 goEway.com，令它显示成粗体。
　对于网页制作的初学者来说，理解 HTML 的工作原理是必要的，但也无须仔细地了解到每一个标记的作用，因为现在已经有了很好的所见即所得的网页编辑软件为我们快速地生成 HTML 代码，例如 Dreamweaver 和 Frontpage ，再也无须象早期的网页制作人员一样，一行一行地编写代码了。
2．CGI
     CGI 全称为 Common Gateway Interface （公共网关接口CGI），它是一种编程标准，它规定了Web服务器调用其它可执行程序（CGI程序）的接口协议标准。CGI 程式通过读取使用者的输入请求从而产生 HTML 网页。CGI 程序可以用任何程序设计语言编写，如Shell、Perl、C、Java等，其中最为流行的是Prel。
     CGI程序通常用于查询、搜索、或其他的一些交互式的应用.网易虚拟社区就是使用了CGI
3．ASP
     ASP 全称为 Active Server Pages（动态服务器主页），它一种应用程序环境，可以利用 VBscript 或 Java Script 语言来设计，主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候，服务器会自动将 ASP 的程序码，解释为标准 HTML 格式的网页内容，再送到浏览者浏览器上显示出来。我们也可以将 ASP 理解为一种特殊的 CGI。
     利用 ASP 生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个 ASP 页面就可以取代成千上万个网页。尽管 ASP 在工作效率方面较之一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。
 ASP是微软产物，微软的网站当然也就使用了ASP
4．PHP
     PHP 是 Hypertext Preprocessor 的缩写，代表：超文本预处理器。其优势在于其运行效率比一般的CGI程序要高，而且，PHP是完全免费，不用花钱，你可以从PHP官方站点（http://www.php.net）自由下载。PHP 在大多数 Unix 平台，GUN/Linux 和微软 Windows 平台上均可以运行。
     3.4.5 JSP
     JSP 与 ASP 非常相似。不同之处在于 ASP 的编程语言是 VBScript 之类的脚本语言， 而 JSP 使用的是 Java 。此外， ASP 与 JSP 还有一个更为本质的区别：两种语言引擎用完全不同的方式处理页面中嵌入的程序代码。在 ASP 下， VBScript 代码被 ASP 引擎解释执行；在 JSP 下，代码被编译成 Servlet 并由 Java 虚拟机执行。
     3.4.6 VRML
     VRML（Virtual Reality Modeling Language）就是虚拟实境描述模型语言。是描述三维的物体及其连结的网页格式。用户可在三维虚拟现实场景中实时漫游，VRML2.0在漫游过程中还可能受到重力和碰撞的影响，并可和物体产生交互动作，选择不同视点等（就象玩Quake）。
     浏览VRML的网页需要安装相应的插件，利用经典的三维动画制作软件3DMAX，可以简单而快速地制作出VRML。

（五）网页的分类

网页有多种分类,我们笼统意义上的分类是动态和静态的页面。
静态网页，动态网页主要根据网页制作的语言来区分：
    静态网页使用语言：HTML（超文本标记语言）
    动态网页使用语言：HTML＋ASP 或 HTML＋PHP 或 HTML＋JSP 等。
静态网页与动态的区别：
程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。
    静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
    静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
    动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。
   我们将动态网页的一般特点简要归纳如下：
  （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；
  （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；
  （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；
  （4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求
   什么是静态网页？静态网页有哪些特点？
   在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。
   静态网页的网址形式通常为：
   http://sp.itnetbuy.com/sp/music/yysplayer.htm
   也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。
   我们将静态网页的特点简要归纳如下：
   （1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”；
   （2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；
   （3）静态网页的内容相对稳定，因此容易被搜索引擎检索；
   （4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；
   （5）静态网页的交互性交叉，在功能方面有较大的限制
     静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。
    静态网页与动态的区别
程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。
    静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
    静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。
    动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。
    我们将动态网页的一般特点简要归纳如下：
   （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；
   （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；
   （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；
   （4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求

（六）网站

 1 简介
 网站（Website）是指在互联网上，根据一定的规则，使用HTML等语言制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通信工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网上服务。人们可以通过网页浏览器来访问网站，获取自己需要的信息或者享受网上服务。许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布、招聘等等。随着网页制作技术的流行，很多个人也开始制作个人主页，这些通常是制作者用来自我介绍、展现个性的地方。也有提供专业企业网站制作的公司，通常这些公司的网站上提供人们生活各个方面的资讯、服务、新闻、旅游、娱乐、经济等。 　
在因特网的早期，网站还只能保存单纯的文本。经过几年的发展，当万维网出现之后，图像、声音、动画、视频，甚至3D技术开始在因特网上流行起来，网站也慢慢地发展成我们现在看到的图文并茂的样子。通过动态网页技术，用户也可以与其他用户或者网站管理者进行交流。也有一些网站提供电子邮件服务。
.2 组成
它由域名（domain name 俗称网址或域名），网站源程序和网站空间三部分构成：
域名（俗称网址）；网站空间由专门的独立服务器或租用的虚拟主机承担；网站源程序则放在网站空间里面，表现为网站前台和网站后台。形象的比喻：域名就相当于一个家的门牌号码网站的空间就相当于一个家，可以存放许多的东西！
3 参数
衡量一个网站的性能通常从网站空间大小、网站位置、网站连接速度（俗称“网速”）、网站软件配置、网站提供服务等几方面考虑，最直接的衡量标准是这个网站的真实流量。 　　建设网站考虑因素：
 1、网站的客户服务群体；
 2、网站的内容方向和性质； 　　
 3、网站的功能描述和结构分析； 　　
 4、网站的用户体验； 　　
 5、网站的盈利方式； 　　
 6、网站的未来发展方向。
4 分类
根据网站所用编程语言分类：例如asp网站、php网站、jsp网站、Asp.net网站等； 　　
根据网站的用途分类：例如门户网站（综合网站）、行业网站、娱乐网站等； 　　
根据网站的持有者分类：例如个人网站、商业网站，政府网站等。 　　
根据网站的商业目的分类：营利型网站（行业网站、论坛、）、非营利性型网站（企业网站、政府网站）、网站搜索(比如百度)。
5 网站与网页的关系
　　网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个html文件，浏览器是是用来解读这份文件的。也可以这样说：网页是有许多html文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。ext Transfer Protocol，HTTP）的简单协议，还发明了第一个Web浏览器，叫做WorldWideWeb。

四、 网站开发软件
 
（一） Frontpage

 Microsoft FrontPage，简称FP，是美国微软公司推出的一款网页设计、制作、发布、管理的软件。
 所见即所得结合了设计、程式码、预览三种模式于一体，也可一起显示程式码和设计检视与Microsoft Office各软件无缝连接 良好的表格控制能力继承了Microsoft Office产品系列的良好的易用性 ，被认为是优秀的网页初学者的工具。
在同等价位的产品中它包含了一些最好的浏览特性。 你可以非常简便地作出邮件反馈表， 讨论组， 甚至是加入检索功能， 只要服务器支持FrontPage服务器端扩展就行。 对那些感到缺乏创造性的用户而言， 利用FrontPage则可以使你的网站看起来风格一致而又专业。
但其功能无法满足更高要求。 
如果在某一阶段， 你决定加入一些FrontPage不支持的东西， 然后想编辑HTML源代码的时候， 在阅读对FrontPage产生的一大堆令人费解的代码时。
第二个弊端是， FrontPage学起来有点儿不那么顺。 FrontPage所使用的一些字眼， 有时候比较难以理解。
最后， FrontPage对微软公司以外的浏览器不太友好。 它作出来的东西大多只适合用IE来看。

（二）Dreameaver
Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”；2005年4月18日，全球最大的图像编辑软件供应商Adobe宣布，以换股方式收购软件公司Macromedia，Macromedia是著名的网页设计软件Dreamweaver及Flash的供应商。据悉，此项交易涉及金额高达34亿美元。根据双方达成的协议，Macromedia股东将以1：0.69的比例获得Adobe的普通股。自此开始，Dreamweaver开始属于ADOBE设计软件系列。
Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。
所见则所得网页编辑器的优点就是：
   （1）．最佳的制作效率
    Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。 本文来自织梦
    Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
   （2）网站管理
使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
   （3）无可比拟的控制能力
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。
当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。
您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。
当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。
总合以上所见即所得网页编辑器的优点但经也有致命的缺点： 。
难以精确达到与浏览器完全一致的显示效果。也就是说您在所见即所得网页编辑器中制作的网页放到浏览器中是很难完全达到您真正想要的效果，这一点在结构复杂一些的网页（如分帧结构、动态网页结构）中便可以体现出来；
　   二、 页面原始代码的难以控制性，比如您在所见即所得编辑器中制作一张表格也要几分钟，但您要它完全符合您要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器，就不存在这个问题，因为所有的HTML代码 都在您的监控下产生，但是由于非所见则所得编辑器的先天条件就注定了它的工作低效率。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备则见则所得的高效率、直观性，一直是网页设计师梦想。在DREAMWEAVER之前，FRONTPAGE98一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。但是我说过这是在DREAMWEAVER之前，现在我无意说DREAMWEAVER已经实现网页设计师的梦想，但我觉得DREAMWEAVER正在努力向这个梦想一步步走去。

（三） Flash

Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档,被大量应用于互联网网页的矢量动画设计。1996年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。在出到Flash 8以后，Macromedia又被Adobe公司收购。最新版本为：Adobe Flash CS5。
Flash网站技术会引发几个问题，在网站运行中，会给大多数用户带来麻烦。
带宽与下载时间的限制：
用Flash技术设计的网站，占用大量的宽带空间，下载速度很慢。一定记住：并不是所有用户都利用宽带上网。在登录全Flash网站时，电话拨号上网的用户必须花费宝贵时间观看下载条，而不能快速获取需要的信息。
可用性限制：
用老版本Flash设计的网站，后退键没有作用：点击后退键会使你退出Flash网站，而不是返回上一层网页。同时，链接以及非链接的标准颜色会发生改变，并且用户须控制需要利用的文本尺寸。而且，Flash 经常带来网站交互问题。由于Flash支持类似于电视的呈现模式方法，所以用户经常作为观赏者出现。不管画面多么精美，过一段时间，用户就会对内容产生厌烦。
    搜索引擎的限制：
尽管像Google这样的大型搜索引擎，现在具备了对Flash做索引的能力，但搜索内容仍然非常有限，所以Flash网站不会在搜索引擎中获得好的排名。解决这个问题的一种方法是：利用HTML设计网站，这样的网站会有一个好的排名。利用Flash设计网站，会增加不必要的金钱和时间开支，其实 HTML网页就可以完成所有的功能。
    尽管Flash存在以上几个缺点，但它同样有自己的优点：
    可以运用Flash，展示内容，比如：展示公司样品。开发互动游戏时，可以运用Flash，比如：Sesame Street、 Nickelodeum, 、Yahoo! Games等儿童游戏，都使用了Flash当你想装饰简约网站时，你可以运用小型Flash动画，或者在HTML文件中插入标语性质的Flash，这样不会占用过多的宽带空间，下载速度很快，并且可以增加网站的观赏性。
尽管，Macromedia(Flash开发公司)正在积极采取方法改善Flash的可用性问题(甚至在2002年组成以网站可用性研究专家Jakob Nielsen为首的工作组，专门研究这个问题)，但是下载速度慢、搜索引擎对其不友好的问题，仍然没有解决。在这些问题解决以后，如果利用Flash可以增加网站价值(少数情况)，那你可以运用。

（四）PS

　PS指Photoshop，photoshop是Adobe公司旗下最为出名的图像处理软件之一。多数人对于 PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”，并不知道它的诸多应用方面，实际上，PHOTOSHOP的应用领域很广泛，在图像、图形、文字、视频、出版各方面都有涉及。
从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。
 图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。
校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。
特效制作在photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于photoshop的研究的原因。
 目前最新版本Adobe Photoshop CS4除了包含Adobe Photoshop CS3的所有功能外，还增加了3D和视频流、动画、深度图像分析等。
 Photoshop CS4通过使用对3D的支持，人们可以将3D内容纳入到他们的2D作品中，包括在3D模式下编辑文本。
虽然说Photoshop功能很强大，但是他对电脑硬件的要求很高，功能越强大，要求越高。而且photoshop制作jpg图片在网页上的jpg图片如果过大，会严重影响页面的打开速度。

FW
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。
借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver 和 Macromedia Flash共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。
众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理理一下。

总结比较

网站设计的编程语言
（七） HTML

HTML（Hyper Text Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML有什么特点和好处？
HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下： 　　
1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。 　　
2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 　　
3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 　　
用什么可以编辑HTML？ 　　
HTML其实是文本，它需要浏览器的解释，HTML的编辑器大体可以分为三种:　　
1 基本编辑软件，使用WINDOWS自带的记事本或写字版都可以编写，当然，如果你用WPS来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。 　　
2 半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出Homepage，且可以学习HTML，这种类型的软件主要有HOTDOG，还有国产的软件网页作坊。 　　
3 所见即所得软件，使用最广泛的编辑器，完全可以一点不懂HTML的知识就可以做出网页，这类软件主要有Frontpage98，DREAMWEAVER。
更先进难懂的技术XHTML? 　　
 XHTML中的X是可扩展的意思，XHTML就是可扩展的超文本标记语言，它比HTML有更严格的要求。如果说HTML是汉语，那么XHTML就是标准普通话。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。事实上它也属于HTML家族，并且它是基于XML的，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。

（八）ASP

ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 与HTML相比，ASP网页具有以下特点： 　　
利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术； 　　
（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试； 　　
（3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页； 　　
（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息； 　　
（5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等。 　　
（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。 　　
  (7) 方便连接ACCESS与SQL数据库. 　　
  (8)开发需要有丰富的经验,否则会留出漏洞,让骇客（cracker）利用进行注入攻击. 　　ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的。
ASP-工作原理
　　当在Web站点中融入ASP功能后，将发生以下事情： 　　
    1、用户向浏览器地址栏输入网址，默认页面的扩展名是.asp。 　　
    2、浏览器向服务器发出请求。 　　
    3、服务器引擎开始运行ASP程序。 　　 
    4、ASP文件按照从上到下的顺序开始处理，执行脚本命令，执行HTML页面内容。
    5、页面信息发送到浏览器。　　                                
ASP、JSP、PHP 三种技术比较:
　在ASP.NET流行之前，最常用的三种动态网页语言有ASP(Active Server Pages),JSP(JavaServer Pages),PHP (Hypertext Preprocessor)。
　ASP全名Active Server Pages，是一个WEB服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript（Java script）作为自己的开发语言。 　　
PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。还有一点，PHP是完全免费的，不用花钱，你可以从PHP官方站点。自由下载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要的特色。 　　
JSP是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和JavaApplet之外，又有新的硕果，就是JSP，Java ServerPage。JSP可以在Servlet和JavaBean的支持下，完成功能强大的站点程序。
三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但JSP代码被编译成Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页面的第一次请求时发生。在ASP、PHP、JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而ASP、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。ASP、PHP、JSP三者都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持。

（九） JavaScript

JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是Sun公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，字节顺序记号。　 　　
Netscape公司在最初将其脚本语言命名为LiveScript来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme.JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成协议的结果。
为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。Javascript和Jscript基本上是相同的，只是在一些细节上有出入。 Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。.JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。
javascript程序是纯文本的，且不需要编译，所以任何纯文本的编辑器都可以编辑javascript文件。
 进阶技术AJAX
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。根据Ajax提出者Jesse James Garrett建议AJAX： 　　
使用XHTML+CSS来表示信息； 　　
2、使用JavaScript操作DOM（Document Object Model）进行动态显示及交互 　　
3、使用XML和XSLT进行数据交换及相关操作； 　　
4、使用XMLHttpRequest对象与Web服务器进行异步数据交换； 　　
5、使用JavaScript将所有的东西绑定在一起。AJAX的应用使用支持以上技术的Web浏览器作为运行平台。这些浏览器目前包括：Internet Explorer、Mozilla、Firefox、Opera、Konqueror及Mac OS的Safari。但是Opera不支持XSL格式对象，也不支持XSLT 。
（十） CSS
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。
为什么叫层叠？ 　　
在页面显示的过程中，有很多的样式作用在页面元素上，这些样式来自不同的地方。浏览器自己有默认的样式，网页作者有自己写的样式，用户也可能有自己的样式， 但是最终显示的样式是其中之一，它们之间产生了冲突，CSS通过一个称为层叠（cascade）的过程处理这种冲突。层叠给每个规则分配一个重要度：作者的样式表被认为是最重要的，其次是用户的样式表，最后是浏览器或用户代理使用的默认样式表。为了让用户有更多的控制能力，可以通过将任何规则指定为!important来提高它的重要度，让它优先于任何规则，甚至优先于作者加上!important标志的规则。 因此，层叠采用以下重要度次序：标为!important的用户样式>标为!important的作者样式>作者样式>用户样式>浏览器/用户代理应用的样式。 然后，根据选择器的特殊性决定规则的次序。具有更特殊选择器的规则优先于具有比较一般的选择器的规则。如果两个规则的特殊性相同，那么后定义的规则优先。由此可见，层叠是指不同的优先级的构成的层的叠加。
层叠样式表解决了一个普遍的问题
HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。
层叠式表的特点
便于页面的修改。 　　
便于页面风格的统一。 　　
减少网页的体积。
    采用CSS布局相对于传统的TABLE网页布局而具有以下3个显著优势：
    1：表现和内容相分离
　　将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。
    2：提高页面浏览速度
　　对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。
    3：易于维护和改版
　　你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。