ASP网站设计过程.doc

ASP网站设计过程背景我们读书就是为了获得知识，现在我们学习了ASP动态网页设计，当然就是要能做一个精美的网页。在此次毕业设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，World Wide Web(简称WWW)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。我们发现这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种兴趣会持续一段时间。这点启发了我们，如果能根据用户的喜好为不同的用户显示其个性化的页面，即着重显示该用户感兴趣的内容，将为用户节约大量的检索时间，而且这样的网页显然是更具有吸引力的。一些站点已经在这方面作出了一定的尝试，通常采用的方法是，在用户登陆时为其提供一系列的选项，使用户能够对站点进行一些自主的设置。这样做能够使站点呈现一定程度的个性化，但是对用户来讲，还是比较烦琐，而且在用户了解一个站点前让其对站点进行设置，其结果未免有些粗糙。于是我们构想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点击的关联规则，这样，在用户点击一个主题（链接）之后，系统能够自动生成一页面，其中包含了该主题下用户经常关注的内容（若干链接），这样便在无须用户作出任何额外工作的情况下实现了为用户量身订做的个性化页面。本文主要完成Web服务器端的设计实现管理个人资料、照片上传、网文撰写、客户留言、日志以及后台管理等ASP页面及整个实验网站的组织建立和测试工作。我通过个人网站展示出来是我的性格。不同的人，其网站上的展示方式或手法各有不同，千变万化。在网站策划中，如何把个人的才华通过网站展示出来，是我设计的重要内容。1.2.1网页的界面设计由于越来越多个人开始建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。例如：列表框和下拉列表框只能呈现凹陷边框，而且下拉列表的箭头的颜色不能改变，滚动条只能出现在窗口的下边和右边，当网页分成多个帧的时候，滚动条就不可避免的出现在网页的中间，破坏网页的整体性。若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。A. 网页界面构成要素与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说，网页的界面主要由下面几个因素构成：（1）文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。（2）图形：图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。（3）页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 （4）色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。 （5）多媒体：网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素 。表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。 （6）技术：网页的技术要素并非任何情况下在网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。B. 网页的整体造型网页的整体造型在整个制作中至关重要，一个杂乱无章的网页，给人第一印象极差的网页，用户访问过之后是不会再访问的。在制作本网页时，主要以学校主页界面形式作为参考，因为它看上去比较柔和、简洁、和谐，给用户清新的感觉。造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表正式，规则，注意到很多ICP和政府网页都是以矩形为整体造型；圆形代表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义，但目前的网页制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。制作中主要采用Dreamweaver作为主要制作工具，其中插入了Flash元素，还用了Photoshop处理其中图片，这样能使网页更加生动。C. 网页的色彩搭配打开一个网站，给用户留下第一印象的既不是网站丰富的内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计，在排除立体图形、动画效果之外，在平面图上，色彩的冲击力是最强的，它很容易给用户留下深刻的印象。因此，在设计网页时，必须要高度重视色彩的搭配。色彩五颜六色、千变万化。其中，红、黄、蓝是三原色，三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分，冷色(如蓝色)给人的感觉是安静、冰冷；而暖色(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。色彩与人的心理感觉和情绪也有一定的关系，利用这一点可以在设计网页时形成自己独特的色彩效果，给浏览者留下深刻的印象。一般情况下，各种色彩给人的感觉是：红色代表热情、活泼、热闹、温暖、幸福、吉祥橙色代表光明、华丽、兴奋、甜蜜、快乐黄色代表明朗、愉快、高贵、希望绿色代表新鲜、平静、和平、柔和、安逸、青春蓝色代表深远、永恒、沉静、理智、诚实、寒冷紫色代表优雅、高贵、魅力、自傲白色代表纯洁、纯真、朴素、神圣、明快灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞黑色代表崇高、坚实、严肃、刚健、粗莽在色彩搭配中一般遵循下述一些原则：(1) 特色鲜明：一个网站的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。(2) 搭配合理：网页设计虽然属于平面设计的范畴，但它又与其它平面设计不同，它在遵从艺术规律的同时，还考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。(3) 讲究艺术性：网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站2。在设计标本室时主要考虑的因素是要能让用户浏览过之后，以后还会再登陆标本室网站，因此用了朴素、大方、简洁、和谐的设计原则。1.2.2 个人建立网站的几点优势 1、随时获取和发布信息 2、有利于树立现代化形象 3、有助于提高工作效率，降低交易成本 4、降低广告宣传费用 5、提供全年每天24小时的宣传服务 6、利用互连网扩大自己的知名度 7、更快地了别人的需求 8、有利于开拓个人市场 1.2.3技术可行性计算机的飞速发展，使得各种操作平台都越来越成熟。各种软件，编程语言都到了成熟的阶段。用现在的技术来实现计算机上的音像管理系统是绰绰有余。本系统用到的主要是管理软件与后台数据库的数据传送和处理1.3. ASP技术介绍ASP 全称为 Active Server Pages（动态服务器主页），它是一种应用程序环境，可以利用 VBScript 或 Java Script 语言来设计，主要用于网络数据库的查询与管理。其工作原理是当浏览者发出浏览请求的时候，服务器会自动将 ASP 的程序码，解释为标准 HTML 格式的网页内容，再送到浏览者浏览器上显示出来。我们也可以将 ASP 理解为一种特殊的 CGI。利用 ASP 生成的网页，与HTML相比具有更大的灵活性。只要结构合理，一个 ASP 页面就可以取代成千上万个网页。尽管 ASP 在工作效率方面较之一些新技术要差，但胜在简单、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端的脚本执行环境，用它可产生和执行动态的、交互的、高性能的Web服务器应用程序。ASP应用程序以.asp文件的形式存盘无需经过任何的编译，便能有浏览器查看，当然不能直接运行，只有在服务器执行后才能浏览。ASP程序的控制部分是使用VBScript、Jscript等脚本语言来设计，当执行ASP程序时脚本程序将一整套命令发送给脚本编辑器（即脚本引擎），由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编译语言一样，ASP程序的编写也遵循一定的规则，如果想使用自己所喜爱的脚本语言编写ASP程序，那么服务器上需要有能解释这种脚本语言的脚本解释器。当安装ASP时，系统提供了VBScript和Jscript两种脚本语言，而VBScript则被作为系统默认的脚本语言，也可根据自己的喜好改变系统默认的脚本语言。Active Server的另一大优点是代码的安全性。页面的访问者所能看到的只是服务器方的处理结果。ASP文件可以用常规的文本编辑器编辑， ASP使用VBScript、JavaScript等脚本语言作为开发工具，镶嵌于HTML文本中，使用将ASP的程序包含起来。当用户从浏览器向Web服务器提出请求时，Web服务器会自动将ASP的程序解释为标准的HTML格式的主页内容，用户端只要使用常规可执行HTML程序的浏览器，就可浏览ASP所设计的主页内容，因此与浏览器无关，并且保证了ASP的源程序代码不会外漏。ASP中包括五个内置的ActiveX服务器组件和五个内置的对象：Database Access component（数据库访问组件）、File Access component（文件访问组件）、Ad Rotator component（广告轮播器组件）、Content Linking component（内容链接组件）、Browser Capabilities component（浏览器信组件）以及Request（请求对象）、Server（服务器对象）、Session（会话对象）、Response（响应对象）、Application（应用程序对象）。在所有ASP组件中，最有用的是数据库访问组件，也称为ActiveX数据对象或ADO。在站点发布数据库将使用这个组件及其中包含的对象，以完成对ODBC数据源的读写。此外，ASP技术的另一个重要特点是，程序员可以利用Java、Visual Basic、 Visual C+等语言制作适应自己特殊需要的ActiveX服务器组件来扩充ASP的功能，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI程序所不及的。总而言之ASP具有学习快、设计快的特点，不需花许多时间即可学会和快速设计出WEB应用程序。ASP的源程序码在服务器端执行，代码保密性好。集成在HTML中，无需编译链接可直接执行，而且使用文本编辑器即可设计。在网站系统的开发应用中，Microsoft公司的ASP（Active Server Pages）被广为使用。ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用VBScript和JavaScript或其他的第三方脚本语言来创建ASP，实现了过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。ASP提供了一些内置对象和组件，允许用户从浏览器中接收和发送信息。ASP可以和诸如SQL Server和Microsoft Access2000这样的数据库进行连接，进而完成数据的交换与更新。1. ASP的特点：ASP可以和HTML或其它脚本语言(VBScript,JavaScript)相互嵌套。ASP是一种在WEB服务器端运行的脚本语言，程序代码安全保密。ASP以对象为基础，因此可以使用ActiveX控件继续扩充其功能。ASP内置ADO组件，因此可以轻松的存取各种数据库。ASP可以将运行结果以HTML的格式传送至客户端浏览器，因而可以适用各种浏览器。2. ASP的运行环境目前ASP可运行在三种环境下。（1） WINDOWS NT server 4.0运行IIS 3.0(Internet Information Server)以上。（2） WINDOWS NT workstation 4.0运行Peer Web Server 3.0以上。（3） WINDOWS 95/98运行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来实现Word中没有的功能。在Web页面中增加VBScript可以实现很多功能，诸如在将数据发送到服务器之前先进行处理和效验，创建新的Web内容，甚至编写完全在客户端运行的应用程序，如计算器和游戏使用程序，扩展客户段的使用功能。引入脚本语言的最重要的一点是把开发者带回到了事件驱动的软件开发范围。不是依赖服务器通过HTTP提供应答，VBScript允许应用程序对用户的动作立即做出反应。虽然VBScript是用户系统的健壮的脚本语言，但VBScript是受限的，它不能处理客户机上API调用，不能操作客户机上的文件，也不能拥有文件系统之上的控件。另外，浏览器的安全机制不允许对没有安全标志的ActiveX运行脚本。1.3.1 ODBC简介开放数据库连接（ODBC：Open DataBase Connection）是在不同的数据库管理系统上存取数据。例如，如果有一个可使用SQL语句存取数据库中记录的程序，此时ODBC可以让用户使用此程序直接存取SQL Server2000数据库中的数据。为此，必须为系统添加称为“驱动程序”的软件组件，ODBC会帮助用户添加并配置这些驱动程序。以下是使用ODBC存取数据库和传统数据库存取方式的差别分析：对于传统的数据库存取，在开发时，需用各厂商所提供的应用程序来开发其系统。假如要更换数据库，开发人员需重新熟悉另外一套应用程序，造成开发人员的负担。ODBC为微软所定义的数据库编程接口，让应用程序可通过ODBC，利用SQL语言存取各种不同数据库的数据。通过ODBC，即使更换了数据库，也只需做很小的改动，便可将程序应用于新的数据库。1.3.2 利用ADO访问数据库ADO（ActiveX Data Objects）是一种操作Microsoft所支持的数据库的新技术。在ASP中，ADO可以看作是一个服务器组件(Server Component)，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。本文中个性化页面的实现便大量地用到了ADO技术。具体的操作步骤可以归纳为以下几步：（1） 创建数据库源名(DSN)（2） 创建数据库链接(Connection)（3） 创建数据对象（4） 操作数据库（5） 关闭数据对象和链接每一步的作法如下：1. 创建数据源名DSN(Date Source Name)即数据源名称。我们知道，ODBC是一种访问数据库的方法，只要系统中有相应的ODBC驱动程序，任何程序就可以通过ODBC操纵驱动程序的数据库。比如我们系统中有SQL Server2000的ODBC驱动程序，那么即使我们没有Microsoft的SQL Server2000软件，也可以在我们的程序中对一个SQL Server2000的数据库添加、删除、修改记录。而且我们根本不用知道这个数据库是放在哪里的。我们只要写出SQL语句，ODBC驱动程序就会帮我们做一切事情。我们在给ODBC驱动程序传SQL指令时，即是用DSN来告诉它到底操作的是哪一个数据库。如果数据库的平台变了，比如我们改用了SQL Server的数据库，只要其中表的结构没变，我们就不用改写我们的程序，只要重新在系统中配置DSN就行了。由此可见，DSN是应用程序和数据库之间的桥梁。2. 创建数据库链接(Connection)链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。ASP文件中如果要访问数据，必须首先创建与数据库的链接，其语法如下：set Conn=Server.createObject(“ADOBD.CONNECTION”)这条语句创建了链接对象Conn，接下来：connstr=Provider=Microsoft.Jet.OLEDB.4.0;Data.Source=&Server.MapPath(&db&)conn.Open connstr这条语句打开链接，用到了DSN，本例为“olbs”。以上两个步骤缺一不可，因为链接对象的创建与打开是两回事，只有打开了才真正可以使用。3. 创建数据对象(Record Set)ADO中的数据对象通常保存的是查询结果。Record Set是ADO中最复杂的对象，有许多属性和方法。Record Set保存的是一行行的记录，并标有一个当前记录。以下是创建方法：Set Record Set=Conn.Execute(sqtStr)这条语句创建并打开了对象Record Set，其中Con是先前创建的链接对象，rs是一个字串，代表一条标准的SQL语句。例如：rs=“SELECT * FROM shop_books”Set Record Set=mConn.Execute(rs)这条语句执行后，对象Record Set中就保存了表tab1中的所有记录。4. 操作数据库我们通过调用链接对象的Execute方法来将查询结果返回给一个数据对象或进行插入、删除等操作。例如：rs=“INSERT INTO tab1 VALUES(1,2)”mConn.Execute(rs)/执行插入操作5. 关闭数据对象和链接对象在使用了ADO对象之后要关闭它，因为它使用了一定的服务器资源。通过调用方法close实现关闭，然后再释放它。Record Set.closeSet Record Set=Nothing/关闭创建的数据对象mConn.closeSet mConn=Nothing/关闭创建的链接对象1.3.3 Access 简介Access 是微软公司推出的基于Windows的桌面关系数据库