|
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 |