ASP网站设计过程资料.docx

1、ASP网站设计过程资料ASP网站设计过程我们读书就是为了获得知识，现在我们学习了 ASP动态网页设计，当然就是 要能做一个精美的网页。在此次毕业设计中，我们要能更加的了解 Dreameaver 强大的功能和更好的使用它。 通过此次设计我们还要能够知道静态网页和动态网 也的区别。诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要 的是把我们所学到的东西用在具体的实践之中， 所以，这次设计的目的也是要我 们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了 解。第三点也是最要的一点是， 把我们在书本上学到的知识充分运用到此次设计 之中。使我们的在书上学到的东西不仅仅停

2、留在表面上， 把这些东西都用在所要 做的网页上面。以达到老师要求的效果和学以致用。Internet 是目前世界上最大的计算机互联网络，它遍布全球，将世界各地 各种规模的网络连接成一个整体。作为 Internet 上一种先进的，易于被人们所 接受的信息检索手段，World Wide Web（简称WW/发展十分迅速，成为目前世界 上最大的信息资源宝库。据估计，目前 In ternet上已有上百万个 Web站点，其 内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各 个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展 十分重要。 近年来， 随着网络用户要求的

3、不断提高及计算机科学的迅速发展， 特 别是数据库技术在In ternet中的广泛应用，Web站点向用户提供的服务将越来 越丰富，越来越人性化。我们发现这样一个事实， 一个用户在访问一个网站时一般来讲只对该网站的 部分内容感性趣， 而且这种兴趣会持续一段时间。 这点启发了我们， 如果能根据 用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣的内 容，将为用户节约大量的检索时间， 而且这样的网页显然是更具有吸引力的。 一 些站点已经在这方面作出了一定的尝试， 通常采用的方法是， 在用户登陆时为其 提供一系列的选项， 使用户能够对站点进行一些自主的设置。 这样做能够使站点 呈现一定程度

4、的个性化， 但是对用户来讲， 还是比较烦琐， 而且在用户了解一个 站点前让其对站点进行设置， 其结果未免有些粗糙。 于是我们构想了这样一种方 案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点 击的关联规则，这样，在用户点击一个主题（链接）之后，系统能够自动生成一 页面，其中包含了该主题下用户经常关注的内容（若干链接） ，这样便在无须用 户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。 本文主要完 成 Web 服务器端的设计实现管理个人资料、照片上传、网文撰写、客户留言、 日志以及后台管理等 ASP 页面及整个实验网站的组织建立和测试工作。我通过个人网站展示出来

5、是我的性格。 不同的人，其网站上的展示方式或手 法各有不同，千变万化。在网站策划中，如何把个人的才华通过网站展示出来， 是我设计的重要内容。1.2.1 网页的界面设计 由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外， 还往往代表个人的形象。 网站建设商业化和广告化的趋势， 对网页设计的艺术性 提出了更高的要求。虽然 HTML语言提供了对常用 Windows标准控件的支持，但 是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。 例如：列表框和下拉列表框只能呈现凹陷边框， 而且下拉列表的箭头的颜色不能 改变，滚动条只能出现在窗口的下边和右边， 当网页分

6、成多个帧的时候， 滚动条 就不可避免的出现在网页的中间， 破坏网页的整体性。 若在网页的设计中主动配 合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。 因此，有必 要实现网页中的自定义控件，以满足网页设计艺术化的要求。A.网页界面构成要素与传统媒体不同， 网页除了文字和图像以外， 还包含声音、 视频和动画等新 兴多媒体元素， 更借助由代码语言编程所实现的各种交互式效果， 增加了网页界 面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。 一般来说，网页的界面主要由下面几个因素构成：（1） 文字：文字元素是信息传达的主体部分。 网页中的文字主要包括标题、 信息

7、、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同， 是内容的简概说明一般比较醒目、 优先编排。文字作为占据页面重要比率的元素， 同时又是信息重要载体， 它的字体、大小、颜色和排布对页面整体设计影响极大。（2） 图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动 直观、形象地表现设计主题。网页中常用的图形格式包括 jpg 和 gif ，这两种格 式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需 要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四 种。（3）页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等 视觉元素进行

