论文无忧网提供:计算机毕业论文范文|计算机毕业设计|计算机毕业论文
栏目导航 ASP Java Web .NET VB6.0 JAVA VC VF DELPHI PB 计算机网络 计算机科学与技术 PHP 安卓APP 其他 C# 代写论文
当前位置: > 计算机 > 其他 >

A450ASP动态网站建设论文

5网页的界面设计

由于越来越多的企业开始建立自己的网站,网站除了具有传播信息的功能外,还往往代表企业的形象。网站建设商业化和广告化的趋势,对网页设计的艺术性提出了更高的要求。虽然HTML语言提供了对常用Windows标准控件的支持,但是,由于Windows标准控件的形状和颜色十分单一,网页的视觉效果可能会很差。例如:列表框和下拉列表框只能呈现凹陷边框,而且下拉列表的箭头的颜色不能改变,滚动条只能出现在窗口的下边和右边,当网页分成多个帧的时候,滚动条就不可避免的出现在网页的中间,破坏网页的整体性。若在网页的设计中主动配合Windows标准控件的形状和颜色,网页的创作空间就会受到限制。因此,有必要实现网页中的自定义控件,以满足网页设计艺术化的要求。 paper51.com

5.1网页界面构成要素 paper51.com

与传统媒体不同,网页除了文字和图像以外,还包含声音、视频和动画等新兴多媒体元素,更借助由代码语言编程所实现的各种交互式效果,增加了网页界面的生动性和复杂性,也使得网页设计者需要考虑更多页面元素的排布、优化。一般来说,网页的界面主要由下面几个因素构成:

copyright paper51.com

(1)文字:文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同,是内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素,同时又是信息重要载体,它的字体、大小、颜色和排布对页面整体设计影响极大。

http://www.paper51.com

(2)图形:图形在网页界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。网页中常用的图形格式包括jpg和gif,这两种格式压缩比高,得到了规范浏览器的支持,下载速度快,具有跨平台的特性,不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。

paper51.com

(3)页面版式:版式是网页界面设计的重要组成部分,它将文字、图形等视觉元素进行组合配置,使页面整体视觉效果美观和谐,便于阅读,实现信息传达的最佳效果。 paper51.com

(4)色彩:彩色网页比单色网页更具吸引力;色彩本身具有象征作用。 paper51.com

(5)多媒体:网页构成中的多媒体元素主要包括音频、视频和动画。这些是界面构成中最吸引人的元素 。

http://www.paper51.com

(6)技术:网页的技术要素并非任何情况下在网页中都能直观体现,但是却代 内容来自论文无忧网 www.paper51.com

表了设计的整体水平,也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括:浏览器、传输速度、屏幕分辨率、颜色显示。 copyright paper51.com

5.2网页的整体造型 paper51.com

网页的整体造型在整个制作中至关重要,一个杂乱无章的网页,给人第一印象极 内容来自www.paper51.com

差的网页,用户访问过之后是不会再访问的。在制作本网页时,主要以学校主页界面形式作为参考,因为它看上去比较柔和、简洁、和谐,给用户清新的感觉。 内容来自www.paper51.com

造型就是创造出来的物体形象。这里是指页面的整体形象,这种形象应该是一个整体,图形与文本的接合应该是层叠有序。虽然,显示器和浏览器都是矩形,但对于页面的造型,你可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。 http://www.paper51.com

对于不同的形状,它们所代表的意义是不同的。比如矩形代表正式,规则,注意到很多ICP和政府网页都是以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状代表着不同意义,但目前的网页制作多数是接合多个图形加以设计,在这其中某种图形的构图比例可能占的多一些。 内容来自www.paper51.com

制作中主要采用Dreamweaver作为主要制作工具,其中插入了Flash元素,还用了Photoshop处理其中图片,这样能使网页更加生动。

copyright paper51.com

5.3网页的色彩搭配

paper51.com

打开一个网站,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的版面布局,而是网站的色彩。色彩对人的视觉效果非常明显,一个网站设计成功与否,在某种程度上取决于设计者对色彩的运用和搭配。因为网页设计属于一种平面效果设计,在排除立体图形、动画效果之外,在平面图上,色彩的冲击力是最强的,它很容易给用户留下深刻的印象。因此,在设计网页时,必须要高度重视色彩的搭配。 copyright paper51.com

色彩五颜六色、千变万化。其中,红、黄、蓝是三原色,三原色通过不同比例的混合可以得到各种颜色。色彩有冷暖色之分,冷色(如蓝色)给人的感觉是安静、冰冷;而暖色(如红色)给人的感觉是热烈、火热。冷暖色的巧妙运用可以让网站产生意想不到的效果。

copyright paper51.com

色彩与人的心理感觉和情绪也有一定的关系,利用这一点可以在设计网页时形成自己独特的色彩效果,给浏览者留下深刻的印象。一般情况下,各种色彩给人的感觉是: http://www.paper51.com

红色代表热情、活泼、热闹、温暖、幸福、吉祥

