ASP网站设计过程

/ASP网站设计过程背景我们读书就是为了获得学问，现在我们学习了ASP动态网页设计，当然就是要能做一个精致的网页。在此次毕业设计中，我们要能更加的了解Dreameaver强大的功能和更好的运用它。通过此次设计我们还要能够知道静态网页和动态网也的区分。诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要的是把我们所学到的东西用在详细的实践之中，所以，这次设计的目的也是要我们更好的驾驭和运用好ASP的核心工具和技术，以便提高对网页学问的更深层了解。第三点也是最要的一点是，把我们在书本上学到的学问充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb(简称WWW)发展特别快速，成为目前世界上最大的信息资源宝库。据估计，目前Internet上已有上百万个Web站点，其内容范围跨越了教化科研、文化事业、金融、商业、新闻出版、消遣、体育等各个领域，其用户群特别浩大，因此，建设一个好的Web站点对于一个机构的发展特别重要。近年来，随着网络用户要求的不断提高及计算机科学的快速发展，特殊是数据库技术在Internet中的广泛应用，Web站点向用户供应的服务将越来越丰富，越来越人性化。我们发觉这样一个事实，一个用户在访问一个网站时一般来讲只对该网站的部分内容感性趣，而且这种爱好会持续一段时间。这点启发了我们，假如能依据用户的喜好为不同的用户显示其特性化的页面，即着重显示该用户感爱好的内容，将为用户节约大量的检索时间，而且这样的网页明显是更具有吸引力的。一些站点已经在这方面作出了肯定的尝试，通常采纳的方法是，在用户登陆时为其供应一系列的选项，运用户能够对站点进行一些自主的设置。这样做能够使站点呈现肯定程度的特性化，但是对用户来讲，还是比较烦琐，而且在用户了解一个站点前让其对站点进行设置，其结果未免有些粗糙。于是我们构想了这样一种方案，对用户登陆后的动作进行跟踪，分析，发掘用户点击的规律，即用户先后点击的关联规则，这样，在用户点击一个主题（链接）之后，系统能够自动生成一页面，其中包含了该主题下用户常常关注的内容（若干链接），这样便在无须用户作出任何额外工作的状况下实现了为用户量身订做的特性化页面。本文主要完成Web服务器端的设计实现管理个人资料、照片上传、网文撰写、客户留言、日志以及后台管理等ASP页面及整个试验网站的组织建立和测试工作。我通过个人网站展示出来是我的性格。不同的人，其网站上的展示方式或手法各有不同，千变万化。在网站策划中，如何把个人的才华通过网站展示出来，是我设计的重要内容。网页的界面设计由于越来越多个人起先建立自己的网站，网站除了具有传播信息的功能外，还往往代表个人的形象。网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。虽然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、有利于树立现代化形象3、有助于提高工作效率，降低交易成本4、降低广告宣扬费用5、供应全年每天24小时的宣扬服务6、利用互连网扩大自己的知名度7、更快地了别人的需求8、有利于开拓个人市场技术可行性计算机的飞速发展，使得各种操作平台都越来越成熟。各种软件，编程语言都到了成熟的阶段。用现在的技术来实现计算机上的音像管理系统是绰绰有余。本系统用到的主要是管理软件和后台数据库的数据传送和处理1.3.ASP技术介绍ASP全称为ActiveServerPages（动态服务器主页），它是一种应用程序环境，可以利用VBScript或JavaScript语言来设计，主要用于网络数据库的查询和管理。其工作原理是当阅读者发出阅读恳求的时候，服务器会自动将ASP的程序码，说明为标准HTML格式的网页内容，再送到阅读者阅读器上显示出来。我们也可以将ASP理解为一种特殊的CGI。利用ASP生成的网页，和HTML相比具有更大的敏捷性。只要结构合理，一个ASP页面就可以取代成千上万个网页。尽管ASP在工作效率方面较之一些新技术要差，但胜在简洁、直观、易学，是涉足网络编程的一条捷径。它具备一个服务器端的脚本执行环境，用它可产生和执行动态的、交互的、高性能的Web服务器应用程序。ASP应用程序以.asp文件的形式存盘无需经过任何的编译，便能有阅读器查看，当然不能干脆运行，只有在服务器执行后才能阅读。ASP程序的限制部分是运用VBScript、Jscript等脚本语言来设计，当执行ASP程序时脚本程序将一整套吩咐发送给脚本编辑器（即脚本引擎），由脚本说明器进行翻译并将其转换成服务器所能执行的吩咐。当然，同其他编译语言一样，ASP程序的编写也遵循肯定的规则，假如想运用自己所宠爱的脚本语言编写ASP程序，那么服务器上须要有能说明这种脚本语言的脚本说明器。当安装ASP时，系统供应了VBScript和Jscript两种脚本语言，而VBScript则被作为系统默认的脚本语言，也可依据自己的喜好变更系统默认的脚本语言。ActiveServer的另一大优点是代码的平安性。页面的访问者所能看到的只是服务器方的处理结果。ASP文件可以用常规的文本编辑器编辑，ASP运用VBScript、JavaScript等脚本语言作为开发工具，镶嵌于HTML文本中，运用"<%…%>"将ASP的程序包含起来。当用户从阅读器向Web服务器提出恳求时，Web服务器会自动将ASP的程序说明为标准的HTML格式的主页内容，用户端只要运用常规可执行HTML程序的阅读器，就可阅读ASP所设计的主页内容，因此和阅读器无关，并且保证了ASP的源程序代码不会外漏。ASP中包括五个内置的ActiveX服务器组件和五个内置的对象：DatabaseAccesscomponent（数据库访问组件）、FileAccesscomponent（文件访问组件）、AdRotatorcomponent（广告轮播器组件）、ContentLinkingcomponent（内容链接组件）、BrowserCapabilitiescomponent（阅读器信组件）以及Request（恳求对象）、Server（服务器对象）、Session（会话对象）、Response（响应对象）、Application（应用程序对象）。在全部ASP组件中，最有用的是数据库访问组件，也称为ActiveX数据对象或ADO。在站点发布数据库将运用这个组件及其中包含的对象，以完成对ODBC数据源的读写。此外，ASP技术的另一个重要特点是，程序员可以利用Java、VisualBasic、VisualC++等语言制作适应自己特殊须要的ActiveX服务器组件来扩充ASP的功能，使自己的动态网页几乎具有无限的扩充实力，这是传统的CGI程序所不及的。总而言之ASP具有学习快、设计快的特点，不需花很多时间即可学会和快速设计出WEB应用程序。ASP的源程序码在服务器端执行，代码保密性好。集成在HTML中，无需编译链接可干脆执行，而且运用文本编辑器即可设计。在网站系统的开发应用中，Microsoft公司的ASP（ActiveServerPages）被广为运用。ASP事实上是将标准的HTML文件拓展了一些附加特征，为编写人员供应了在服务器端运行脚本的环境，使编写人员可以利用VBScript和JavaScript或其他的第三方脚本语言来创建ASP，实现了过去须要编写困难的CGI程序才能实现的有动态内容的网页，如计数器等。ASP供应了一些内置对象和组件，允许用户从阅读器中接收和发送信息。ASP可以和诸如SQLServer和MicrosoftAccess2000这样的数据库进行连接，进而完成数据的交换和更新。ASP的特点：ASP可以和HTML或其它脚本语言(VBScript,JavaScript)相互嵌套。ASP是一种在WEB服务器端运行的脚本语言，程序代码平安保密。ASP以对象为基础，因此可以运用ActiveX控件接着扩充其功能。ASP内置ADO组件，因此可以轻松的存取各种数据库。ASP可以将运行结果以HTML的格式传送至客户端阅读器，因而可以适用各种阅读器。ASP的运行环境目前ASP可运行在三种环境下。WINDOWSNTserver4.0运行IIS3.0(InternetInformationServer)以上。WINDOWSNTworkstation4.0运行PeerWebServer3.0以上。WINDOWS95/98运行PWS(PersonalWebServer)。VBScript语言的介绍VBScript听起来会让人想到VisualBasic，不错，它们的确是有关系的，详细地说VBScript是VisualBasic子集“VBA”（VisualBasicforApplication）的子集，“VBA”是VBScript的父亲。VBA是MicrosoftOfficeSuite和其它应用程序的宏编程语言，利用它可以扩展Office的功能，如在Word可以采纳VBA来实现Word中没有的功能。在Web页面中增加VBScript可以实现很多功能，诸如在将数据发送到服务器之前先进行处理和效验，创建新的Web内容，甚至编写完全在客户端运行的应用程序，如计算器和嬉戏运用程序，扩展客户段的运用功能。引入脚本语言的最重要的一点是把开发者带回到了事务驱动的软件开发范围。不是依靠服务器通过HTTP供应应答，VBScript允许应用程序对用户的动作马上做出反应。虽然VBScript是用户系统的健壮的脚本语言，但VBScript是受限的，它不能处理客户机上API调用，不能操作客户机上的文件，也不能拥有文件系统之上的控件。另外，阅读器的平安机制不允许对没有平安标记的ActiveX运行脚本。1.3.1ODBC简介开放数据库连接（ODBC：OpenDataBaseConnection）是在不同的数据库管理系统上存取数据。例如，假如有一个可运用SQL语句存取数据库中记录的程序，此时ODBC可以让用户运用此程序干脆存取SQLServer2000数据库中的数据。为此，必需为系统添加称为“驱动程序”的软件组件，ODBC会帮助用户添加并配置这些驱动程序。以下是运用ODBC存取数据库和传统数据库存取方式的差别分析：对于传统的数据库存取，在开发时，需用各厂商所供应的应用程序来开发其系统。假如要更换数据库，开发人员需重新熟识另外一套应用程序，造成开发人员的负担。ODBC为微软所定义的数据库编程接口，让应用程序可通过ODBC，利用SQL语言存取各种不同数据库的数据。通过ODBC，即使更换了数据库，也只需做很小的改动，便可将程序应用于新的数据库。利用ADO访问数据库ADO（ActiveXDataObjects）是一种操作Microsoft所支持的数据库的新技术。在ASP中，ADO可以看作是一个服务器组件(ServerComponent)，更简洁点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库困难的操作。本文中特性化页面的实现便大量地用到了ADO技术。详细的操作步骤可以归纳为以下几步：创建数据库源名(DSN)创建数据库链接(Connection)创建数据对象操作数据库关闭数据对象和链接每一步的作法如下：创建数据源名DSN(DateSourceName)即数据源名称。我们知道，ODBC是一种访问数据库的方法，只要系统中有相应的ODBC驱动程序，任何程序就可以通过ODBC操纵驱动程序的数据库。比如我们系统中有SQLServer2000的ODBC驱动程序，那么即使我们没有Microsoft的SQLServer2000软件，也可以在我们的程序中对一个SQLServer2000的数据库添加、删除、修改记录。而且我们根本不用知道这个数据库是放在哪里的。我们只要写出SQL语句，ODBC驱动程序就会帮我们做一切事情。我们在给ODBC驱动程序传SQL指令时，即是用DSN来告知它究竟操作的是哪一个数据库。假如数据库的平台变了，比如我们改用了SQLServer的数据库，只要其中表的结构没变，我们就不用改写我们的程序，只要重新在系统中配置DSN就行了。由此可见，DSN是应用程序和数据库之间的桥梁。创建数据库链接(Connection)链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。ASP文件中假如要访问数据，必需首先创建和数据库的链接，其语法如下：setConn=Server.createObject(“ADOBD.CONNECTION”)这条语句创建了链接对象Conn，接下来：connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data.Source="&Server.MapPath(""&db&"")conn.Openconnstr这条语句打开链接，用到了DSN，本例为“olbs”。以上两个步骤缺一不行，因为链接对象的创建和打开是两回事，只有打开了才真正可以运用。创建数据对象(RecordSet)ADO中的数据对象通常保存的是查询结果。RecordSet是ADO中最困难的对象，有很多属性和方法。RecordSet保存的是一行行的记录，并标有一个当前记录。以下是创建方法：SetRecordSet=Conn.Execute(sqtStr)这条语句创建并打开了对象RecordSet，其中Con是从前创建的链接对象，rs是一个字串，代表一条标准的SQL语句。例如：rs=“SELECT*FROMshop_books”SetRecordSet=mConn.Execute(rs)这条语句执行后，对象RecordSet中就保存了表tab1中的全部记录。操作数据库我们通过调用链接对象的Execute方法来将查询结果返回给一个数据对象或进行插入、删除等操作。例如：rs=“INSERTINTOtab1VALUES(1,2)”mConn.Execute(rs)/执行插入操作关闭数据对象和链接对象在运用了ADO对象之后要关闭它，因为它运用了肯定的服务器资源。通过调用方法close实现关闭，然后再释放它。RecordSet.closeSetRecordSet=Nothing/关闭创建的数据对象mConn.closeSetmConn=Nothing/关闭创建的链接对象Access简介Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Of