网站开发技术

4.2　网站开发技术

有哪些网站开发技术？

网站是指WWW中网页（Page）的集合，也叫Web。WWW是Internet的一个子集。在WWW中，使用超文本标记语言HTML（Hyper Text Markup Language）来对信息进行描述。相关的信息结合在一起，构成了WWW中信息集合的基本单位——网页。WWW使用统一资源定位器件URL（Uniform Resource Locator）来定位每一个网页，URL相当于网页的地址。网站由若干网页构成，客户登录后进入的第一个页面叫主页（Homepage）。为了实现网页与网页之间的灵活跳转，WWW中引入了超级链接。

网站放在接入Internet的服务器上。WWW中用地址来区别不同的服务器。地址有两种：一是计算机能直接识别的数字地址，即IP地址；二是便于人们识别记忆的字母地址，即域名。IP地址和域名之间是一种对应关系，需要通过域名服务器来转换。

URL实际上由三部分构成：第一部分是所使用的传输协议，第二部分是服务器的地址，第三部分是HTML文档在服务器上的路径和文件名。下面是一个URL的例子：

http://www.swufe.edu.cn/unreadable/index.asp

在该URL中，第一部分http告诉计算机要使用超文本传输协议HTTP（Hypertext Transfer Protocol），第二部分www.swufe.edu.cn是服务器的地址，第三部分/unreadable/index.asp是所要寻找的文件在服务器中的路径和文件名。

网站的应用在结构上采用了B/S（浏览器/服务器）模式。客户机使用网站的过程，实际上就是客户机发出请求，从服务器上获得相关HTML文本并进行通信的过程。HTML需要通过浏览器转换之后，才能把文字、图像等多媒体信息展示在用户面前。所以，在客户机上需要安装浏览器。图4-1是基于网站的应用系统的基本结构图。

图4-1　网站应用的B/S结构

在WWW中，通过客户机上的浏览器访问服务器上的网站时，其过程可以细分为六个步骤：（1）浏览器通过URL中的服务器地址，与服务器联系；（2）浏览器将URL的其余部分发送给服务器；（3）服务器将URL转换为路径和文件名；（4）服务器将HTML文档发送给浏览器；（5）服务器断开连接；（6）浏览器显示文档。

当有新的请求发送给浏览器的时候，服务器又会重复上面的步骤。在这种通信进程中，浏览器每次发出请求，都能从服务器上获得一个HTML文档。该HTML文档实际上在浏览器中表现出来就是一个网页。如果该HTML文档中的内容是静止不变的，我们将其称为静态网页。由于HTML语言中的标志局限于对文字、表格、图像等的描述，因此静态网页适合文字、表格、图像等内容的表现。值得注意的是，静态网页并不是说网页中不能有活动的内容，比如，静态网页通过浏览器展现出来时，其中也可以有活动文字、动画图片等。静态网页的实质是指其在服务器中的文档的内容是静止不变的。

显然，静态网页构成的网站不能满足用户对互联网的要求。比如，当用户通过浏览器发出请求，使用服务器上的应用程序或者是数据库时，静态网页就显得无能为力了。目前，人们解决这一问题的方式是设计一个接口程序接收浏览器发送过来的信息，然后使用后台的应用程序和数据库，然后再把结果转换为HTML代码，并嵌入到服务器上的HTML文档中，最后服务器把嵌入了应用程序或者是数据库动态运行结果的HTML文档传送给浏览器。和静态网页相比较，这种HTML文档的内容是动态变化的，故称为动态网页。

结合图4-1所示意的B/S结构，我们可以看到，网站的开发技术包括了网页的设计、接口程序的设计、后台应用程序和后台数据库的设计，以及管理服务器上所有硬件资源和软件资源的服务器管理程序的设计等。

4.2.1　静态网页设计及HTML

静态网页的设计目前有三种方法。第一种方法是直接使用HTML语言来编写源文件。由于是非“所见即所得”地编写源代码，因此该方法显得很繁杂。第二种方法是使用可视化的网页编写工具软件，这些工具软件实现了HTML文档编写的“所见即所得”，使用起来十分方便。目前，FrontPage和Dreamweaver是这类网页编写工具软件的典型代表。第三种方式是综合使用第一种和第二种方法。直接用HTML语言来编写网页十分繁杂，而只使用可视化的工具软件，在编写网页上的某些内容的时候又显得不够灵活，甚至不能实现。因此，现在人们在设计网页时，更多地会综合使用两种方法，即网页上的大部分内容用工具软件来编写，一些内容则用HTML来直接编写。

网页是给人们看的，好的网页应该能给人以美的感觉。因此，网页的设计既是技术工作，也是美术设计。图片和色彩的合理应用，能给网页增色许多。在目前的网页设计中，图像处理软件Photoshop和动画制作软件Flash是常用的工具软件。