8、组合配置， 使页面整体视觉效果美观和谐， 便于阅读， 实现信息传 达的最佳效果。（4）色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。（5）多媒体：网页构成中的多媒体元素主要包括音频、视频和动画。这些 是界面构成中最吸引人的元素 。表了设计的整体水平， 也是衡量设计成功的重要标准。 网页界面设计最基本的技 术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。（6）技术：网页的技术要素并非任何情况下在网页中都能直观体现，但是却代 表了设计的整体水平， 也是衡量设计成功的重要标准。 网页界面设计最基本的技 术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。B.网页的整体造型网页的整体造

9、型在整个制作中至关重要， 一个杂乱无章的网页， 给人第一印 象极差的网页， 用户访问过之后是不会再访问的。 在制作本网页时， 主要以学校 主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感 觉。造型就是创造出来的物体形象。 这里是指页面的整体形象， 这种形象应该是 一个整体，图形与文本的接合应该是层叠有序。 虽然，显示器和浏览器都是矩形， 但对于页面的造型， 你可以充分运用自然界中的其它形状以及它们的组合： 矩形， 圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表正式，规则， 注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，

10、温 暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权 威，牢固，侵略等， 许多大型的商业站点为显示它的权威性常以三角形为页面整 体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体 造型。虽然不同形状代表着不同意义， 但目前的网页制作多数是接合多个图形加 以设计，在这其中某种图形的构图比例可能占的多一些。制作中主要采用Dreamweaver作为主要制作工具，其中插入了 Flash元素, 还用了 Photoshop 处理其中图片，这样能使网页更加生动。C.网页的色彩搭配打开一个网站， 给用户留下第一印象的既不是网站丰富的内容， 也不是网站 合理的版面布局，

11、 而是网站的色彩。 色彩对人的视觉效果非常明显， 一个网站设 计成功与否， 在某种程度上取决于设计者对色彩的运用和搭配。 因为网页设计属 于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲 击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要 高度重视色彩的搭配。色彩五颜六色、千变万化。其中，红、黄、蓝是三原色，三原色通过不同比 例的混合可以得到各种颜色。 色彩有冷暖色之分， 冷色（ 如蓝色）给人的感觉是安 静、冰冷；而暖色 （如红色） 给人的感觉是热烈、火热。冷暖色的巧妙运用可以让 网站产生意想不到的效果。色彩与人的心理感觉和情绪也有一定的关系， 利用这

12、一点可以在设计网页时 形成自己独特的色彩效果， 给浏览者留下深刻的印象。 一般情况下， 各种色彩给 人的感觉是：红色代表热情、活泼、热闹、温暖、幸福、吉祥 橙色代表光明、华丽、兴奋、甜蜜、快乐 黄色代表明朗、愉快、高贵、希望 绿色代表新鲜、平静、和平、柔和、安逸、青春 蓝色代表深远、永恒、沉静、理智、诚实、寒冷 紫色代表优雅、高贵、魅力、自傲 白色代表纯洁、纯真、朴素、神圣、明快 灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞 黑色代表崇高、坚实、严肃、刚健、粗莽 在色彩搭配中一般遵循下述一些原则：(1)特色鲜明：一个网站的用色必须要有自己独特的风格， 这样才能显得个 性鲜明，给浏览者留下深

13、刻的印象。(2)搭配合理：网页设计虽然属于平面设计的范畴， 但它又与其它平面设计 不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理， 给人一种和谐、 愉快的感觉， 避免采用纯度很高的单一色彩， 这样容易造成视觉 疲劳。(3)讲究艺术性：网站设计也是一种艺术活动，因此它必须遵循艺术规律， 在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新， 设计出既符合网站要求，又有一定艺术特色的网站 2 。 在设计标本室时主要考虑的因素是要能让用户浏览过之后， 以后还会再登陆标本 室网站，因此用了朴素、大方、简洁、和谐的设计原则。1.2.2 个人建立网站的几点优势1、随时

