ASP网站设计过程资料.docx
《ASP网站设计过程资料.docx》由会员分享，可在线阅读，更多相关《ASP网站设计过程资料.docx（9页珍藏版）》请在冰点文库上搜索。
ASP网站设计过程资料
ASP网站设计过程
我们读书就是为了获得知识，现在我们学习了ASP动态网页设计，当然就是要能做一个精美的网页。
在此次毕业设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。
通过此次设计我们还要能够知道静态网页和动态网也的区别。
诚然，次此设计的个人网页，一方面是为了完成毕业作业，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。
使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。
以达到老师要求的效果和学以致用。
Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb（简称WW/发展十分迅速，成为目前世界上最大的信息资源宝库。
据估计，目前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全称为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的程序解释为标准的HTMI格式的主页内容，用户端只要使用常规可执行HTMLS序的浏览器，就可浏览ASP所设计的主页内容，因此与浏览器无关，并且保证了ASP的源程序代码不会外漏。
ASP中包括五个内置的ActiveX服务器组件和五个内置的对象：
DatabaseAccesscomponen（t数据库访问组件）、FileAccesscomponen（t文件访问组件）、AdRotatorcomponent（广告轮播器组件）、ContentLinkingcomponent（内容链接组件）、BrowserCapabilitiescomponent（浏览器信组件）以及Request（请求对象）、Server（服务器对象）、Session（会话对象）、Response（响应对象）、Application（应用程序对象）。
在所有ASP组件中，最有用的是数据库访问组件，也称为ActiveX数据对象或ADO在站点发布数据库将使用这个组件及其中包含的对象，以完成对ODB（数据源的读写。
此外，ASP技术的另一个重要特点是，程序员可以利用Java、VisualBasic、VisualC++等语言制作适应自己特殊需要的ActiveX服务器组件来扩充ASP的功能，使自己的动态网页几乎具有无限的扩充能力，这是传统的CGI程序所不及的。
总而言之ASP具有学习快、设计快的特点，不需花许多时间即可学会和快速设计出WEB应用程序。
ASP的源程序码在服务器端执行，代码保密性好。
集成在HTML中，无需编译链接可直接执行，而且使用文本编辑器即可设计。
在网站系统的开发应用中，Microsoft公司的ASP（ActiveServerPages）被广为使用。
ASP实际上是将标准的HTML文件拓展了一些附加特征，为编写人员提供了在服务器端运行脚本的环境，使编写人员可以利用VBScript和
JavaScript或其他的第三方脚本语言来创建ASP实现了过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。
ASP提供了一些内置对象
和组件，允许用户从浏览器中接收和发送信息。
ASP可以和诸如SQLServer和
MicrosoftAccess2000这样的数据库进行连接，进而完成数据的交换与更新。
1.ASP的特点：
ASP可以和HTMI或其它脚本语言（VBScript,JavaScript）相互嵌套。
ASP是一种在WEB艮务器端运行的脚本语言，程序代码安全保密。
ASP以对象为基础，因此可以使用ActiveX控件继续扩充其功能。
ASP内置ADO&件，因此可以轻松的存取各种数据库。
ASP可以将运行结果以HTML的格式传送至客户端浏览器，因而可以适用各种浏览器。
2.ASP的运行环境
目前ASP可运行在三种环境下。
（1）WINDOWNSTserver4.0运行IIS3.0（InternetInformationServer）以上。
（2）WINDOWSNTworkstation4.0运行PeerWebServer3.0以上。
（3）WINDOWS95/9运8行PWS（PersonalWebServer）。
3.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语句存取数据库中记录的程序，此时ODB（可以让用户使用此程序直接存取SQLServer2000数据库中的数据。
为此，必须为系统添加称为“驱动程序”的软件组件，ODBC会帮助用户添加并配
置这些驱动程序。
以下是使用ODBC?
取数据库和传统数据库存取方式的差别分析：
对于传统的数据库存取，在开发时，需用各厂商所提供的应用程序来开发其系统。
假如要更换数据库，开发人员需重新熟悉另外一套应用程序，造成开发人员的负担。
ODBC为微软所定义的数据库编程接口，让应用程序可通过ODBC利用SQL
语言存取各种不同数据库的数据。
通过ODBC即使更换了数据库，也只需做很小的改动，便可将程序应用于新的数据库。
1.3.2利用ADO访问数据库
ADO（ActiveXDataObjects）是一种操作Microsoft所支持的数据库的新
技术。
在ASP中，ADO可以看作是一个服务器组件（ServerComponent）,更简单
点说，是一
系列的对象，应用这些功能强大的对象，
即可轻松完成对数据库复杂
的操作。
本文中个性化页面的实现便大量地用到了
ADC技术。
具体的操作步骤可
以归纳为以下几步：
（1）
创建数据库源名（DSN）
（2）
创建数据库链接（Connection）
（3）
创建数据对象
（4）
操作数据库
（5）
关闭数据对象和链接
每一步的作法如下：
1.创建数据源名
DSN（DateSourceName即数据源名称。
我们知道，ODB（是一种访问数据库的方法，只要系统中有相应的ODBC区动程序，任何程序就可以通过ODBCS纵驱动程序的数据库。
比如我们系统中有SQLServer2000的ODBC区动程序，那么即使我们没有Microsoft的SQLServer2000软件，也可以在我们的程序中对一个SQLServer2000的数据库添加、删除、修改记录。
而且我们根本不用知道这个数据库是放在哪里的。
我们只要写出SQL语句，ODBC驱区动程序就会帮我们做一切事情。
我们在给ODBC区动程序传SQL指令时，即是用DSN来告诉它到底操作的是哪一个数据库。
如果数据库的平台变了，比如我们改用了SQLServer的数据库，只要其中表的结构没变，我们就不用改写我们的程序，只要重新在系统中配置DSN就行了。
由此可见，DSN是应用程序和数据库之间的桥梁。
2.创建数据库链接（Connection）链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。
ASP文件中如果要访问数据，必须首先创建与数据库的链接，其语法如下：
setConn=Server.createObject（“ADOBD.CONNECT”IO）N
这条语句创建了链接对象Conn,接下来：
connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data.Source="&Server.MapPath（""&db&""）
conn.Openconnstr
这条语句打开链接，用到了DSN本例为“olbs”。
以上两个步骤缺一不可，因为链接对象的创建与打开是两回事，只有打开了才真正可以使用。
3.创建数据对象（RecordSet）
ADO中的数据对象通常保存的是查询结果。
RecordSet是ADO中最复杂的对
象，有许多属性和方法。
RecordSet保存的是一行行的记录，并标有一个当前记录。
以下是创建方法：
SetRecordSet=Conn.Execute（sqtStr）
这条语句创建并打开了对象RecordSet，其中Con是先前创建的链接对象，rs是一个字串，代表一条标准的SQL语句。
例如：
rs=“SELECT*FROMshop_book”s
SetRecordSet=mConn.Execute（rs）
这条语句执行后，对象RecordSet中就保存了表tab1中的所有记录。
4.操作数据库
我们通过调用链接对象的Execute方法来将查询结果返回给一个数据对象或进行插入、删除等操作。
例如：
rs=“INSERTINTOtab1VALUES（1,2）”
mConn.Execute（rs）
/执行插入操作
5.关闭数据对象和链接对象
在使用了ADC对象之后要关闭它，因为它使用了一定的服务器资源。
通过调用方法close实现关闭，然后再释放它。
RecordSet.close
SetRecordSet=Nothing
/关闭创建的数据对象
mConn.close
SetmConn=Nothing
/关闭创建的链接对象
1.3.3Access简介
Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。
它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。
Access是一种关系型数据库管理系统，其主要特点如下：
（1）存储方式单一
Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件种，便于用户的操作和管理。
（2）面向对象
Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。
它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性，以定义该对象的行为和外国，用户还可以按需要给对象扩展方法和属性。
通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。
同时，这种基于面向对象的开发方式，使得开发应用程序更为简便。
（3）界面友好、易操作
Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。
系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。
（4）集成环境、处理多种数据信息
Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极
升级会员 