HTML（超文本标记语言）是英文Hyper Text Markup Language的缩写，它是专门用来编写网页的计算机语言。用HTML编写的超文本文档称为超文本文档，它能独立于各种操作系统平台（如Unix，Windows等）而运行。作为一种标记语言，HTML最大的特点就是由标记来对文字、图表等信息进行描述。所谓标记，就是采用一系列的指令符号来控制输出的效果，这些指令符号用＜标签名字属性＞来表示，＜＞把标记和被标记描述的内容区别开来。HTML的标记往往是成对出现的，后面的标记用＜/标签名字＞来标示。HTML中大约有100个标记，例如＜html＞标记、＜head＞标记、＜title＞标记和＜body＞标记等。学习HTML的主要内容，就是学习HTML标记的使用。

HTML的源文件是纯文本文件，可以使用任意一种文本编辑器来编辑，例如Windows操作系统中自带的记事本。但要注意，在使用记事本编辑HTML源文件时，要将文本保存为超文本格式的，也就是文件的扩展名要是htm或html。HTML中的标记可以不区分大小写。

超文本文档分文档头和文档体两部分。文档头对文档进行一些必要的说明，如文档的标题、文档的文字编码方式等。文档体中则是网页要显示的各种信息，是文档的主体。

4.2.2　脚本语言

HTML提供了较完善的设计页面的功能，但HTML文档由服务器传送到客户端的计算机上后，其内容就固定不变了，这样就无法利用客户端计算机的计算能力，因此也就无法在客户端处理与用户的交互。例如，在电子商务网站中，经常要求客户通过填写表单来向服务器发送购买商品的名称、数量等重要商业信息，但客户常有忘记填写或者是格式不正确的情况出现。如何在客户端及时地发现这些错误呢？这可以通过在HTML文档中嵌入脚本程序的方法来实现。

所谓脚本程序是指由脚本语言编写的程序。脚本语言是介于Java、C＋＋和Visual Basic之类的编程语言之间的语言。编程语言通常用于向计算机发送复杂的指令；脚本语言也可用来向计算机发送指令，但脚本语言的语法没有可编译的编程语言那样严格和复杂。脚本语言主要用于格式化文本和使用已编译好的用编程语言编写的组件。

为了在客户端实现与客户的交互，目前可以在HTML源文件中直接嵌入使用的脚本语言主要有Netscape公司的JavaScript和微软公司的VBScript两种。它们都可以不经过编译而直接在客户端运行，但前提是客户端计算机上安装的浏览器要支持该脚本语言。

JavaScript的前身叫LiveScript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序设计概念，将自己原有的LiveScript重新进行设计，并更名为JavaScript。之所以取名为JavaScript，原因就在于JavaScript作为一种嵌入HTML文档的、基于对象的脚本设计语言，其中很大一部分的语法同Java语言很相似。而且，JavaScript的设计可以使它很容易地同Java语言一同工作，它可以充分支持Java的applet小应用程序，Java的applet小应用程序也可以很方便地访问已有的JavaScript代码。所以，也可以把JavaScript看成是Java语言的某种简化版本。

JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。JavaScript主要用于Web页面中，而Java是一种完整的、独立的编程语言，它既可以在Web中应用，也可以用于与Web无关的情况。JavaScript编写的程序可以直接嵌入HTML源代码中，并通过客户端的浏览器来解释执行。这样，一些基本交互的实现就不用传到服务器端进行，从而提高了客户端的效率。

4.2.3　动态网页设计技术

动态网页是指服务器上的HTML文档通过接口程序与应用程序和数据库实现交互。这是一种非常重要的功能，例如在电子商务中，用户可以通过该功能来实现在客户端的浏览器中搜寻某公司提供的商品。

动态网页设计技术发展很快，较先出现的是CGI，目前ASP、JSP、PHP等都在被广泛使用。

ASP（Active Server Pages）程序由微软公司推出，实际上是一种在服务器端开发脚本语言的环境。利用它可以开发动态、交互、高性能的Web服务器端的应用。ASPZ中可以使用ActiveX对象。除了ASP本身提供的对象外，凡是在Windows下的ActiveX对象也都是ASP网页制作中可以引用的资源。因此，ASP能够使用ADO（ActiveX Data Objects）来存取数据库。使用ASP编写的网页的源代码实际上包括了两个部分，一部分是标准的HTML代码，另一部分是嵌在HTML代码中的ASP代码，并由＜％～％＞将其和HTML代码隔开。

JSP（JavaServer Pages）是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。和ASP一样，采用JSP编写的网页的源代码也是在HTML代码中嵌入JSP部分，包括Java程序片段（Scriptlet）和JSP标记（tag）。JSP网页的扩展名为jsp。Web服务器在接收到JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送E-mail等等。与ASP只能用于Windows平台不同，JSP可以用于各种平台。此外，与ASP和PHP不一样，JSP不是解释执行的。JSP通过一个JSP Servlet（服务器小程序）读取编译并成为Java源文件，再用javac编译成class文件来执行。

