初稿（茶楼网页设计与实现）

如果我们在浏览器中直接查看网页的原始代码，就只能看到ＨＴＭＬ文件，原始的ＡＳＰ程序代码是看不到的！这是应届ＡＳＰ程序先于网站服务（Ｗeb Server）端执行后，将结果转换成标准ＨＴＭＬ文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ＡＳＰ程序并不会轻易地被看见进而被盗用。

4、易于操控数据库

ＡＳＰ可以轻易地通过ＯDBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、FoxPro、dBase、Oracle等等，另外，ＡＳＰ亦可将“文本文件”或是”Excel” 文件当成数据库用。

5、面向对象学习容易

ＡＳＰ具备有面向对象（Ｏobject-Oriented）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。

6、对象名称 功能描述

RequestResponseServerSessionApplicationObjectContext 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被

(3)．ASP模型对象

ASP提供了六个功能强大的内置对象供用户使用，利用这六个对象，可以设计变化多端的Web应用程序，在ASP开发Web应用程序时，通过调用对象的方法，不但能实现提高编程效率，而且编程更优化。

下面列出ASP包括的六个内置对象： Response：将信息送主客户端 Request：从客户端取得信息

Server：提供一些Web Sever方法

Session：记录连接着的信息，每一个连接者的信息有独立的Session对象来记录 Apptication：记录共用消息，让不同的可户端共享信息 Objectlontent：配合MTS进行分布式事务处理 (4)．ASP的运行

ASP页面与一般的HTML页面的真正不同之处，在于ASP页面需要经过Web服务器的解释执行而HTML网页不需要。因此如果要运行和发布式ASP网页，就需要有Web服务器的支持。任何一个Web服务器，只有内嵌有ASP的解释程序，就可以运行ASP 编写的动态网页。

整个过程主要有如下5个步骤（HTML页面的处理没有第三步）

A.用户将ASP文件的网址输入到浏览器的地址栏，请求一个ASP网页。 B.浏览器向Web服务器发送ASP文件请求，成为Request C.服务器找到并解释执行该ASP文件，生成标准的HTML文件 D.服务器将HTML文件传送给用户浏览器，称为Response E.用户的浏览器解释HTML文件，结果在浏览器窗口显示

2.2.2 ADO对象

ADO原名为ActiveX Data Object。通过与ASP的结合，可以在网页里执行SQL的指令，用户可以轻松且快速的存取、增加或是删除数据库的数据。

ADO包含三个主要的对象：Recordset、Connection以及Cmmand。通过这些对象的了解与应用，再利用ASP对象，就可以很容易地制作出一个方便快捷、功能多样的网站。

快速、容易和节省磁盘空间，是ADO的特性，这使得ADO成为十分热门的技巧。

5

ADO通过与ODBC的链接，可以链接许多各种类型的数据库，因为ODBC本身就支持许多类型的数据库。

ADO通过VBScript和JavaScript语言的技巧，不但可以控制存取数据库，还可以达到一些特殊技巧的变化。

ADO 提供 Connection 对象

可以使用该对象建立和管理应用程序和 ODBC 数据库之间的连接。Connection 对象具有各种属性和方法，可以使用它们打开和关闭数据库连接，并且发出查询请求来更新信息。

要建立数据库连接，首先应创建 Connection 对象的实例。 用 Connection 对象的 Execute 方法

您可以发出结构化查询语言 (SQL) 查询数据库源并检索结果。SQL 是用于与数据库通讯的工业标准语言，它有许多命令可用来检索和更新信息。使用 Connection 对象的 Execute 方法在 SQL INSERT 命令的表格中发出查询，该命令将数据插入特定的数据库表格。

使用 Recordset 对象处理结果

尽管 Connection 对象简化了连接数据库和查询任务，但 Connection 对象仍有许多不足。确切地说，检索和显示数据库信息的 Connection 对象不能用于创建脚本；您必须确切知道要对数据库作出的更改，然后才能使用查询实现更改。

对于检索数据、检查结果、更改数据库，ADO 提供了 Recordset 对象。正如它的名称所暗示的那样，Recordset 对象有许多您可以使用的特性，根据您的查询限制，检索并且显示一组数据库行，即记录。 Recordset 对象保持查询返回的记录的位置，允许您一次一项逐步扫描结果。

根据 Recordset 对象的指针类型属性设置，您可以滚动和更新记录。数据库指针可以让您在一组记录中定位到特定的项。指针还用于检索和检查记录，然后在这些记录的基础上执行操作。Recordset 对象有一些属性，可用于精确地控制指针的行为，提高您检查和更新结果的能力。例如，您可以使用 CursorType 和 CursorLocation 属性设置指针的类型，将结果返回给客户端应用程序（结果通常保留在数据库服务器上）并显示其他用户对数据库的最后一次更改。

一个成功的数据库应用程序都使用 Connection 对象建立链接并使用 Recordset 对象处理返回的数据。通过“协调”两个对象的特定功能，您可以开发出几乎可以执行任何数据处理任务的数据库应用程序。例如，下面的服务器端脚本使用 Recordset 对象执行 SQL SELECT 命令。SELECT 命令检索一组基于查询限制的信息。查询也包含 SQL WHERE 子句，用来缩小查询的范围。

通过 ADO Command 对象，可以象用 Connection 对象和 Recordset 对象那样执行查询，唯一的不同在于用 Command 对象您可以在数据库源上准备、编译您的查询并且反复使用一组不同的值来发出查询。这种方式的编译查询的优点是您可以最大程度地减少向现有查询重复发出修改的请求所需的时间。另外，您还可以在执行之前通过您的查询的可变部分的选项使 SQL 查询保持局部未定义。

Command 对象的 parameter 集合减少了您的麻烦，使您不必在每次重新发出查询时重新建立查询。

2.3 网页图像设计工具——Photoshop

Adobe公司开发，处理图形图像的专门设计软件。DTP和图像软件的结合，使设计师可在电脑上直接完成文字的录入、排版、图像处理、形象创造和分色制板的全过程，开创了“电脑平面设计”时代。 Photoshop的专长在于图像处理，而不是图形创作。有必要区分一下

6

这两个概念。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工；图形创作软件是按照自己的构思创意，使用矢量图形来设计图形，这类软件主要有Adobe公司的另一个著名软件Illustrator和Micromedia公司的Freehand。Photoshop系列中使用最广泛的有Photoshop5.0版本、Photoshop7.0。

2.4.网页设计工具——Dreamweaver

Macromedia 公司的产品的另一款“所见即所得”的网页编辑工具。与 Frontpage 不

同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。

Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。常见的版本为 Dreamweaver3、Dreamweaver4、DreamweaverMX、Dreamweaver8.0、Dreamweaver CS.

所以我本次设计主要选用Dreamweaver8.0结合Photoshop7.0处理图片。

7

第三章．网页需求分析

3.1可行性分析

3.1.1网页的界面设计

由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。例如：列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。

A. 网页界面构成要素

与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。 一般来说，网页的界面主要由下面几个因素构成：

（1）文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。

（2）图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台等优点。

3.2.网站需求分析

3.2.1.建站目的

Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规

模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上千万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。提高公司知名度，扩大公司规模，由公司的领导决定建立自己的公司网站。

3.2.2.网站实现功能

本网站给客户提供一个了解公司的平台，客户可以与公司及时地交换意见，产生互动，公司也可以及时对网站进行更新维护。

前台客户系统功能：

(1) 用户可以浏览公司的一些基本的信息。 (2) 用户可以浏览公司的新闻。

8