毕业论文——综合网站设计

设计题目：综合网站设计设计题目：综合网站设计 姓名：姓名： 学号：学号： 导师：导师： 写作日期：写作日期： 综合网站设计 I 摘要与关键词摘要与关键词 在 Internet 飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道， 它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet 上发布信息主要是通 过网站来实现的，获取信息也是要在 Internet“海洋”中按照一定的检索方式将所需要的 信息从网站上下载下来。因此网站建设在 Internet 应用上的地位显而易见，它已成为政府、 企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。网页艺术设计是伴随着 计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技 术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造 性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面 上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺 术与技术的高度统一。 关键词：关键词：Asp;Asp; FrontPage;FrontPage; AdobeAdobe PhotoshopPhotoshop 7.07.0; ; flashflash 5.0;5.0; MicrosoftMicrosoft AccessAccess 20002000 综合网站设计 II AbstractAbstract andand keywordkeyword In the Internet application status is obvious, it has become the government, in business unit information construction important constituent, thus time peoples value. The homepage art design follows the seeing and hearing which the computer internet production forms to design the new task, is the homepage designer take locates the technology and the artistic experience which the time can gain as the foundation, on own initiative carries on the artistic plan according to the design goal and the request to the homepage constitution element the creative thinking activity, inevitably must become the design art the important constituent, and develops along with the network technology development. On the surface looked that, it only is about the homepage format arrangement skill and the method, but in fact, it not only is one kind of skill, is artistic and the technical high unification. keywordkeyword：Asp;Asp; FrontPage;FrontPage; AdobeAdobe PhotoshopPhotoshop 7.07.0; ; flashflash 5.0;5.0; MicrosoftMicrosoft AccessAccess 20002000 综合网站设计 目录目录 摘要与关键词摘要与关键词I I ABSTRACTABSTRACT ANDAND KEYWORDKEYWORDIIII 第一章第一章 前言前言1 1 第二章第二章 理论知识与开发工具介绍理论知识与开发工具介绍3 3 2.1 设计思想 .3 2.2 开发工具的选用及介绍 .3 2.3 网页结构布局说明 .4 2.4 网页布局的技术 .7 2.5 ASP 的技术特点与静态网页的区别 .8 第三章第三章 网站总体分析网站总体分析1616 3.1 ASP 程序设计准备 16 3.2 WEB SERVICE简介 16 3.3 网站系统分析 18 3.4 主页设计 18 3.5 数据库设计 18 3.6 图形界面设计 19 第四章第四章 详细设计与实现详细设计与实现2020 4.1 网页设计的内容 20 4.2 网页艺术设计的原则 20 4.2.1 主题鲜明.21 4.2.2 形式与内容统一.21 4.2.3 强调整体.21 4.3 科技新闻的设计 22 4.4 论坛设计 22 4.5 代码实现 24 第五章第五章 系统的系统的运运行环境与测试分析行环境与测试分析2929 5.1 运行环境 .29 5.2 测试分析 .29 第六章第六章 结束语结束语3131 致谢致谢3232 参考文献参考文献3333 附录附录 部分程序源代码部分程序源代码3434 综合网站设计 1 第一章第一章 前言前言 ASP 技术 ASP（Active Server Pages 动态网页）是微软公司推出的一种用以取代 CGI（Common Gateway Interface 通用网关接口）的技术。目前，Internet 上的许多基于 Windows 平台的 Web 站点已开始应用 ASP 来替换 CGI。简单地讲，ASP 是一个位于服务器端 的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式 Web 服务器应用程序， 如交互式动态网页，包括使用 HTML 表单收集和处理信息，上传与下载等等。通常情况下， 用户通过浏览器看到的网页大多是静态的，目前 Internet 上的许多站点，仍然提供“静态 “（static）的主页内容。所谓“静态“，指的就是站点的主页内容是“固定不变“的。当浏览 器通过 Internet 的 HTTP(Hypertext Transport Protocol)协议，向站点服务器(Web Server)要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的 HTML 的文件数据给浏览器。一个“静态“的站点，若要更新主页的内容，必须手动的来更新 其 HTML 的文件数据。而随着 Web 应用的发展，用户希望能够看到根据要求而动态生成的主 页，例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入 数据，以提供 HTTP 要求时，可以在站点服务器中执行的应用程序，而不只是一个 HTML 文 件。站点服务器收到要求执行的应用程序，分析表单(form)的输入数据，将执行的结果以 HTML 的格式传送给浏览器。根据用户请求生成动态主页的传统方法有 CGI、ISAPI 等。CGI 是根据浏览器端的 http 请求激活响应进程，每一个请求对应一个进程。当同时有很多请求 时，程序挤占系统资源，造成效率低下；ISAPI 针对这一缺点进行改进，利用 dl l（动态 链接库）技术，以线程代替进程，提高了性能和速度，但要考虑线程的同步问题，而且开 发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术 Java 都还存在着另外一个 问题，那就是开发困难，程序的开发和 HTML 写作是两个完全不同的过程，需要专门的程序 员开发。而较简单的开发技术如 java script 和 IDC(Internet Database Connector)等功 能有限，不敷使用。ASP 使用的 ActiveX 技术基于开放设计环境，用户可以自己定义和制 作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的 CGI 等程序所 远远不及的地方。ASP 与常见的在 Client 端实现动态主页的技术如 Java applet、ActiveX Control、VBScript、java script 等不同，ASP 中的命令和 Script 语句都是由服务器来解 释执行的，执行结果产生动态生成的 Web 页面并送到浏览器；而 Client 端技术的 Script 综合网站设计 2 命令则是由浏览器来解释执行。由于 ASP 是在服务器端解释执行，开发者可以不必考虑浏 览器是否支持 ASP；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃 取编程逻辑。ASP 通过后缀名为.asp 的 ASP 文件来实现，一个.asp 文件相当于一个可执行 文件，因此必须放在 Web 服务器上有可执行权限的目录下。当用户从浏览器输入了.asp 文 件的地址后，浏览器就将这个 URL 请求发给 Web Server，如果 Web Server 上装了 ASP，就 调用 ASP。ASP 读出相应.asp 文件，解释并执行命令，动态生成一个 HTML 页面回传 Web Server，然后 Web Server 再把结果发送给浏览器。ASP 文件的制作和 HTML 类似，且和 HTML 开发集成，可以在同一个过程完成，利用 ASP 将可以执行的脚本嵌入到 HTML 文件中 (将 HTML 文件的后缀名改为.asp)，这使得 HTML 文件的编写与脚本的开发融合在一起。通 过 ASP 内置的对象、服务器组件（Server Component）可以完成非常复杂的任务，而且用 户还可以自己开发或利用别人开发的服务器组件完成专门的任务。 综合网站设计 3 第二章第二章 理论知识与开发工具理论知识与开发工具介绍介绍 2.12.1 设计思想设计思想 通过网站，全面宣传，展示公司风格、优点与特色，发布公司的业务和动向，及一些 web、asp、flash、hank 等的最新消息。在 Internet 上实现完成部分业务，提高办事效率。 2.22.2 开发工具的选用及介绍开发工具的选用及介绍 我选择了 ASP 结合 Front page 架构综合网站 ASP 的优势： Active Server Pages：“动态服务器网页” ，一般简称为“ASP” ，ASP 之所以能受到 大家的重视与使用的原因，主要在于所产生的执行结果都是标准的 HTML 格式，而且这些程 序是在网络服务端中执行，使用一般的浏览器（如 IE 或 Netscape）都可以正确地获得 ASP 的“执行”结果，并且将这 ASP 执行的结果直接在浏览器中“浏览” ，不像 VBScript 或 JavaScript 是在客户端（Client）的浏览器上执行，若使用 VBScript 来设计程序，客户 端（Client）在浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用 Netscape 浏览器就无法显示 VBScript 的执行结果。 2.2.12.2.1 ASPASP 的特点的特点 （1）任何开发工具皆可发展 ASP （2）只要使用一般的文书编辑程序，如 Windows 记事本，就可以编辑。当然，其他网页发 展工具，例如，Front Page Express、Front Page 等也都可以。 （3）语言相容性高 （4）易于操控数据库 （5）ASP 可以轻易地通过DBC(Open Database Connectivity)驱动程序连接各种不同的 数据库，例如：Access、FoxPro、dBase、Oracle 等等，另外，ASP 亦可将“文本文件”或 是” “ Excel”文件当成数据库用。 2.2.22.2.2 ASPASP 的六大内部对象的六大内部对象 对象名称功能描述： 综合网站设计 4 Request Response Server Session Application Object Context 从客户端取 得信息将信息送给客户端提供一些 Web 服务器工具储存在一个 Session 内的用户信息，该 信息仅可被该用户访问在一个 ASP-Application 中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理 本系统是基于 Web 的，所以系统的界面设计也就是系统网页的设计。Photoshop 产品 对网页设计的强大处理功能，用户通过在页面上仅用拖曳控件的方式就可轻松创建网页。 但若要想制作出方便实用的精美网页，必须在开始之前做出详细设计，这样就会大大提高 网页质量，进一步改善应用程序的可用性。设计时可以将设计的页面画在纸上，然后考虑 哪些控件是所需要的，以及不同元素的重要性、控件之间的联系等。页面的设计和规划不 仅影响到它本身外观的艺术性，而且对应用程序的可用性也有很重要的作用。组织页面的 工作包括控件的位置、大小、一致性等。这一点我们的设计师做得比较有突出的图片来表 现! 图片的处理用到的软件是 Adobe Photoshop adobe, adobe Image Ready Photoshop 可以说 是无所不能的软件，有很多功能。加上 Image Ready 是制作动画图片的好工具，在这两个 软件的组合下，我在网站所做的图片和动画都是非常好的，但也算不上是完美，因前在做 此网站之前我还没用得很熟。担在这次设计中，让我更了解 Adobe Photoshop adobe, Adobe Image Ready 这两个软件。不过也多得老师和同学的指导和帮助。 2.32.3 网页结构布局说明网页结构布局说明 最开始，网页呈现在你面前的时候，它就好像一张白纸，它需要你任意挥洒你的设计 才思。在开始的时候，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道 什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上 自己的东西。你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网 页布局的基本概念。 2.3.12.3.1 页面尺寸页面尺寸 由于页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于你无法突破显示器 的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分 辨率在 800 x600 的情况下，页面的显示尺寸为：780 x428 个象素；分辨率在 640 x480 的情 况下，页面的显示尺寸为:620X311 个象素；分辨率在 1024X768 的情况下，页面的显示尺 综合网站设计 5 寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。 浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或 者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。 在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想 提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。 如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便 访问者浏览。 2.3.22.3.2 整体造型整体造型 什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应 该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但 对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三 角形，菱形等。 对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意 到很多 ICP 和政府网页都是以矩形为整体造型；圆形带表着柔和，团结，温暖，安全等， 许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许 多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调， 公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目 前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一 些。 2.3.32.3.3 页头页头 页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显 示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键， 它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志 以及旗帜广告。 2.3.42.3.4 文本文本 文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局 的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小. 页脚： 页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息 的地方。你能看到，许多制作信息都是放置在页脚的。 综合网站设计 6 2.3.52.3.5 图片图片 图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整 个页面布局的关键。而你的布局思维也将体现在这里。 2.3.62.3.6 多媒体多媒体 除了文本和图片，还有声音，动画，视频等等其它媒体。虽然它们不是经常能被利用 到，但随着动态网页的兴起，它们在网页布局上也将变得更重要。 2.3.72.3.7 网页布局的方法网页布局的方法 网页布局的方法有两种，第一种为纸上布局；第二种为软件布局。下面分别加以介绍： 1.纸上布局法 许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局 边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时， 要先在纸上画出你页面的布局草图来。 准备若干张白纸和一只铅笔，你要设计一个时尚站点。 (1)尺寸选择 目前一般 800X600 的分辨率为约定俗成的浏览模式。所以为了照顾大多数访问者，你 页面的尺寸以 800X600 的分辨率为准。 (2)造型的选择 先在白纸上画出象征浏览器窗口的矩形，这个矩形就是你布局的范围了。选择一个形 状作为整个页面的主题造型，我们选择圆形，因为它代表者柔和，和时尚流行比较相称， 然后在矩形框架里随意画出来，你可以试者在增加一些圆形或者其它形状。这样画下来， 你会发现很乱。其实，如果你一开始就想设计出一个完美的布局来是比较困难的，而你要 在这看似很乱的图形中找出隐藏在其中的特别的造型出来。还要注意一点，你不要担心你 设计的布局是否能够实现。事实上，只要你能想到的布局都能靠现今的 HTML 技术实现。 考虑到左边向左凹的弧线，为了取得平衡我们在页面右边增加了一个矩形(也可以是一 条线段)。 (3)增加页头 .jpg 是我们从.jpg 和 2.jpg 得到的布局造型，那么我们该增加页头了。一般页头都 是位于页面顶部，所以我们为 .jpg 增加了一个页头，为了和左边的弧线和右边的矩形取 得平衡，我们增加了一个矩形页头并让页头相交与左边的弧线。 (4)增加文本 综合网站设计 7 页面的空白部分加入文本和图形。因为在页面右边有矩形作为陪衬，所以文本放置在 空白部分不会因为左边的弧线而显得不协调。 (5)增加图片 图片是美化页面和说明内容必须的媒体。在这里把图片加入到适当的地方。经过以上 的几个步骤，一个时尚页面的大概布局就出现了。当然，它不是最后的结果，而是你以后 制作时的重要参考依据。 2.软件布局法 如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这 个软件就是 Photoshop。Photoshop 所具有的对图像的编辑功能用到设计网页布局上更显得 心应手。不像用纸来设计布局，利用 Photoshop 可以方便的使用颜色，使用图形，并且可 以利用层的功能设计出用纸张无法实现的布局意念。 2.42.4 网页布局的技术网页布局的技术 2.4.12.4.1 层叠样式表的应用层叠样式表的应用 在新的 HTML4.0 标准中，CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。 CSS 对于初学者来说显得有点复杂，但它的确是一个好的布局方法。你曾经无法实现的想 法利用 CSS 都能实现。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现。你 可以在网上找到许多关于 CSS 的介绍和使用方法。 2.4.22.4.2 表格布局表格布局 表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表 格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表 格在定位图片和文本上比起用 CSS 更加方便。表格布局唯一的缺点是，当你用了过多表格 时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为 HTML 文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利 用表格的。 2.4.32.4.3 框架布局框架布局 不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但 从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放 置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。 综合网站设计 8 我今天来介绍的布局指南并不是全部的网页布局技术，从某种意义上来说，我想引导你在 制作网页的时侯，怎样把图片和文本放置的恰到好处，而且如何拥有一个跳越的设计思维。 2.52.5 ASPASP 的技术特点与静态网页的区别的技术特点与静态网页的区别 2.5.12.5.1 ASPASP 的工作原理和配置的工作原理和配置 当用户申请一个*.asp 主页时，Web 服务器响应 HTTP 请求,调用 ASP 引擎，解释被申请 文件。当遇到任何与 ActiveX Scripting 兼容的脚本（如 VBScript 和 J Script）时，ASP 引擎会调用相应的脚本引擎进行处理。若脚本指令中含有访问数据库的请求，就通过 ODBC 与后台数据库相连，由数据库访问组件执行访库操作。ASP 脚本是在服务器端解释执行的， 它依据访库的结果集自动生成符合 HTML 语言的主页，去响应用户的请求。所有相关的发布 工作由 Web 服务器负责。 有必要注意访库的具体运作细节。当遇到访库的脚本命令时，ASP 通过 ActiveX 组件 ADO(ActiveX Data Objects)与数据库对话(ADO 是建立在微软新的数据库 API,即 OLEDB 之 上的，目前的 OLEDB 通过 ODBC 引擎与现存的 ODBC 数据库交互，进一步的 OLEDB 版本将直 接与数据库打交道，不再通过 ODBC 引擎),并将执行结果动态生成一个 HTML 页面来返回服 务器端，以响应浏览器的请求。在用户端浏览器所见到的是纯 HTML 表现的画面，例如用表 格来表现的后台数据库表中的字段内容。由于 ASP 结合了脚本语言，可以通过编程访问 ActiveX 组件，并且具有现场自动生成 HTML 的能力，所以它成为建立动态 Web 站点的有效 工具。 在结构关系上，ASP 是通过 ODBC 与数据库打交道。因此，向上层可兼容各类数据库系 统。而对于下层，ASP 产生的 HTML 对客户端的浏览器又有广泛的适应性。但 ASP 对 Web 服 务器本身有所挑剔，这看起来似乎是一种缺陷，而实际上也许是一种商业策略它只支 持微软各种操作系统下的 Web 服务器，它们的最低版本是： WindowsNTServer4.0：Microsoft IIS（Internet Information Server）3.0； WindowsNTWorkstation4.0：MicrosoftPeerWebServices3.0； Windows95：Microsoft PWS（Personal Web Server）1.0，中文 Win95 应配中文的 PWS。 ASP 的安装分为 Windows NT 和 Windows95 两种情况。对于 NT，IIS 及 ActiveX Server 综合网站设计 9 Pages 都包含在 ServicePack3 中；对于 Win95，可使用 Visual Studio 服务器构件下的 ActiveX Server Pages 安装选项。安装成功之后，在程序管理器中会找到一个 ActiveX Server Pages Roadmap 主页，引导你学习和使用 ASP。 2.5.22.5.2 ASPASP 的特点与功能的特点与功能 1.从软件的技术层面看，ASP 有如下的特点：1.无需编译 ASP 脚本集成于 HTML 当中，容易 生成，无需编译或链接即可直接解释执行。 2.易于生成使用常规文本编辑器（如 WINDOWS 下的记事本） ，即可进行*.asp 页面的设计。 若从工作效率来考虑，不妨选用具有可视化编辑能力的 Visual InterDev。 3.独立于浏览器用户端只要使用可解释常规 HTML 码的浏览器，即可浏览 ASP 所设计的主页。 ASP 脚本是在站点服务器端执行的，用户端的浏览器不需要支持它。因此，若不通过从服 务器下载来观察*.asp 主页，在浏览器端见不到正确的页面内容。 4.面向对象在 ASP 脚本中可以方便地引用系统组件和 ASP 的内置组件，还能通过定制 ActiveX Server Component（ActiveX 服务器组件）来扩充功能。 5.与任何 ActiveX scripting 语言兼容除了可使用 VBScript 和 J Script 语言进行设计外， 还可通过 Plug in 的方式，使用由第三方所提供的其它 scripting 语言。 6.源程序码不会外漏 ASP 脚本在服务器上执行，传到用户浏览器的只是 ASP 执行结果所生 成的常规 HTML 码，这样可保证辛辛苦苦编写出来的程序代码不会被他人盗取。 2.5.32.5.3 从应用的层面看，从应用的层面看，ASPASP 有如下的功能有如下的功能 1、处理由浏览器传送到站点服务器的表单输入； 2、访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务器的数据 库中的数据； 3、读写站点服务器的文件，实现访客计数器、座右铭等功能； 4、提供广告轮播器、取得浏览器信息、URL 表管理等内置功能； 5、由 cookies 读写用户端的硬盘文件，以记录用户的数据； 6、可以实现在多个主页间共享信息，以开发复杂的商务站点应用程序； 7、使用 VBScript 或 J Script 等简易的脚本语言，结合 HTML 码，快速完成站点的应用程 序；通过站点服务器执行脚本语言，产生或更改在客户端执行的脚本语言； 8、扩充功能的能力强，可通过使用 Visual Basic、Java、Visual C等多种程序语言 制作 ActiveX Server Component 以满足自己的特殊需要。 2.5.42.5.4 ADOADO 访库的技术实现方法访库的技术实现方法 综合网站设计 10 ADO（ActiveX Data Objects）是一组优化的访问数据库专用对象集，为 ASP 提供了完 整的站点数据库访问解决方案。它可作用于服务器端，以提供含有数据库信息的主页内容。 通过执行 SQL 命令，让用户在浏览器画面中输入、更新和删除站点服务器的数据库信息。 ADO 使用内置的 Record Sets 对象作为数据的主要接口。ADO 可使用 VBScript、J Script 语言来控制对数据库的访问，以及查询结果的输出显示。 ADO 可连接多种支持 ODBC 的数据库，如 SQL Server、Oracle、Informix 等。 在使用时，首先需在控制面板的 ODBC 中建立相应的 DSN（数据源名） 。要选择系统数 据源名，指定所用的驱动程序，如“SQL Server” ，在数据来源名称中输入 DSN 名，并选定 服务器和数据库。 使用 ADO 访问数据库的设计要领是掌握 ASP 脚本的几个典型语句，它们是： 1、定义数据库组件。有两种定义方法： 使用“Server. Create Object” 建立连接的对象。 Set Con n=Server. Create Object “ADODB. Connection”. 使用标记建立连接的对象。 2、用“Open”打开数据库： Con n. Open“DSN 名称” 3、设定 SQL 语句，使用“Execute”命令，即可开始执行访问数据库的动作： Set RS=Con n. Execute（“SQL 语句” ） 其中 RS 为结果集对象（Record Sets） 。 4、利用 Record Sets 对象所提供的属性显示查询结果，如下例将查询结果显示于一个表格 中：（其中是 ASP 脚本的专用定界符） 综合网站设计 11 5、关闭结果集对象，断开与数据库的连接： R S. Close Con n. Close 一个发布后台 MSS QL Server 样本库 pubs 中 authors 表的完整代码如下（其中是 ASP 脚本的专用定界符）： Authors Listing Authors Listing 综合网站设计 12 2.5.52.5.5 ASPASP 与组件对象的使用与组件对象的使用 在利用 ASP 技术进行动态 Web 开发的时候，应遵循这样一个原则：即 ASP 的服务器端 脚本必须与微软倡导的组件对象（Component Object Model）配合使用才能开发出具有实 用价值的信息产品。ASP 脚本相当于一种粘合剂，把一个个具有特定功能的组件对象粘合 在一起，以形成最终的软件产品。这一软件制作的工艺思想类似于硬件工厂生产板卡的过 程，那一个个的组件对象就相当于集成电路的芯片，而 ASP 脚本只是焊接芯片的焊接剂， 由此可见组件对象起着核心作用。 组件对象模型 COM 是微软提出的一种基于二进制的 Windows 软件标准，它是由 OLE 技 术逐渐发展而来的。在使用不同语言工具写成的组件对象之间，依据 COM 的标准可以进行 交互。COM 是技术概念和标准，其商业概念的称谓则使用 ActiveX。 上文提到的 ADO 就是系统提供的用于访问后台数据库的组件。此外，ASP 本身还提供 了五个内置的对象。这五个内置对象可被 ASP 脚本直接使用，它们是： 1、Request 取得用户信息； 2、Response 传递信息给用户； 3、Server 提供访问服务器的方法和属性； 4、Application 在一个应用程序的多个主页之间保留和使用某些共同的信息； 5、Session 在一个用户的多个主页之间保留和使用某些共同的信息。 其中，使用内置对象 1、2 可实现 Web 的交互功能，使用内置对象，4、5 可解决具有 协作机制的应用问题。 ASP 的一大特色，是可以用来编写具有协作机制的应用程序，在多个用户的多个主页 之间共享信息。使用内置的 Application 和 Session 对象可实现这些功能。 Application 对象保存一个应用程序共同的信息，使用此应用程序的所有用户都可以 共同分享。为防止其被多个用户同时更改，提供 lock 和 unlock 方法来实现互斥，例如： Application. lock 禁止其他用户更改 Application 的信息，Application. unlock 允许其他用户更改 Application 的信息。 Session 对象比 Application 对象的使用外延范围小，它保存仅属于一个用户的一个 应用程序的信息。ASP 的应用程序可以只有一个首页，也可以有多个主页文件，所有的文 件均位于一个虚拟路径下。Session 对象可让同一个用户在多个主页之间共享信息。当用 综合网站设计 13 户第一次在一个应用程序中申请一个*.asp 主页时，ASP 将为该用户分配一个 Session ID 号，它将唯一地标识用户的身份，从而能将同一应用程序的不同用户区分开来。 根据需要还可以自行定制具有某些特色的组件对象，以完成特殊的任务。用 Visual Basic、Visual C、Delphi 和 Java 等语言都可以编写。自制的组件对象分成两类： 一是由类打包而成的*.dll 文件，经注册器注册后，在 ASP 脚本中可通过“Set 对象名 =类名”来引用。对象在这种使用过程中是在服务器的后台运行的，其运行的结果通过系统 自动生成的 HTML 作用到前端浏览器。 二是生成*.ocx 文件，一般用作可视化的对象 ActiveX，可直接将其嵌入*.asp 主页中， 在页面中插入时需使用 HTML 语言的标记加以引用。通常构件制作完成并按下载的 要求打包后生成*.cab 文件。对象在这种使用方式下要先从服务器下载，然后在客户的前 端浏览器运行。在第一次下载时被展开成相关的*.dll 和*.ocx 文件进行本地安装及注册。 以后再使用时，就可直接从本地获得，免去了下载之苦，这也是 ActiveX 优于 java Applet 的地方。 从长远来看，ASP 和组件对象的配合使用无疑是一种引人入胜的新技术，更重要的是 由此而提出了一种全新的软件设计方法，把硬件的工艺思想恰如其分地融合于软件的面向 对象的分析、设计和施工之中，使面向对象的概念和方法从工具语言的层次一下子跃上了 系统的应用层，在快速开发多层的客户/服务器分布式应用系统中将会产生极好的效果。 2.5.62.5.6 ASPASP 方法与传统静态主页的区别方法与传统静态主页的区别 把信息系统纳入 Internet/Intranet 的框架之后，首先要解决的问题是通过网页访问 后台数据库信息。所有应用程序都被分割为页面的形式，用户的交互操作是以提交表单等 方式来实现的，这就要求 Web 站点具有很强的动态数据发布能力。然而，目前 Web 的服务， 仍以提供“静态”主页内容为主。所谓“静态” ，指的就是站点的主页内容是“固定不变” 的，无法根据用户的需求和实际情况做出相应的变化。当浏览器通过 Internet 的 HTTP 协 议向站点的 Web 服务器申请主页时，站点服务器就会将已设计好的静态的 HTML 文件传送给 浏览器。若要更新主页的内容,只能用非在线的手动方式更新 HTML 的文件数据。 ASP 所设计出的是动态主页，可接收用户提交的信息并做出反应，其中的数据可随实 际情况而改变，无须人工对网页文件进行更新即可满足应用需要。例如：当在浏览器上填 好表单并提交 HTTP 请求时，可以要求在站点服务器上执行一个表单所设定的应用程序，而 不只是一个简单的 HTML 文件。该应用程序分析表单的输入数据，根据不同的数据内容将相 应的执行结果（通常是数据库查寻的结果集）以 HTML 的格式传送给浏览器。数据库的数据 综合网站设计 14 可以随时变化，而服务器上执行的应用程序却不必更改，客户端得到的网页信息会始终保 持新鲜的魅力。 2.5.72.5.7 主要软件功能介绍主要软件功能介绍 (1) AdobePhotoshop7.0 软件作为专业的图像编辑标准，可帮助您提高工作效率，尝试新的创作方式，以及制 作适用于打印、Web 和其他任何用途的最佳品质的图像。通过更便捷的文件数据访问、流 线型的 Web 设计、更快的专业品质照片润饰功能及其他功能，可创造出无与伦比的影像世 界。 文件浏览器，可直观地浏览和检索图像； 修复画笔，可以轻松地消除图像中的人工痕迹，如蒙尘、划痕、瑕疵和褶皱，同时保留 阴影、光照和纹理等效果； Web 输出的增强功能，可轻松地对 Web 页元素应用透明或部分透明效果，包括混合到任 意 Web 背景中的无缝边缘； 单个增强的翻转调板，管理 Web 页翻转、动画和图像映射更加得心应手； 新的“选定”翻转状态，无需手工编码即可创建更高级的 Web 站点导航栏； 可自定义的工作区，可存储调板和工具设置的排列方式，即时访问个性化的 Photoshop 桌面； 新的自动色彩命令，可进行可靠的色彩校正； 新的绘画引擎，可以模拟传统的绘画技巧； 图案生成器增效工具，只需选择图像的一个区域即可创建现实或抽象的图案，如小草、 岩石和沙子； 增强的“液化” （扭曲）工具，可用于查看其他图层、缩放、全景显示以及还原多个操作 步骤，甚至可以存储自定网格并将它们应用于其他文件； 提供密码保护，可限制对 Photoshop PDF 文件的访问，确保图像的完整性； 内建的拼写检查器，可用于查找和替换操作，以及在同一个文件中对多种语言进行拼写 检查； 增强的图片包，可用于在单个页面上打印多幅图像，选择不同的页面大小，添加自定标 签，如版权公告或题注； 更多的 Web 画廊模板，通过张贴图像的画廊页轻松地在网上展示作品，并且可以在其中 包括水印和版权信息来保护图像与 MacOS9 完全兼容，支持 MacOSX 和 Microsoft Windows 综合网站设计 15 XP 最新的增强功能； XMP 支持在应用程序文件中嵌入元数据，以便于在工作流程中重新计划、归档和自动处 理文件。 (2) flash5.0 为了方便大家，我特地把一些重要的资讯提取出来，以便大家能快速的了解，会有一 些什么样的新特性表现出来。这里所列的功能只是目前打算要增加的，而并不是最后确定 下来的。最后的版本会有新的功能，或者这里列出的一些功能并不会实现。 好了，言归正传，让我们开始吧！ 2.5.82.5.8 制图方面制图方面 1、制图 （1）曲线绘制方式加强，就像 Illustrator、Freehand 等绘图软件那样操作曲线； （2）铅笔工具加强，可支持点到点的绘制功能，这样可以提高绘制的精度； （3）矢量制图方面加强，可以直接制作一些特效，比如：投影、虚化、轮廓线以及颜色混 合等等； （4）文本工具加强，可以沿轨迹写文字，支持不同格式的文字在一起出现，还会增强文本 工具的功能； （5）支持 Freehand 图形的完全输入； （6）支持三维文件格式的直接输入，并提供 Flash 的三维透视功能； （7）增强物件的处理能力； （8）自动化和版面设计方面； （9）新的网格系统，支持透视的； （10）文字校对； （11）物体搜索系统，可以按照物体的名称、大小、类型、位置甚至颜色属性等来查找， 并且可以替换查找到的结果； （12）准线（Flash 制图里面一直缺的就是这个，是和 Photoshop 一样的） ； （13）自定义快捷键； （14）支持了宏命令以及自动化操作（也类似 Photoshop，可以节省多多时间） 。 2、动画方面 （1）Real Flash 和 RealPlayerG2 支持； （2）Timeline 会改进成类似 Director 那个样子，可以自己定义某一段的颜色（很清晰了） 综合网站设计 16 ； （3）文本动画加强，可以在某 (未输入验证码资料无法完全显示)。 综合网站设计 17 第三章第三章 网站总体分析网站总体分析 3.13.1 ASPASP 程序设计准备程序设计准备 在开发ASP程序之前，需要做一些相应的准备工作。首先，所有的ASP程序都是在服务 器端执行端，比如Win2000下的IIS5；其次为调试开发的ASP程序，一个好的程序编辑软件 是必不可少的，在本站的开发中，所有的ASP程序都是用Dreamweaver MX编辑的。 尽管用记事本完全可以开发ASP程序，但如果想高效地开发web数据库管理系统，可用 Dreamweaver MX来开发ASP文件。虽然Dreamweaver MX的很多功能都体现在静态网页制作和 站点管理上。但用它来编写ASP文件还是十分便捷的。 ASP是一种动态生成Web页面技术，它以扩展名为.asp的纯文本形式存在于Web服务器上， 可以用任何文本编辑器打开它。在ASP程序中可以包含纯文本、HTML标记以及脚本命令。 ASP本身并不是一种脚本语言，它只是提供了一种使嵌入在HTML页面中的脚本程序得以运行 的环境。由于ASP运行于服务器端，因此一定要通过WWW方式浏览，即URL应以http:/打 头，而不要以本地文件的形式浏览。 ASP脚本是在定界符（Delimiter）“”范围内的VBScript或Java Script脚 本命令，也是网站主要用到的两个脚本语言。默认情况下，主脚本语言VBScript。如果你 想在某一页中将一种脚本语言设定为主脚本语言，那么只要在.asp文件开始处再加上如下 的命令就可以了: 其中，ScriptingLanguage代表您想设置的主脚本语言 3.23.2 WebWeb ServiceService 简介简介 Web Service 是一种构建开放的分布式应用程序的模型，它能在所有支持 Internet 通 信的操作系统上实现。 Web service 体系结构基于三种角色（服务提供者、服务注册中心和服务请求者）之 间的交互。交互涉及发布、查找和绑定操作。这些角色和操作一起作用于 Web Service 构 综合网站设计 18 件：Web Service 软件模块及其描述。在典型情况下，服务提供者托管可通过网络访问的 软件模块（Web 服务的一个实现） 。服务提供者定义 Web Service 的服务描述并把它发布 到服务请求者或服务注册中心。服务请求者使用查找操作来从本地或服务注册中心检索服 务描述，然后使用服务描述与服务提供者进行绑定并调用 Web Service 实现或同它交互。 图 1 图示了这些操作、提供这些操作的组件及它们之间的交互。 图 3.1 Web service 体系结构 图 3.2 Web 协议图 综合网站设计 19 Web Service 的所有协议都基于标准的 Web 协议，诸如：HTTP，扩展的标记语言 XML，简单对象访问协议 SOAP，Web 服务描述语言 WSDL，通用描述、发现与集成 UDDI 等。 这些协议的关系如图 2 所示。协议组成堆栈的形式，每一个下层提供对它上层的支持，同 时每一个上层都必须基于所有的下层协议之上。 3.33.3 网站系统分析网站系统分析 根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上 可对网站作如下划分： (1)网站，包括五个子模块： 一、关系我们 二、我们的关点 三、我们的作品 四、科技新闻 五、公司风格 通过关系我们及我们的团队、工作中等内容来展现； （2）优点与特色通过我们的作品、我们的关点等栏目来展现； （3）发布公司业务与动向通过 BBS 论坛、技术新闻等栏目来实现； （4）通过发布 web、asp、flash 等的最新消息来吸引用户的浏览。 3.43.4 主页设计主页设计 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现公司 的勃勃生气，静态主页方式介绍公司风格、优点特色、信息发布，BBS 论坛就得利用 ASP 与数据库结合的技术建立数据库，采用交互式的动态的 web 画面来实现。 3.53.5 数据库设计数据库设计 采用的数据库是 Microsoft Access，拟建立 JAXEDATA.mdb 库文件，BBSPP1.mdb 库文 件 JAXEDATA.mdb 包含如下几个表文件： 综合网站设计 20 （1）admin 管理员信息表； （2）Article 文章信息表； （3）Lunmu 文章栏目信息表； （4）BBSPP1.mdb 包含如下 2 个表文件； （5）发言表用户发言信息表； （6）用户表用户登记信息表。 3.63.6 图形界面设计图形界面设计 在图形化操作系统日益流行的今天，界面可以说是一个应用程序最重要最直接的部分。 对用户而言，界面就是应用程序，幕后执行的程序代码用户不关心，也感觉不到。因此应 用程序的可用性的友好性依赖于界面的设计。 并不是只有艺术家才能设计出好的界面，大多数用户界面设计原则和任何基础课程中 教授的基础设计原则一样。实际上，在计算机屏幕上组合颜色、文字等的基本原则和我们 在纸张上画图一样。 本系统是基于 Web 的，所以系统的界面设计也就是系统网页 的设计。Photoshop 产品 对网页设计的强大处理功能，用户通过在页面上仅用拖曳控件的方式就可轻松创建网页。 但若要想制作出方便实用的精美网页，必须在开始之前做出详细设计，这样就会大大提高 网页质量，进一步改善应用程序的可用性。设计时可以将设计的页面画在纸上，然后考虑 哪些控件是所需要的，以及不同元素的重要性、控件之间的联系等。页面的设计和规划不 仅影响到它本身外观的艺术性，而且对应用程序的可用性也有很重要的作用。组织页面的 工作包括控件的位置、大小、一致性等。这一点我们的设计师做得比较有突出的图片来表 现! 综合网站设计 21 第四章第四章 详细设计详细设计与实现与实现 4.14.1 网页设计的内容网页设计的内容 1) 视听元素 这里所说的视听元素，主要包括：文本、背景、按钮、图标、图像、表格、颜色、导 航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是音频、视频，网页设计 者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。在本网站中虽然没 有用到背影音乐，但安排了一些 GIF 动画也大大丰富了网页艺术设计的表现力。 2) 版式设计 网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术 设计中占据着重要的地位。所谓网页的版式设计，是在有限的屏幕空间上将视听多媒体元 素进行有机的排列组合，将理性思维个性化的表现出来，是一种具有个人风格和艺术特色 的视听传达方式。它在传达信息的同时，也产生感官上的美感和精神上的享受。 但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则 不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸 和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了 一定的难度。 因此在网站先用的色调非常冷，是用黑与浅蓝两种冷淡颜色的交互。但出来的后果今 我很满意。再加上一些 GIF 动画中和了网页的冷淡。 4.24.2 网页艺术设计的原则网页艺术设计的原则 网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之 处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同， 网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的 统一。它要求设计者必须掌握以下三个主要原则。 综合网站设计 22 4.2.14.2.1 主题鲜明主题鲜明 视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将 主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接 受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且 在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设 计主题。 4.2.24.2.2 形式与内容统一形式与内容统一 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存 在的基础，被称为“设计的灵魂” ；形式是构成内容诸要素的内部结构或内容的外部表现方 式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或 设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对 内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、 纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、 风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。 ” 4.2.34.2.3 强调整体强调整体 网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。 网页是传播信息的载体，它要表达的是一定的