PHP是英文“PHP：Hypertext Preprocessor”的缩写，意为超文本预处理语言。与ASP类似，PHP编写的也是在服务器端执行的程序，并且可以嵌入HTML文档之中。PHP的语言风格类似于C语言，其语法混合了C、Java、Perl以及PHP自创新的语法。PHP与众不同之处是开放源代码，所有的PHP源代码事实上都可以免费得到。PHP是跨平台的，可以运行在Unix、Linux、Windows之下。

4.2.4　XML

XML（Extensible Markup Language），与HTML一样，也是一种标记语言，也属于标准通用标记语言SGML（Standard Generalized Markup Language）的子集。

SGML是一个国际性的标准语言，用来描述和定义结构化的电子文档，早在1980年就已经制定。SGML包含了一系列的文档类型定义DTD（Document Type Definition）。DTD中定义了标记的含义，因此SGML的语法是可以扩展的。SGML过于复杂和详细，既不容易学，也不容易在计算机上实现。鉴于这些因素，欧洲核子物理研究中心的研究人员在发明Web这种新型的信息结构时，根据当时（1989年）计算机技术的能力，提出了HTML。HTML只使用了SGML中很小一部分标记，例如HTML 3.2定义了70种标记。为了便于在计算机上实现，HTML规定的标记是固定的，即HTML语法是不可扩展的，它不包含DTD。

XML将SGML的丰富功能与HTML的易用性结合到了Web的应用中，以一种开放的自我描述方式定义了数据结构，在描述数据内容的同时能突出对数据结构的描述，从而体现出数据之间的关系。这样所组织的数据对于应用程序和用户都是友好的、可操作的，这是HTML无法较好解决的问题。

和HTML相比较，XML的一个重要优势是它支持用户根据自己的需要定义自己的标记，并且这些标记可以迅速地投入使用，这就使得XML在描述信息时更加灵活和实用。比如在电子商务网站网页的设计中，设计者可以定义＜用户＞、＜价格＞等特殊标记。

XML的另一重要优势在于它的数据存储格式不受显示格式的制约。一般来说，一篇文档包括三个要素：数据、结构以及显示方式。对于HTML来说，显示方式内嵌在数据中，这样在创建文本时，要时时考虑输出格式，如果因为需求不同而需要对同样的内容进行不同风格的显示时，要从头创建一个全新的文档，重复工作量很大。此外HTML缺乏对数据结构的描述，对于应用程序理解文档内容、抽取语义信息都有诸多不便。

XML的灵活性和对数据的处理特性确定了其在基于Web的商务活动中具有辉煌的应用前景：

（1）商务信息的自动化处理。XML的丰富标记完全可以描述不同类型的单据，例如信用证、保险单、索赔单以及各种发票等。结构化的XML文档发送至Web的数据可以被加密，并且很容易附加上数字签名。因此，XML有希望推动基于互联网的EDI技术得到大规模应用。

（2）信息发布。信息发布在企业的商业活动中起着重要作用。服务器只需发出一份XML文件，客户就可根据自己的需求选择和制作不同的应用程序以处理数据。加上可扩展格式语言XSL（Extensible Style Language）的帮助，使广泛的、通用的分布式计算成为可能，因为XSL可以将XML数据翻译为HTML或其他格式的语言。

（3）智能化的Web应用程序和数据集成。XML能够更准确地表达信息的真实内容，其严格的语法降低了应用程序的负担，也使智能工具的开发更为便捷。来自不同应用程序的数据也能够转化到XML这个统一的框架中，进行交互、转化和进一步的加工。

XML众多的优点意味着它是网页设计语言的发展方向。但需要指出的是，XML并不是用来取代HTML的，而是补充HTML的不足，HTML仍将在较长的一段时间里被继续使用，一些新的技术标准则允许在文档中混合使用HTML和XML。

案例4-2　　你必须关注最新网络技术

Sun的创始人之一、公司CEO McNealy一语惊人：网络就是计算机。今天，当人们用计算机，想计算机时，没有人只用本机、只想本机。人们更多地利用外部的计算机进行通讯和交流，利用外部的计算机找资源、要资源。一封邮件，起码要沾几台甚至几十台服务器的光。自己没有的东西，很自然就会去地球某个角落的某台计算机或某台服务器查阅或下载。因此现在不需要名人指点，人们都会脱口秀：计算机不就是网络吗？

计算机的进一步发展，将有赖于网络技术，以及它的部署、管理和应用方案的深入和普及。未来计算机的社会宏观效益和企业经济效益更取决于网络的总体能力。因此，网络技术成为你的业务和应用、采购和销售不得不关注的IT核心问题。

资料来源：http://www.cbinews.com。