http://www.paper51.com

橙色代表光明、华丽、兴奋、甜蜜、快乐 paper51.com

黄色代表明朗、愉快、高贵、希望

copyright paper51.com

绿色代表新鲜、平静、和平、柔和、安逸、青春

内容来自论文无忧网 www.paper51.com

蓝色代表深远、永恒、沉静、理智、诚实、寒冷 copyright paper51.com

紫色代表优雅、高贵、魅力、自傲 copyright paper51.com

白色代表纯洁、纯真、朴素、神圣、明快

copyright paper51.com

灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞

http://www.paper51.com

黑色代表崇高、坚实、严肃、刚健、粗莽

copyright paper51.com

在色彩搭配中一般遵循下述一些原则:

copyright paper51.com

(1) 特色鲜明:一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。

内容来自www.paper51.com

(2) 搭配合理:网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。

copyright paper51.com

(3) 讲究艺术性:网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站[2]。

copyright paper51.com

在设计标本室时主要考虑的因素是要能让用户浏览过之后,以后还会再登陆标本室网站,因此用了朴素、大方、简洁、和谐的设计原则。 http://www.paper51.com

6在建设中遇到的问题和解决方法

paper51.com

在整个查询系统中,遇到最大的问题是查询条件的组合,因为查询系统中所有查询语句和查询条件的组合都是在后台操作的,用户根本不关心这些问题。因为用户在一个网页中查询某样东西时,用户要得到的只是符合他查询条件的结果,而后台查询条件的组合用户是不知道的,就算知道用户也不会关心。 http://www.paper51.com

因此在组合查询条件是,咨询了在植物分类方面的专业老师,同时查阅了大量植物知识的资料。才对植物分类知识有了一定了解。 copyright paper51.com

在分类查询中用“科、属、种、标本”四种查询条件。用户在查询时,分类的简单明确给用户提供了有利的查询条件;同时分成这四种查询条件,对于制作者来说,也较好组织查询条件。

内容来自论文无忧网 www.paper51.com

在具体的制作中用了如下语句来组合查询条件: paper51.com

<% http://www.paper51.com

word=request(trim("Keyword"))

内容来自www.paper51.com

setrecords=server.CreateObject("ADODB.recordset") 内容来自www.paper51.com

ifrequest("select2")="精确" then copyright paper51.com

     if request("select1")="科" then http://www.paper51.com

       sql="select* from kebiao where keID ='"&word&"' orchinesename='"&word&"' or latinname='"&word&"'"

内容来自论文无忧网 www.paper51.com

      elseifrequest("select1")="属" then 内容来自论文无忧网 www.paper51.com

       sql="select* from shubiao where shuID ='"&word&"' orchinesename='"&word&"' orlatinname='"&word&"'"

copyright paper51.com

      elseifrequest("select1")="种" then 内容来自www.paper51.com

       sql="select* from zhongbiao where zhongID ='"&word&"' or chinesename='"&word&"'or latinname='"&word&"'"

内容来自www.paper51.com

      elseifrequest("select1")="标本" then 内容来自www.paper51.com

       sql="select* from specimenbiao where biaoID ='"&word&"' orchinesename='"&word&"' orlatinname='"&word&"'" 内容来自www.paper51.com

     end if   

copyright paper51.com

         if err.number <> 0 then 内容来自www.paper51.com

             response.write "数据库操作失败:"&err.description http://www.paper51.com

         end if http://www.paper51.com

还有就是网页界面的设计也是一个难题。网页界面设计和色彩搭配在整个系统中也是相当重要的,如果总体的美观设计做的不好,那其他的努力也显的毫无用处。 内容来自www.paper51.com

因此在制作时,效仿了我校主页的风格:简洁、和谐。同时在制作网页的LOGO时考虑到既要体现标本室的特点,有表现了它属于西南林学院。 copyright paper51.com

7结束语

内容来自论文无忧网 www.paper51.com

如今电子政务的发展,各个企业、单位的档案性网站的兴建,为各种数据的数字化管理提供了有利条件和重要参考。而我院标本室的数字化建设正是在这种趋势下应运而生。 内容来自www.paper51.com

在整个设计中主要应用了ASP技术来实现动态数据的查询,其中还用了软件工程的原理分析系统,获得需求。在实现数据查询时,分了“科、属、种、标本”四种查询条件,这四种条件可以独立用每一种条件查询,也可以两种查询条件相互组合实现查询。考虑到也许有些用户对所要查询的标本并不是很熟悉的时候,用户可以使用“模糊”查询来实现。 内容来自论文无忧网 www.paper51.com

本文从软件工程的角度出发,分析系统需求;然后论述了ASP技术在动态网页中的应用,从ASP的技术特点和工作原理开始介绍,由淡入深,逐步展开,再详细说明用ASP开发的具体实施过程。最后总结了在应用ASP开发时应注意的问题。 http://www.paper51.com

------分隔线----------------------------
联系方式