14、获取和发布信息2、有利于树立现代化形象3、有助于提高工作效率，降低交易成本4、降低广告宣传费用5、提供全年每天 24 小时的宣传服务6、利用互连网扩大自己的知名度7、更快地了别人的需求8、有利于开拓个人市场1.2.3 技术可行性计算机的飞速发展， 使得各种操作平台都越来越成熟。 各种软件， 编程语言 都到了成熟的阶段。用现在的技术来实现计算机上的音像管理系统是绰绰有余。 本系统用到的主要是管理软件与后台数据库的数据传送和处理1.3. ASP 技术介绍ASP 全称为 Active Server Pages (动态服务器主页) ，它是一种应用程序 环境，可以利用 VBScript 或 Java S

15、cript 语言来设计，主要用于网络数据库 的查询与管理。其工作原理是当浏览者发出浏览请求的时候，服务器会自动将ASP 的程序码，解释为标准 HTML 格式的网页内容， 再送到浏览者浏览器上显示 出来。我们也可以将 ASP 理解为一种特殊的 CGI 。利用ASP生成的网页，与HTML!比具有更大的灵活性。只要结构合理，一 个 ASP 页面就可以取代成千上万个网页。 尽管 ASP 在工作效率方面较之一些新 技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个 服务器端的脚本执行环境，用它可产生和执行动态的、交互的、高性能的 Web服务器应用程序。ASP应用程序以.asp文件的形

16、式存盘无需经过任何的编译，便能有浏览器查 看，当然不能直接运行，只有在服务器执行后才能浏览。 ASP程序的控制部分是使用VBScript、Jscript等脚本语言来设计，当执行ASP程序时脚本程序将一整 套命令发送给脚本编辑器（即脚本引擎） ，由脚本解释器进行翻译并将其转换成 服务器所能执行的命令。当然，同其他编译语言一样， ASP程序的编写也遵循一定的规则，如果想使用自己所喜爱的脚本语言编写 ASP程序，那么服务器上需要 有能解释这种脚本语言的脚本解释器。当安装 ASP时，系统提供了 VBScript和Jscript 两种脚本语言，而 VBScript 则被作为系统默认的脚本语言，也可根据

17、自己的喜好改变系统默认的脚本语言。Active Server 的另一大优点是代码的安全性。页面的访问者所能看到的只 是服务器方的处理结果。 ASP文件可以用常规的文本编辑器编辑， ASP使用VBScript、JavaScript等脚本语言作为开发工具，镶嵌于 HTML文本中，使用 将ASP的程序包含起来。当用户从浏览器向 Web服务器提出请求时，Web 服务器会自动将ASP的程序解释为标准的HTMI格式的主页内容，用户端只要使 用常规可执行HTMLS序的浏览器，就可浏览 ASP所设计的主页内容，因此与浏 览器无关，并且保证了 ASP的源程序代码不会外漏。ASP 中包括五个内置的 ActiveX

18、 服务器组件和五个内置的对象： Database Access componen（t 数据库访问组件） 、 File Access componen（t 文件访问组件）、 Ad Rotator component （广告轮播器组件）、 Content Linking component （内容 链接组件）、 Browser Capabilities component （浏览器信组件）以及 Request （请求对象）、Server （服务器对象）、Session （会话对象）、Response （响应对 象）、Application （应用程序对象）。在所有ASP组件中，最有用的是数据库访

19、问组件，也称为ActiveX数据对象或ADO在站点发布数据库将使用这个组件及 其中包含的对象，以完成对 ODB(数据源的读写。此外，ASP技术的另一个重要特点是，程序员可以利用Java、Visual Basic、 Visual C+等语言制作适应自己特殊需要的 ActiveX服务器组件来扩充ASP的功 能，使自己的动态网页几乎具有无限的扩充能力， 这是传统的CGI程序所不及的。总而言之ASP具有学习快、设计快的特点，不需花许多时间即可学会和快速 设计出WEB应用程序。ASP的源程序码在服务器端执行，代码保密性好。集成在 HTML中，无需编译链接可直接执行，而且使用文本编辑器即可设计。在网站系统

20、的开发应用中， Microsoft 公司的 ASP(Active Server Pages ) 被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人 员提供了在服务器端运行脚本的环境，使编写人员可以利用 VBScript 和JavaScript或其他的第三方脚本语言来创建 ASP实现了过去需要编写复杂的 CGI程序才能实现的有动态内容的网页，如计数器等。 ASP提供了一些内置对象和组件，允许用户从浏览器中接收和发送信息。 ASP可以和诸如SQL Server和Microsoft Access2000 这样的数据库进行连接，进而完成数据的交换与更新。1.ASP的特点：ASP

21、可以和HTMI或其它脚本语言(VBScript,JavaScript) 相互嵌套。ASP是一种在WEB艮务器端运行的脚本语言，程序代码安全保密。ASP以对象为基础，因此可以使用 ActiveX控件继续扩充其功能。ASP内置ADO&件，因此可以轻松的存取各种数据库。ASP可以将运行结果以HTML的格式传送至客户端浏览器，因而可以适用各 种浏览器。2.ASP的运行环境目前ASP可运行在三种环境下。(1)WINDOWNST server 4.0 运行 IIS 3.0(Internet Information Server) 以上。(2)WINDOWS NT workstation 4.0 运行 Pe

22、er Web Server 3.0 以上。(3)WINDOWS 95/9运8 行 PWS(Personal Web Server) 。3.VBScript 语言的介绍VBScript 听起来会让人想到 Visual Basic ，不错，它们的确是有关系的， 具体地说 VBScript 是 Visual Basic 子集“VBA( Visual Basic for Application ) 的子集，“VBA 是 VBScript 的父亲。VBA是 Microsoft Office Suite 和其它应 用程序的宏编程语言，利用它可以扩展 Office的功能，如在 Word可以采用VBA 来实现

23、Word中没有的功能。在Web页面中增加VBScript可以实现很多功能，诸 如在将数据发送到服务器之前先进行处理和效验， 创建新的Web内容，甚至编写完全在客户端运行的应用程序， 如计算器和游戏使用程序， 扩展客户段的使用功 能。引入脚本语言的最重要的一点是把开发者带回到了事件驱动的软件开发范 围。不是依赖服务器通过HTTP提供应答，VBScript允许应用程序对用户的动作 立即做出反应。 虽然 VBScript 是用户系统的健壮的脚本语言， 但 VBScript 是受 限的，它不能处理客户机上API调用，不能操作客户机上的文件，也不能拥有文 件系统之上的控件。另外，浏览器的安全机制不允许对

24、没有安全标志的 ActiveX 运行脚本。1.3.1 ODBC 简介开放数据库连接( ODBC：OpenDataBase Connection )是在不同的数据库管 理系统上存取数据。例如，如果有一个可使用SQL语句存取数据库中记录的程序， 此时ODB(可以让用户使用此程序直接存取 SQLServer2000数据库中的数据。为 此，必须为系统添加称为“驱动程序”的软件组件， ODBC会帮助用户添加并配置这些驱动程序。以下是使用 ODBC?取数据库和传统数据库存取方式的差别分 析：对于传统的数据库存取， 在开发时， 需用各厂商所提供的应用程序来开发其 系统。假如要更换数据库， 开发人员需重新熟悉

25、另外一套应用程序， 造成开发人 员的负担。ODBC为微软所定义的数据库编程接口，让应用程序可通过 ODBC利用SQL语言存取各种不同数据库的数据。通过ODBC即使更换了数据库，也只需做很小的改动，便可将程序应用于 新的数据库。1.3.2利用ADO访问数据库ADO(ActiveX Data Objects )是一种操作 Microsoft 所支持的数据库的新技术。在ASP中，ADO可以看作是一个服务器组件(Server Component),更简单点说，是一系列的对象， 应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。本文中个性化页面的实现便大量地用到了ADC技术。具体的操作步骤可以归纳

26、为以下几步：(1)创建数据库源名 (DSN)(2)创建数据库链接 (Connection)(3)创建数据对象(4)操作数据库(5)关闭数据对象和链接每一步的作法如下：1. 创建数据源名DSN(Date Source Name即数据源名称。我们知道，ODB(是一种访问数据库 的方法，只要系统中有相应的ODBC区动程序，任何程序就可以通过ODBCS纵驱 动程序的数据库。比如我们系统中有 SQLServer2000的ODBC区动程序，那么即 使我们没有 Microsoft 的 SQL Server2000 软件，也可以在我们的程序中对一个 SQL Server2000 的数据库添加、删除、修改记录。

27、而且我们根本不用知道这个 数据库是放在哪里的。我们只要写出 SQL语句，ODBC驱区动程序就会帮我们做一 切事情。我们在给ODBC区动程序传SQL指令时，即是用DSN来告诉它到底操作 的是哪一个数据库。如果数据库的平台变了，比如我们改用了 SQL Server 的数 据库，只要其中表的结构没变， 我们就不用改写我们的程序， 只要重新在系统中 配置DSN就行了。由此可见，DSN是应用程序和数据库之间的桥梁。2. 创建数据库链接 (Connection) 链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。ASP文件中如果要访问数据，必须首先创建与数据库的链接，其语法如下：set C

28、onn=Server.createObject( “ADOBD.CONNECT”IO)N这条语句创建了链接对象Conn,接下来： connstr=Provider=Microsoft.Jet.OLEDB.4.0;Data.Source=&Server.Ma pPath(&db&)conn.Open connstr这条语句打开链接，用到了 DSN本例为“ olbs ”。以上两个步骤缺一不可， 因为链接对象的创建与打开是两回事， 只有打开了 才真正可以使用。3.创建数据对象 (Record Set)ADO中的数据对象通常保存的是查询结果。 Record Set是ADO中最复杂的对象，有许多属性和方

29、法。 Record Set 保存的是一行行的记录，并标有一个当前 记录。以下是创建方法：Set Record Set=Conn.Execute(sqtStr)这条语句创建并打开了对象 Record Set，其中Con是先前创建的链接对象， rs是一个字串，代表一条标准的 SQL语句。例如：rs= “SELECT * FROM shop_book”sSet Record Set=mConn.Execute(rs)这条语句执行后，对象 Record Set 中就保存了表 tab1 中的所有记录。4.操作数据库我们通过调用链接对象的 Execute 方法来将查询结果返回给一个数据对象 或进行插入、删

30、除等操作。例如：rs=“INSERT INTO tab1 VALUES(1,2)”mConn.Execute(rs)/ 执行插入操作5.关闭数据对象和链接对象在使用了 ADC对象之后要关闭它，因为它使用了一定的服务器资源。 通过调 用方法 close 实现关闭，然后再释放它。Record Set.closeSet Record Set=Nothing/ 关闭创建的数据对象mConn.closeSet mConn=Nothing/ 关闭创建的链接对象1.3.3 Access 简介Access 是微软公司推出的基于 Windows 的桌面关系数据库管理系统 （RDBMS ），是 Office 系列

31、应用软件之一。它提供了表、查询、窗体、报表、 页、宏、模块 7 种用来建立数据库系统的对象； 提供了多种向导、 生成器、模板， 把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的 数据库管理系统提供了方便， 也使得普通用户不必编写代码， 就可以完成大部分 数据管理的任务。Access 是一种关系型数据库管理系统，其主要特点如下：（1）存储方式单一Access 管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放 在后缀为（ .mdb ）的数据库文件种，便于用户的操作和管理。（2）面向对象Access 是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各

32、种功能对象化， 将数据库管理的各种功能封装在各类对象中。 它将一个应用系统 当作是由一系列对象组成的， 对每个对象它都定义一组方法和属性， 以定义该对 象的行为和外国，用户还可以按需要给对象扩展方法和属性。通过对象的方法、 属性完成数据库的操作和管理， 极大地简化了用户的开发工作。 同时，这种基于 面向对象的开发方式，使得开发应用程序更为简便。（3）界面友好、易操作Access 是一个可视化工具， 是风格与 Windows 完全一样， 用户想要生成对象并 应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查 询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向 导等工具，使得操作简便，容易使用和掌握。（4）集成环境、处理多种数据信息Access 基于 Windows 操作系统下的集成开发环境， 该环境集成了各种向导和生 成器工具，极