网站设计范文
时间：2023-04-03 03:31:06
导语：如何才能写好一篇网站设计，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。
篇1
关键词:网站设计;技术;应用
1开发背景
如今网络成为各单位、各企业宣传自身的重要平台。学校通过网站可以宣传办学理念、办学特色,介绍专业设置情况和招生就业情况,让师生可以更加直观地了解学校,在如今网络时代是很好的宣传平台。另外,随着网络技术的发展,网上预约、网上办公系统也大大提高了办事效率,节约了资源和时间。在教学资源共享方面,网络平台可以储存和共享各类资料、信息等,各类交互式学习和教学平台大大提高了教学效果。因此,加强网站建设,拓展网站功能,提升办公效率,不断开发网络技术,是计算机更好的服务于人们的日常工作,是技术发展的需要,也是专业人员的职责。
2网站开发工具
本人根据工作需要,在本网站设计中结合实际选择Dreamweaver8作为开发工具,运用PhotoshopCP处理好图片效果,应用在网页中,用Flash制作漂亮的动画,并在网页中使用,Dreamweaver8是Macromedia公司的开发产品,是目前使用最为广泛的网页制作软件。Dreamweaver8是一个集网页创作、网站开发与站点管理于一身的超重量级的创作工具。
3网站的分析与布局
3.1网站的色彩分析
本文以我单位中专部网站为设计基础,网站基调颜色选择是蓝色为主。因为蓝色是冷色调,给人以稳重、冷静的感觉,同时,蓝色也代表着创新,也是许多人钟爱的颜色。同时在设计过程中,蓝色与其他色调进行结合,通过对比,将蓝色的朴实、稳重、内向性格与其他活跃、扩张力的色彩进行对比,给人以沉静、理智、诚实以及和平、淡雅、可靠等感觉。
3.2网站的内容分析与布局
本文设计的网站是一个实用性的网站,是介绍宣传中专部基本情况、办学特色、教学与科研一体的综合性网站。中专部网站建设的内容是为了方便学校招生信息、教育教学改革成果、校内各类新闻等。根据工作需要,结合设计的思路,网站的板块计划作如下图1所示。本网站利用Dreamweaver进行开发,其功能目标是要实现信息在线浏览的功能。本系统建成后,对各功能模块进行了反复的测试,经过多次的修改各功能模块已经达到设计的要求。本网站开发技术先进、功能模块齐全并且具有较好的通用性。在本网站中界面的设计主要还是图文结合,以简洁大方为主。
4网站测试与上传
4.1网站的测试
网站制作完成后需要进一步的测试和运行,方便查看整体效果以及各模块适应情况。需要对网站进行全面测试。软件测试是为了发现程序中的错误而执行程序的过程。好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案。
4.2网站上传
利用FlashFXP上传做好的完整的网站内容。FlashFXP是一款功能强大的FXP/FTP软件,集成了其它优秀的FTP软件的优点,如CuteFTP的目录比较,支持彩色文字显示等;如BpFTP支持多目录选择文件,暂存目录;又如LeapFTP的界面设计。支持目录(和子目录)的文件传输,删除;支持上传、下载以及第三方文件续传;可以跳过指定的文件类型,只传送需要的本件;可自定义不同文件类型的显示颜色;暂存远程目录列表,支持FTP及Socks3&4;有避免闲置断线功能,防止被FTP平台踢出;可显示或隐藏具有“隐藏”属性的文档和目录;支持每个平台使用被动模式等。在这一个章节中主要是网站的测试,通过IETESTER软件对系统整体功能进行测试,测试网页在IE6、IE7、IE8浏览器是否能都能正常显示。检验本网站是否符合系统开发的目标,发现系统存在的问题进行改进,利用Flashfxp上传网站,从任何浏览器都可以看到此网站,从而实现学院网站的开发目标。
作者:张雪莹 单位:永城职业学院
参考文献:
篇2
关键词：网站职能；网站设计；WEB2.0
中图分类号：TP393文献标识码：A文章编号：1009-3044(2008)32-1084-02
1 引言
教育信息化作为国家信息化的重要组成部分，对于转变教育思想观念， 深化教育改革，提高教育质量，培养创新人才具有深远意义，是实现教育跨越式发展的必然选择。随着网络技术和WEB技术的发展，各大高等院校依托校园网的建设、运行，在其之上开展的各项应用服务得到了长足的发展，其中高校网站的建设和发展在推动我国素质教育和教育信息化进程中发挥了至关重要的作用。
2 高校网站的基本职能
高校网站是高校基于WEB技术建立起来的学校对校内外的资源共享与信息交流的平台。从教育信息化的角度来看，高校网站应具有以下几个基本职能：对外宣传、教学教辅功能、资源共享、交流互动平台。总之，网站建设的最终目的是“服务”，高校网站建设的根本目的是服务师生，服务校园建设。学校网站的规划与设计不应偏离这个最终目的。
3 高校网站的设计
网站设计是一项系统的工程，必须遵循前期规划、后期制作与维护这样一个流程。网站设计的总体要求是：网站主题突出，层次清晰，界面美观，网站功能满足实际需要。
3.1 前期规划
建设一个网站，首先要求有明确的主题，并从整体上把握网站的结构，进行前期规划，然后搜集素材和资料，利用网页制作工具将各种资料、素材有序地、有机地结合起来。这里仅从网站的颜色搭配，功能和布局设置来谈谈网站设计的前期规划。
3.1.1 颜色搭配
色彩搭配是网站设计中最重要的一环，一个网站不可能运用单一的色彩，也不可能将所有的色彩运用进来，一般一个网页的颜色超过三种就可能产生混乱花哨的感觉。因此这就牵涉到一个色彩主基调的问题。抓住网站的主色调再配以其他不同的辅色，这样既突出了主色，又使整个网站美观自然、浑然一体。
高校网站主题色一般来源于自己学校的VI识别标准色，学校的标志（LOGO）是我们确定主题色的一个重要参考标准，一般网页设计的时候既要考虑到突出LOGO标志，又要和LOGO的颜色和谐统一，以LOGO为参照色，考虑到网站的主题表现需要，就可以确定好主色调。网页中各个组成部分色彩的搭配，即辅色的运用，要考虑到和主色的关系，整个网站的层次感以及高校的学科特色等因素。比如网页中导航菜单的颜色、图标的颜色，标题的颜色就应该用相对醒目的颜色呈现。值得注意的是，网页中适当的跳跃性色彩或线条的运用能让原本平淡无奇的网站立刻活跃起来，显得动感十足、美观大方。
3.1.2 功能和布局设置
高校网站具有宣传、教学教辅、资源共享等基本职能。因此网站设计中网站的功能设置应当充分满足实际需要。比如为了满足学校对外宣传的需要，在学校网站的主页上应当有学校简介、学校新闻，院系链接等。为了满足教学教辅需要，则在学校网站上应该有各职能部门、各网上教学，办公系统的链接入口。
网站的布局也是网页设计中一个十分重要的环节。网站的布局应该符合人们的视觉习惯，从上到下，从左至右。因此网页中比较重要的内容应该尽量往左上角靠。而目前我们的计算机显示器的分辨率一般是1024*768或者以上，但也有一部分是使用800*600的分辨率，因此网站的主体内容应该是集中在从网站的中央开始800*600像素的范围之内，这样才能主题突出。
3.2 网站的制作与维护
3.2.1 网站的制作
网页制作采用静、动相结合的方式，即静态的主画面和动态的图像，Flash相结合，目前较流行的网页制作工具有Dreamwaver、Fireworks、 Flash、 Photoshop等。
高校网站数据更新较快，数据量大，一般适合使用架构有数据库支持的动态网站。目前较流行的动态网站设计语言有ASP、JSP、PHP。三种语言背后都有强大的数据库支持，比如PHP语言使用MYSQL数据库，ASP语言则使用SQL2000数据库。动态网站设计语言与数据库的结合能实现网站数据的动态更新。网站的更新和维护只需在后台管理中进行，不需修改前台网页，极大的提高网站的工作效率。
3.2.2 网站的后期维护
网站的生命力在于网站的内容，后期维护的重心应该是丰富网站的内容，坚持及时更新数据。高校网站应该不断添加和完善网站内容（比如院系资料、其他部门子网站等），及时学校的校园新闻，科研动态等信息，不能让学校网站成为一个空架子，华而不实。
另外网站的后期维护还包括网站重构，美化网站界面，优化程序设计等。只有坚持推陈出新，网站才会有吸引力，才能体现网站真正的价值所在。
4 新形势下高校网站建设的思考
WEB2.0时代已经到来。快速的网页浏览和内容更新，易维护的网站管理成为了用户和网站设计者共同关注的焦点，符合WEB2.0标准的网页设计便应运而生。WEB2.0网页设计标准包括：结构标准语言（Xml、Xhtml）、表现标准语言（CSS）、行为标准。个人认为制作符合WEB2.0标准的网页可以从以下两个方面下手：
一是用语义标记语言写页面，和XML接轨。
语义标记，也就是精确描述页面每一部分作用的标记。最常用的标记语言HTML和XHTML一般用于显示目的，设计者可以通过对HTML标签应用CSS来改变页面风格，利用CSS和DIV来灵活的进行网页布局。
二是整合AJAX技术，提升用户体验。
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。Ajax应用程序通过异步模式，优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用，从而提升了用户体验。
5 结束语
网站建设是一门复杂的技术，高等院校有科研创新的使命，在网站的建设上更应该走在技术的前沿，如何构建符合WEB2.0标准的网站，进行内容与样式分离，增强网站的交互性能，提高高校网站的服务能力，值得我们每一个网站设计者去深入研究。
参考文献：
[1] 邹丽英,孙小权. 浅谈高校网站的建设与维护[J].教育信息化,2006(2): 26-27.
[2] 陈敏.论高校网WEB页面色彩的定位与设置[J].当代经理人,2006(07):127-128.
篇3
在防震减灾网站的设计中为避免以上问题的出现，应本着以下设计原则，提高网站的实用价值.在实际的防震减灾网站设计中，笔者更倾向于以教育网站的模式进行设计，将浏览该网站的网民们看成是学习者，并进行系统的教学.
1.1信息完善化
信息的完善是整个防震减灾网站的支柱，然而在网站中它往往是最容易被忽略的，对于信息量的不足将会导致人们对网站建设产生认识上的偏差，甚至会对防震减灾网站建设的意义产生怀疑.在对防震减灾信息的完善方面，需包含地震的产生、震前的现象、震中的措施等等，其中对自救措施更应祥相加描述，一旦地震发生，网站中每一条信息的解说都可能在地震中得以应用，而只有信息完善的防震减灾网站才会得到网民的认可.
1.2技术多样化
技术这里是指多媒体技术，多媒体技术是利用计算机对文本、图形、图像、声音、动画、视频等多种信息综合处理、建立逻辑关系和人机交互作用的技术.在社会发展的今天仅以简单文本信息对防震知识进行叙述，已经无法满足人们对知识的认可，而且易让人们在操作方面产生主观上的错误，不但没有达到预期的效果反而会适得其反，所以在网站建设上多媒体技术的应用就显得尤为重要.
1.3网站宣传化
网站的本身就是一个宣传媒介，一个好的网站自然会被人们所宣传，但为了能加快网站的传播速度，可以在网站中建设宣传模块，并实现在线交流的互动功能，对网民的意见进行记录后，到网站的论坛上由网民们进行投票决定网站的进一步改革，使网站不但注入新鲜的血液，更在交流与互动中不断完善，由于大家不断参与到其中，防震减灾网站的建设也会逐步得到大家的认可与关注.
2防震减灾网站设计思路
2.1网站内容的选择
网站的内容选择上主要从两个层次进行筛选，第一个层次是网站的模块主次之分，网站的建设主要以防震减灾知识的内容、与地震信息的汇报为主要模块，设置在防震减灾网站的主页醒目的位置上，将工作活动、灾后重建的情况等模块置于次要模块中.通过模块的主次划分能突出主体，可更加直观的展现出网站的重点，让学习者有目的的进行学习.第二层次的划分主要是针对防震减灾知识的内容所进行选择，这里更倾向于将知识与多媒体技术的融合，从视听出发完善网站知识内容的质量.虽然这种思想虽然早已被大家所熟知，但笔者认为更重的是表现形式的创新与合理应用，例如：在防震减灾视频的设计中，可采用双画面对照，一画面显示正确的操作方法，另一画面显示常规的错误做法，用红线圈出主要出现错误的地方同时将画面定格几秒钟，方便学习者找出重点.这里的创新点在于通过双画面对照的形式，促进了学习者独立思考并加深了记忆，更好的从群众角度出发.
2.2遵循认知学习理论
认知主义学习理论源自于格式塔学派的认知主义学习论，经过一段时间的沉寂之后，再度复苏.从20世纪50年代中期之后，随着布鲁纳、奥苏贝尔等一批认知心理学家的大量创造性的工作，使认知学习理论又进入一个辉煌的时期.认知派学习理论家认为学习在于内部认知的变化，学习是一个比S—R（S表示刺激，R表示反应）联结要复杂得多的过程.他们注重解释学习行为的中间过程，即目的、意义等，并认为这些过程才是控制学习的可变因素.认知过程在网站设计的应用.首先来了解一下人的认知流程图（如图1），人的认知是从环境对人的感受器发生作用开始，从而影响感觉登陆器，感觉登陆器的反应强度会影响记忆效果，通过不断的环境影响，记忆的效果也会不断的增强，最终由短时记忆变成长时记忆.由于头脑中存在这些记忆，当外界环境改变时，记忆会促进反应发生器做出相应的发应.我们可将环境看成是防震减灾的网站，而网站的设计将最终决定人的记忆效果，而记忆效果也将影响人们在面临灾害时的行为.针对网站的主页设计要尽量的简约化、条理化，要让学习者一目了然，明白网站的主要内容，以便于有目的学习.认知学习理论之发现学习法.美国大教育家布鲁纳曾提出发现学习是学习知识的最佳方式，发现学习也就是使学习者明确学习目的和意义从而对学习产生浓厚的兴趣，借助外界条件进行独立学习、思考与总结.布鲁纳指出，发现=寻求人类尚未知晓的事物的行为+自己的头脑亲自获得知识的一切形式（学习者所获得的知识尽管都是人类以知晓的事物，但是，如果这些知识是依靠学习者自己的力量引发出来的那么对学习者来说仍是一种“发现”).对于防震减灾网站建设来说学习者处于主动地位，而网站的内容设计要引导学习者积极主动的去学习去独立思考问题，为了达到这一效果，就必须将目前外界环境的影响三部分因素有机的结合起来，这三部分因素别为：抽象因素（文字和符号为主）、形象因素（视频和音频为主）、能动因素（实践为主）(如图2).其中抽象因素是最能引发学习者的独立思考的环节，但抽象因素过多又会导致学习者的疲倦感、兴趣降低等现象，所以防震减灾网站的内容要有目的的设计，将抽象因素与形象因素相结合，再由实践来巩固记忆.结合认知理论的导航设计.根据人的认知过程，防震减灾网站的导航设计也可通过人的认知过程来安排.可以从地震灾害的记录、地震形成的过程、防震知识的学习、灾后工作的现状、到国内外的地震信息图等，笔者只是大在这里致设计了一下，主要是从人们认识地震到逐步了解和关注地震的角度进行的分析.这样设计的好处是能让学习者在其学习的过程能产生明确的思路，避免在产生知识的混乱，也利于学习者学习记忆，在实践中也会表现出最佳的效果.
2.3虚拟现实的应用
篇4
1.1以城市信息为主导的导航设置例如，如何在有限宽度的显示屏上构建合理的信息框架，让浏览者对网站提供的巨量信息感到有条理；如何建立包括主导航条（浏览深度）、关键词搜索（精准浏览）、顶条导航（任务导向）的导航系统等。通过导航系统的建立，进行信息分级，可使巨量信息在一个页面里建立起层次合理的章节目录，以引导浏览者便捷地找到所需信息。伦敦城市门户网站导航系统设计见图1，它包含了主导航条、关键词搜索和顶条导航，主次分明，功能分区明确[1]。主导航条用了4种不同颜色的斜线起伏相连，以等线体作为分类小标题的字体，标题内容分别指向城市的4种功能，即“介绍、服务、商业、资讯”。浏览者通过主导航条的指引，在对应的下拉菜单中，可以详细地了解到各类信息，这样就能对伦敦城市有较全面整体的认识。主导航条右侧的＂Findit！＂及醒目的红色放大镜图标，是导航系统中的关键词搜索功能，通过输入关键字词，可以直接找到网站内所有与之相关的信息。顶条导航设置在网站顶端，用较小文字标示，分别指向“在线工作、站内信息按照标题的首字母顺序检索、网上商城、文化活动、招聘工作、新闻中心、联系我们、登录注册”等关于整个伦敦城市的各个方面的信息。在这个部分，不仅提供了方便市民购买、支付的功能，还有序地把整个城市的文化教育活动、工作就业等大量的服务信息进行了高度概括。如顶条导航里＂Doitonline＂对应的页面中，会有＂Applyforit，Findit，Payforit＂等选项，选择＂Payforit＂就可以在线缴纳房租、水电、税款等；点击＂Contactus＂，显示的不仅是伦敦市政府的联系方式，还有伦敦市近45个其他职能部门的联系方式。主导航旨在帮助浏览者对城市信息作全面了解；顶条导航旨在帮助浏览者解决具体任务及解答问题；关键词搜索旨在快速、精准地帮助浏览者获得信息。国内网站的导航系统分类繁杂，主导航条与顶条导航主次不分、内容重复，主导航条的分类有时高达10个类别以上。如上海城市门户网站导航系统设计，见图2，主导航条设置了13个类别；关键词搜索设置在主导航条下方，细分“网站群检索、站内检索、一般搜索、高级搜索”4个选项；顶条导航设置了8个类别，每个类别下方有显露式的下拉索引，达20项以上[2]。浏览者在分类过多、主次不分的导航系统中，要逐个阅读、筛选来寻找自己需要的信息。如何将繁杂的城市信息进行合理分类、概括，不仅能提高网站的易用性，建立清晰的信息架构，还能减少用户的选择难度，提高查找效率。不管城市的大小，其门户网站作为对内、对外展示城市和提供城市信息的基本功能是不变的。有效地把城市的主要功能作为主导航条，将具体任务的解决及查询设置到顶条导航的方法是值得大家仔细研究的。1.2以城市内、外用户群为主导的导航设置以用户群角度作为分类标准的导航设计，也是一种值得借鉴的方法。如日本金泽城市门户网站设计，见图3，设计师基于网络人群自助式点击的需求，在首页设置了城市居民和旅游观光客的不同入口[3]。这样的信息架构不是从城市功能、城市信息分类出发，而是基于城市对内、对外的用户群来进行构建。像这种对用户群进行快速分流引导的设计方法，有利于用户过滤掉不必要的信息。
2网站视觉元素设计
在进行城市门户网站视觉设计之前，应该对该城市进行基础调研，包括是否有该城市的视觉识别体系，以及该城市拥有的自然地理、文化历史、产业资源等信息，找出符合当地城市定位及文化特征的图形、文字和色彩等视觉元素，从而使城市门户网站的设计达到与地域文化相一致的、特色鲜明的视觉整体效果。2.1图标与图片设计对于以大量信息内容为主的城市门户网站来说，善用图标与图片的设计，不仅可以活跃版面、营造生动的网页形象，还能有效地配合文字信息达到视觉强化的作用。图标设计在现代设计中起着举足轻重的作用，它以形象简洁的图形设计跨越语言、文字障碍，具有国际通用性的特点。如巴黎城市门户网站首页设计，见图4，设计师在顶条导航上采用了图标设计，图标下方辅以文字说明，作为网站鲜明的视觉符号，避免了大量的文字导航，运用形象的图标象征导航的内容，使分类引导的信息更形象、更直观，或许不懂法语的人，也能通过图标辅助找到相应的栏目和页面[4]。多彩的图标导航设计与简洁的网站标志相结合，体现了巴黎作为国际大都会、时尚之都的城市特色。图片分为矢量图片和摄影图片，矢量图片富有装饰美感，摄影图片具有真实可靠等特点。在选择图片时，应根据网站内容进行挑选。在进行图片的编排组合时，有效地将图片与文字进行搭配，处理好图片大小，形成浏览视觉重点，从而有序指引浏览者，是提高网站可读性的重要设计方法。如图4中，大小图片的有序排列，既便于信息分类，又使视觉有了集中点。2.2色彩设计网页的色彩包括网站的标准色、图片的主色、页面的背景色和边框色等。色彩本身是客观的，但色彩的出现总能引起人们的一系列心理活动。人们的联想、风俗、生活经历往往会给色彩注入不同的情感内涵，并由此引发出对不同颜色的好感或厌恶，从而使色彩具有了明显的情感象征性。国外城市门户网站设计见图5[5]。巴塞罗那城市门户网站见图5a，设计师以巴塞罗那城市建筑中典型的蓝色和橙色作为网站的标准色，不仅与主页图片的色调一致，而且在主导航条的设计上也以蓝色和橙色加以区别，使得主导航条的分类更加清晰。柏林城市门户网站见图5b，网站以蓝色为主色调，红色为点缀色，整体统一。多伦多城市门户网站见图5c，网站以深蓝色为主色调，以低纯度的蓝色、紫色、黄色、绿色为辅助色，作为各主导航分类标题的背景色。良好的网站色彩设计，不仅能体现该城市的人文气息、活跃网页视觉效果，还能通过色彩的面积对比、色调对比，使得导航系统更具条理性，实现功能引导的作用。2.3网站标志与文字设计网站标志是城市门户网站的第一视觉元素，在首页中占据着重要的视觉位置，是城市形象的直观反映。有的网站标志是以该市的市徽进行延展设计，从而形成一致的城市视觉形象；有的则为适应网络文化而重新设计。国外城市门户网站标志设计见图6。不管是延用还是重新设计，网站标志都应该与网站页面的整体视觉风格保持一致。文字是网页设计元素中信息传达的主角，是信息传播的基本载体，同时也是最具创意的设计元素[6]。不同的标题需要选择能够准确传达其特性的字体。不同的字体，其风格与内涵不同。一般而言，网站正文的小标题字体应选择黑体，正文内容选择宋体，这样可以提高网站的可读性。良好的网站设计，不仅需要建立简洁、清晰、明了的导航系统，还要善于运用图标、色彩、标志、文字等视觉元素，才能起到强化导航系统、展示城市文化的作用。
3结语
篇5
关键词：Html；ACCESS；ASP；WQFQ；文章管理；文章录入；多用户留言；附件上传
中图分类号：TM393.09
1 绪论
1.1 建设目的
本网站设计之目的在于通过建设各个院系网站，使的管理与信息化接轨，从而全面提高的管理、学习、工作的效率，同时也进一步推动全校开展的教学信息化改革。
1.2 项目背景
信息技术尤其是网络技术被广泛应用到教育行业，成为教育发展的具有“里程碑”意义的事件。如何在教育信息化逐渐普及的背景下构建学校网站已经成为各级各类学校面临的一个重要问题。
如何在新课程改革的大背景下，深入探讨信息技术尤其是网络技术对系机构管理、学科建设、特色发展和对教学方法、教学手段、教学评价等方面前沿问题显得尤为重要。系网站做为系对内服务、对外宣传的重要平台，其建设已经引起更多教育管理者的重视。
1.3 项目特点
本方案主要特点如下：（1）可以在后台对站点的各类基本信息及相关参数进行设置修改。（2）本页面有强大的文章管理功能可以对文章进行多级分类，文章内容也可以进行各种添加、管理、删除等操作，文章管理过程中支持。（3）本网站有功能强大的多用户留言系统：可管理留言、留言可在线回复、支持ubb代码、有丰富的发帖表情、支持个性化头像等功能。（4）本系统支持多用户系统，并对多用户进行分级管理，赋予不同的权限，实现人性化操作。
2 网站的设计要求
2.1 设计主题
每个网站都有一个鲜明的主题，在目标明确的基础上，我们可以完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关人员也要留下一定印象。要调动一切手段充分表现网站的个性和情趣，突出个性，办出我们网站的特色。
2.2 界面设计
我们根据各个院系的VI风格及网站功能，采用网站设计中最能表现出统一风格的CSS技术进行页面进行统一的版面设计，充分体现各个院系的崭新形象。为了使网页设计有更好的视觉语言，我们需要严谨的编排和布局，虽然与平面设计相比主页的设计有所不同，但也有很多相似之处，可以拿来借鉴和参考。通过理性分析视觉要素，和空间组合图形文字来设计版式表现出一种和谐之美。
2.3 模块设计
采用模块化设计在最初的网站建设中可以将复杂系统化大为小、化繁为简，另外可以实现多人同时开发以提高系统设计效率。在完成以后便于管理员的日常维护，以及后期的功能扩展。功能模块网站建设以界面的简洁化和功能模块的灵活变通性为原则，为各个院系网站设计制作维护人员提供一个自主更新维护的动态空间和较为自主的发挥余地，从而高质量地办好其网站，达到一次投资，长期受益，降低成本的良好效果。
3 网站的具体实现技术
3.1 应用CSS与HTML的结合设计网页
3.1.1 什么是CSS。CSS可以使用不同的超链接样式在同一页面里，可以改变许多网页的外观只通过改变一个文件就可以实现这个工程，所以它是一种样式表（stylesheet）技术，也叫做层叠样式表（Cascading Stylesheet），有着网页样式表的强大和灵活特性。
3.1.2 CSS与HTML的结合方式。通过HTML的LINK元素可以把一个外部的样式表连接到HTML文档中。为了避免网页在展示时的延迟，浏览器会把外部样式表保存在缓冲区中。仅仅通过一个文件的改变就可以使整个网站的外观改变当样式被应用到很多网页时。
3.2 应用JavaScrip设计网页
信息和用户之间通过javascript可以实现一种动态的，实时的，可交式的表达能力。Javascript是一种比较优秀的脚本语言，收到人们的广泛喜爱。它能够满足使静态的HRML页面被提供动态的实时信息，并对Web页面所取代。有效实现了网络计算机的宏伟蓝图。
3.3 使用ASP设计动态网页
asp除了拥有和html一样的特性以外，在其基础上增强了程序的灵活性。拥有合理的结构，一个asp页面就可以完成上千个html做出的效果。鉴于asp简单易学的特性，很多初次设计程序设计行业的程序员都会选用它作为入门语言，尽管它的工作效率比起其他软件稍逊一筹。
总之asp具有易掌握的特点，程序员可以在很短的时间内娴熟的运用asp语句设计出精美的web应用程序。由于asp运用在服务器端，所以它的代码保密性强，无需经过编译链接，使用文本编辑器设计，集成在html语句中直接执行。
4 开发环境及需求
4.1 开发目的
动态交互式网页提供了很多功能，满足了人们对最新信息的需求和迫切的需要的及时性。在信息发展高度迅速的今天，网站技术显得尤为重要在我们的工作和生活中。
4.2 项目背景
随着Internet上信息交互性的加强和信息量的增多，使得HTML越来越难以满足用户的需求，所以对ASP的要求逐步提升，ASP语言发展迅速，利用ASP编辑语言开始了网站系统的开发。
4.3 开发环境
4.3.1 硬件条件。客户端计算机一台；网络通讯设备；Web服务器一台；主要包括MODEM、集线器、交换机、网卡等。
4.3.2 系统平台。体系结构：Browser/Server；网络操作系统服务器端：Microsoft Windows 2003 Server；Web服务器软件：IIS6.0；单机操作系统和浏览器做为客户端软件；Internet Explorer 6.0浏览器和Microsoft的Windows XP操作系统。
4.3.3 开发工具。基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序，我们主要使用EditPlus 2.12纯文本编辑工具进行后台开发，它是用来快速创建Web应用程序的开发环境，支持ASP、PHP、CGI等，脚本语言为简单易学的javascript或VBScript，另外对于前台界面的设计我们使用了Dreamweaver MX和PhotoShop相结合进行设计。
5 结束语
基于Web的现代教育将逐步取代传统教育，形成一种新型的教育方式，并越来越受到人们的关注。而基于Web的动态交互系统随着现代技术的发展成为现代网络教育重要的组成部分。
参考文献：
[1]石志国.ASP动态网站编程[M].北京：清华大学出版社出版，2001（09）.
[2]杨威.ASP 3.0网络开发技术[M].北京：人民邮电出版社出版，2000（11）.
[3]邓问渊，陈惠贞，陈俊荣.ASP与网页数据库设计[M].北京：中国铁道出版社出版，2001（02）.
篇6
企业需不需要网站？几乎所有有远见的企业家都会毫不犹豫地说：当然需要！但一个不容忽视的问题是，许多企业仅仅停留在"有网站"的阶段，他们并没有意识到一个界面粗糙、内容单
一、流程混乱、安全性差的网站，其实给访问者留下了极差的感觉，严重破坏了企业的形象。
怎么样的企业网站才算成功？时代财富顾问公司在为众多企业设计网站的过程中，总结出了一套完整的、有较高参考价值的《企业网站评定标准》，期望以此引起企业界对自身网站的重视，使企业网站真正成为企业宣传、管理、营销的有效工具。
企业网站定义：主要为了外界了解企业自身、树立良好企业形象、并适当提供一定服务的网站。根据行业特性的差别，以及企业的建站目的和主要目标群体的不同，大致可以把企业网站分为：
基本信息型：主要面向客户、业界人士或者普通浏览者，以介绍企业的基本资料、帮助树立企业形象为主；也可以适当提供行业内的新闻或者知识信息。这种类型网站通常也被形象的比喻为企业的"WEBCatalog"。
电子商务型：主要面向供应商、客户或者企业产品（服务）的消费群体，以提供某种直属于企业业务范围的服务或交易、或者为业务服务的服务或者交易为主；这样的网站可以说是正处于电子商务化的一个中间阶段，由于行业特色和企业投入的深度广度的不同，其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付的其中某一阶段。通常这种类型可以形象的称为"网上XX企业"。例如，网上银行、网上酒店等。
多媒体广告型：主要面向客户或者企业产品（服务）的消费群体，以宣传企业的核心品牌形象或者主要产品（服务）为主。这种类型无论从目的上还是实际表现手法上相对于普通网站而言更像一个平面广告或者电视广告，因此用"多媒体广告"来称呼这种类型的网站更贴切一点。
在实际应用中，很多网站往往不能简单的归为某一种类型，无论是建站目的还是表现形式都可能涵盖了两种或两种以上类型；对于这种企业网站，可以按上述类型的区别划分为不同的部分，每一个部分都基本上可以认为是一个较为完整的网站类型。注意：由于互联网公司的特殊性，在这里不包含互联网的信息提供商或者服务提供商的网站。
企业网站第一原则：目的性Intension必须有明确合理的建站目的和目标群体
任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。
建站的目的应该是经过成熟考虑的，包含几大要素：
目的应该是定义明确的，而不是笼统的说要做一个平台、要搞电子商务，应该清楚主要希望谁来浏览，具体要做到哪些内容，提供怎样的服务，达到什么效果。
在当前的资源环境下能够实现的，而不能脱离了自身的人力、物力、互联网基础以及整个外部环境等因素盲目制订目标，尤其是对外部环境的考量通常容易被忽略，结果只能成为美好的一相情愿。
如果目标比较庞大，应该充分考虑各部分的轻重关系和实现的难易度，想要一步登天的做法通常会导致投入过大且缺少头绪，不如分清主次循序渐进。
在充分考虑了目的和目标群体的特点以后，再来选择建站类型，并相应的安排适当的信息内容和功能服务。显然如果目标群体的互联网基础薄弱，建立电子商务型的网站就是个失误。在信息内容和功能服务的安排上，还应该避免大而全的十全大补丸式、贫乏空洞的八股文式、以及选材偏离主题的常见错误。
企业网站第二原则：专业性Specialization信息内容应该充分展现企业的专业特性
对外介绍企业自身，最主要的目的是向外界介绍企业的业务范围、性质和实力，从而创造更多的商机。在这里包括：
应该完整无误的表述了企业的业务范围（产品、服务）及主次关系
应该齐备的介绍企业的地址、性质、联系方式
提供企业的年度报表将有助于浏览者了解企业的经营状况、方针和实力
如果是上市企业，提供企业的股票市值或者到专门财经网站的链接将有助于浏览者了解企业的实力
如果提供行业内的信息服务，则这些信息服务应具备以下特性：
全面性：对所在行业的相关知识、信息的涵盖范围应该全面，尽管内容本身不必做得百分百全面
专业性：所提供的信息应该是专业的、有说服力的
时效性：所提供的信息必须至少是没有失效的，这保证了信息是有用的
独创性：具有原创性、独创性的内容更能引起得到重视和认可，有助于提升浏览者对企业本身的印象
所提供的信息是容易检索的
如果企业的客户、潜在客户包含不同语系的，应该提供相应的语言版本，至少应该提供通用的英语版本
企业网站第三原则：实用性Utility功能服务应该是切合实际需求的
网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势，这样的功能服务提供不但会削弱浏览者对网站的整体印象，还浪费了企业的资源投入，有弊无利。
网站提供的功能服务必须保证质量，这包括：
每个服务必须有定义清晰的流程，每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。
实现功能服务的程序必须是正确的、健壮的（防错的）、能够及时响应的、能够应付预想的同时请求服务数峰值的。
需要人工操作的功能服务应该设有常备人员和相应责权制度。
用户操作的每一个步骤（无论正确与否）完成后应该被提示当前处于什么状态。
服务成功递交以后的响应时间通常不应超过整个服务周期的10%。
当功能较多的时候应该清楚的定义相互之间的轻重关系，并在界面上和服务响应上加以体现。
层次性：
条理清晰的结构，表现为网站的板块划分的合理性，这里需要注意：
板块的划分应该有充分的依据并且是容易理解的。
不同板块的内容尽量做到没有交叉重复内容，共性较多的内容应尽量划分到同一板块。
在最表层尽量减少划分的板块数量，通常控制在4~6之间比较合适。
划分后的结构层次不宜过深，通常不超过5层为佳。
在安排层次的时候要充分考虑用户操作，比较常用的信息内容、功能服务应该尽量放到更浅的层次以减少用户点击次数。
信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3~5步以内，不得不需要更多的步骤的时候应该有明确的提示。
一致性：
页面整体设计风格的一致性：整体页面布局和用图用色风格前后一致。
界面元素的命名的一致性：同样的元素应该用同样的命名；同类元素命名满足一致性，做到即使某个元素的表述不清楚也能从上下文推断其义。
功能一致性：完成同样的功能应该尽量使用同样的元素。
元素风格一致性：界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。
精简性：
每个界面调出的时间应该在可以接受范围之内，当必须耗用较长的时间时应该有明确提示并最好有进度显示。
当不同的方式能够达到相同或近似的效果时，总是应该选取令客户访问或使用更简单快捷的方式（在开发资源差别可忽略的情况下），例如尽量减少客户端插件的使用。
主要界面尽量不超过浏览器高度的200%。
大量信息内容尽量不超过浏览器高度的500%，如果超过，应该使用页内定位或者进行分页。
命名应该是简洁的、定义清晰的、易明且不易相互混淆的；对于目标群体而言，尽量不使用较为生僻的词语，如果一定要，则应给出容易理解的解释。
应该具有明确的导航条和网站地图提供快速导航操作。
错误或者无效的链接是界面设计的大忌之一。
主要的信息应该放在突出的位置上，常用的功能则应该放到容易操作的位置上。
针对目标群体的需要应充分考虑浏览器兼容性、字体兼容性和插件流行程度等。
对于专业的术语、复杂的操作等有直接的容易理解的帮助。
简单有效的个性化有助于增强界面的易操作性。
在风格允许的情况下，可以适当增强交互操作的趣味性和吸引力。
企业网站第五原则：艺术性Artwork网页创作本身已经成了一种独特的艺术
网页创作从某种意义上来说可以称为"eyeballwork"，要达到吸引眼球的目的，再结合界面设计的相关原理，形成了一种独特的艺术，这使得企业网站的设计应该满足：
遵循基本的图形设计原则，符合基本美学原理和排版原则。
对于主题和次要对象的处理符合排版原理。
全站的设计作为一个整体，应该具有整体的一致性。
整体视觉效果特点鲜明：
页面版式结构
用色
线条和构图
配图的精细、美观程度
元素风格
整体气氛表达
字体选用
整体设计应该很好的体现企业CI。
整体风格同企业形象相符合，适于目标对象的特点。
企业网站第六原则：性能Performance网站正常的访问性能
访问速度，取决于服务器接入方式和接入带宽、摆放地点、硬件性能和页面数据量、网络拥塞程度等多方因素。如果目标群体不止本地，则还应考虑地理因素造成的性能下降。
可容纳的最大同时请求数，取决于服务器性能、程序消耗资源和网络拥塞程度等因素。
稳定性：平均无错运行时间。
程序性能：
响应请求并运行得出结果的平均时间
错误的检测和拦截
扩展性
安全性：
关键数据的保护，例如用户数据等
功能服务的正常提供。
网站的防攻击能力
对异常灾害的恢复能力
企业网站第七原则：常维护更新Maintenance网站的最大特点是它总是不断变化的
网站的不断更新是其具有生命力的源泉之一。对于三种类型网站而言，更新的重要性通常为基本信息型>多媒体广告型>电子商务型。网站更新指标包括：
信息维护频度
信息更新数量*质量/时间比
改版频度
影响维护的一个重要元素是网站界面和功能开发所选用的技术。
企业网站第八原则：发挥作用Knownandused网站必须被访问和使用才有价值
再好的网站，如果没有人访问和使用也是毫无价值的。
域名设计是企业网站的重要元素：
域名应该尽量容易理解和记忆，并且尽量简短；当难以简短的时候，宁愿放弃无意义或者难以理解的字符数字组合而选用稍长一点的域名。
域名设计应充分考虑目标群体的特点，例如如果要做到国际化，域名包含汉语拼音显然是不可取的。
域名应该尽量有意义并反映网站实质作用，一定要做到不可有歧义。
企业网站本身应该就是企业CI的一部分：
应该出现在企业常备的名片、Catalog、信封里。
应该出现在企业的各种广告里。
登陆搜索引擎是一种行之有效的推广方法，在常用大型搜索引擎登录，设计更准确和全面的关键词，可以增加被正确检索的机会。
与同类或者相关类型企业网站结为联盟或者结成伙伴关系也有利于网站的有针对性的推广。
结合企业本身的宣传推广活动和促销活动加强网站上的宣传和利用。
企业网站可以针对其目标群体特点采用一些其他的推广方法，例如座谈会等。作用比较突出的甚至包含品牌形象的网站也可以采用单独广告投入的方式进行宣传，例如网上银行、网上酒店等。
企业网站第九原则：反教条Anti-dogmatism原则是为目的服务而不应成为教条
任何原则都是因应目的而制定的，如果所采用的方法确实能够更好的达到目的，那就不必受原则本身的桎梏。
篇7
有两种类型的企业需要构建网站，其中一种是企业能够深刻地认识到网站对于企业的重要性以及实用性，能够通过网站来提高企业的整体形象，可以利用网站来挖掘其存在的巨大商机，这样可以创建消费者与企业之间沟通的桥梁。一般这些企业都属于门户企业，其对于网站的建设以及维护资金投入比较充足，对网站的设计方面也有着较高的要求。这也导致网站开发的周期较长，同时开发的难度也相对较大，因此，必须要具备良好的网站设计经验，才能胜任。另一种就是企业对于网站设计方面的认识较为浅显，并没有进行深入的了解，对于网站并没有过多的要求，只是简单的图片和文字，网站功能不要求充分地开发出来。因此，开发这类企业的网站较为简单，周期相对较短，开发出的网站实效性不大。从整体上来看，高职计算机教育存在较多不合理之处，过于注重理论或过于注重实践教学都是不可取的行为。因此，高教课程必须结合实际，针对企业需要培养人才，满足企业真实的需求，对课程进行相应的调整。
二、高教课程的网站设计
由于高职院校网站建设方面的课程缺乏系统化与综合化，学习的内容主要在开发语言方面，对于网页核心价值的信息以及内容所涉及的都较少。要求网站设计的课程必须适应时代的发展，其教学内容要不断进行更新，只有这样才能满足学生求新和求异以及求实用的心理，从而使学生对新知识的需求得到满足。其他国家目前的网站设计课程已经发展成一门综合的讲授课程。首先讲授的是信息策略和技术，其次是信息体系，最后是因特网技术，由此我们可知设计网站首先要认识信息体系。在进行系统的教学时，我们应该暂时将搭建网站的高级语言放下，可以将网站表现以及一般的架构作为着手点。想要帮助学生理解网站设计不是要堆砌内容，而是将各种多媒体的元素进行有机的整合。建设一个良好的企业网站，其实也就是将其信息进行整合的过程，这必须在了解企业各种需求的前提下进行，并且还要掌握企业在市场中处于的实际状况，以及竞争的状态和销售的渠道等。将信息和互联网技术进行有机的结合，将适合网上操作的工作移到网上来进行，可以使网站的功能得到充分的发挥。并且，还可以加入一些网页布局工具，如Dreamweaver以及flash软件等，这部分内容在今后的工作中具有较为实用的价值。可以适当地将一些国际优秀的网站引到课程中，让学生对其进行深入的分析与讨论，使学生形成最基本的设计以及策划等能力。高校的就业工作不能单单只依靠相关就业部门以及相关的职业指导教师，而要有专业性的教师指导。专业性的教师要在适当的时间内，依照学生所学专业和对学生的毕业跟踪，为学生专业的培训方案提供真实有效的根据，并定时地根据全新的教学内容，将全新的知识、理论以及全新的技术融入到学生当中，同时还要不断地调整学生的专业培养方式，避免供需结构之间的矛盾，拓展学生专业的就业面。对于计算机网站设计方向的学生来说，他们要搭建网站，需要一个较为完整的策划，这种策划需要具备企业的市场分析、可实施性分析、对目标群体的分析、对网站的主要栏目的编制、网站的主要功能类型以及网站的整体性结构等方面的知识内容。在进行了各个方面的调查与分析之后，才可以为企业设计出最符合企业发展的网站策划方案。因此，在讲授网站设计技术知识的基础之上，还可以适当地加入一些相关网站策划的知识，比如市场销售理论、知识传播理论以及网络推广方面的知识，以此来全面地拓展学生的知识面。
篇8
企业需不需要网站？几乎所有有远见的企业家都会毫不犹豫地说：当然需要！但一个不容忽视的问题是，许多企业仅仅停留在"有网站"的阶段，他们并没有意识到一个界面粗糙、内容单一、流程混乱、安全性差的网站，其实给访问者留下了极差的感觉，严重破坏了企业的形象。
怎么样的企业网站才算成功？时代财富顾问公司在为众多企业设计网站的过程中，总结出了一套完整的、有较高参考价值的《企业网站评定标准》，期望以此引起企业界对自身网站的重视，使企业网站真正成为企业宣传、管理、营销的有效工具。
企业网站定义：主要为了外界了解企业自身、树立良好企业形象、并适当提供一定服务的网站。根据行业特性的差别，以及企业的建站目的和主要目标群体的不同，大致可以把企业网站分为：
基本信息型：主要面向客户、业界人士或者普通浏览者，以介绍企业的基本资料、帮助树立企业形象为主；也可以适当提供行业内的新闻或者知识信息。这种类型网站通常也被形象的比喻为企业的"WEB Catalog"。
电子商务型：主要面向供应商、客户或者企业产品（服务）的消费群体，以提供某种直属于企业业务范围的服务或交易、或者为业务服务的服务或者交易为主；这样的网站可以说是正处于电子商务化的一个中间阶段，由于行业特色和企业投入的深度广度的不同，其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付的其中某一阶段。通常这种类型可以形象的称为"网上XX企业"。例如，网上银行、网上酒店等。
多媒体广告型：主要面向客户或者企业产品（服务）的消费群体，以宣传企业的核心品牌形象或者主要产品（服务）为主。这种类型无论从目的上还是实际表现手法上相对于普通网站而言更像一个平面广告或者电视广告，因此用"多媒体广告"来称呼这种类型的网站更贴切一点。
在实际应用中，很多网站往往不能简单的归为某一种类型，无论是建站目的还是表现形式都可能涵盖了两种或两种以上类型；对于这种企业网站，可以按上述类型的区别划分为不同的部分，每一个部分都基本上可以认为是一个较为完整的网站类型。注意：由于互联网公司的特殊性，在这里不包含互联网的信息提供商或者服务提供商的网站。
企业网站第一原则：目的性Intension 必须有明确合理的建站目的和目标群体
任何一个网站，必须首先具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部？主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务？如果目的不是唯一的，还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响，因此目的性是一切原则的基础。
建站的目的应该是经过成熟考虑的，包含几大要素：
目的应该是定义明确的，而不是笼统的说要做一个平台、要搞电子商务，应该清楚主要希望谁来浏览，具体要做到哪些内容，提供怎样的服务，达到什么效果。
在当前的资源环境下能够实现的，而不能脱离了自身的人力、物力、互联网基础以及整个外部环境等因素盲目制订目标，尤其是对外部环境的考量通常容易被忽略，结果只能成为美好的一相情愿。
如果目标比较庞大，应该充分考虑各部分的轻重关系和实现的难易度，想要一步登天的做法通常会导致投入过大且缺少头绪，不如分清主次循序渐进。
在充分考虑了目的和目标群体的特点以后，再来选择建站类型，并相应的安排适当的信息内容和功能服务。显然如果目标群体的互联网基础薄弱，建立电子商务型的网站就是个失误。在信息内容和功能服务的安排上，还应该避免大而全的十全大补丸式、贫乏空洞的八股文式、以及选材偏离主题的常见错误。
企业网站第二原则：专业性Specialization 信息内容应该充分展现企业的专业特性
对外介绍企业自身，最主要的目的是向外界介绍企业的业务范围、性质和实力，从而创造更多的商机。在这里包括：
应该完整无误的表述了企业的业务范围（产品、服务）及主次关系
应该齐备的介绍企业的地址、性质、联系方式
提供企业的年度报表将有助于浏览者了解企业的经营状况、方针和实力
如果是上市企业，提供企业的股票市值或者到专门财经网站的链接将有助于浏览者了解企业的实力
如果提供行业内的信息服务，则这些信息服务应具备以下特性：
全面性：对所在行业的相关知识、信息的涵盖范围应该全面，尽管内容本身不必做得百分百全面
专业性：所提供的信息应该是专业的、有说服力的
时效性：所提供的信息必须至少是没有失效的，这保证了信息是有用的
独创性：具有原创性、独创性的内容更能引起得到重视和认可，有助于提升浏览者对企业本身的印象
所提供的信息是容易检索的
如果企业的客户、潜在客户包含不同语系的，应该提供相应的语言版本，至少应该提供通用的英语版本
企业网站第三原则：实用性Utility 功能服务应该是切合实际需求的
网站提供的功能服务应该是切合浏览者实际需求的且符合企业特点的。例如网上银行提供免费电子邮件和个人主页空间就既不符合浏览者对网上银行网站的需求也不是银行的优势，这样的功能服务提供不但会削弱浏览者对网站的整体印象，还浪费了企业的资源投入，有弊无利。
网站提供的功能服务必须保证质量，这包括：
每个服务必须有定义清晰的流程，每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。
实现功能服务的程序必须是正确的、健壮的（防错的）、能够及时响应的、能够应付预想的同时请求服务数峰值的。
需要人工操作的功能服务应该设有常备人员和相应责权制度。
用户操作的每一个步骤（无论正确与否）完成后应该被提示当前处于什么状态。
服务成功递交以后的响应时间通常不应超过整个服务周期的10%。
当功能较多的时候应该清楚的定义相互之间的轻重关系，并在界面上和服务响应上加以体现。
层次性：
条理清晰的结构，表现为网站的板块划分的合理性，这里需要注意：
板块的划分应该有充分的依据并且是容易理解的。
不同板块的内容尽量做到没有交叉重复内容，共性较多的内容应尽量划分到同一板块。
在最表层尽量减少划分的板块数量，通常控制在4~6之间比较合适。
划分后的结构层次不宜过深，通常不超过5层为佳。
在安排层次的时候要充分考虑用户操作，比较常用的信息内容、功能服务应该尽量放到更浅的层次以减少用户点击次数。
信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3~5步以内，不得不需要更多的步骤的时候应该有明确的提示。
一致性：
页面整体设计风格的一致性：整体页面布局和用图用色风格前后一致。
界面元素的命名的一致性：同样的元素应该用同样的命名；同类元素命名满足一致性，做到即使某个元素的表述不清楚也能从上下文推断其义。
功能一致性：完成同样的功能应该尽量使用同样的元素。
元素风格一致性：界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。
精简性：
每个界面调出的时间应该在可以接受范围之内，当必须耗用较长的时间时应该有明确提示并最好有进度显示。
当不同的方式能够达到相同或近似的效果时，总是应该选取令客户访问或使用更简单快捷的方式（在开发资源差别可忽略的情况下），例如尽量减少客户端插件的使用。
主要界面尽量不超过浏览器高度的200%。
大量信息内容尽量不超过浏览器高度的500%，如果超过，应该使用页内定位或者进行分页。
命名应该是简洁的、定义清晰的、易明且不易相互混淆的；对于目标群体而言，尽量不使用较为生僻的词语，如果一定要，则应给出容易理解的解释。
应该具有明确的导航条和网站地图提供快速导航操作。
错误或者无效的链接是界面设计的大忌之一。
主要的信息应该放在突出的位置上，常用的功能则应该放到容易操作的位置上。
针对目标群体的需要应充分考虑浏览器兼容性、字体兼容性和插件流行程度等。
对于专业的术语、复杂的操作等有直接的容易理解的帮助。
简单有效的个性化有助于增强界面的易操作性。
在风格允许的情况下，可以适当增强交互操作的趣味性和吸引力。
企业网站第五原则：艺术性Artwork 网页创作本身已经成了一种独特的艺术
网页创作从某种意义上来说可以称为"eye ball work"，要达到吸引眼球的目的，再结合界面设计的相关原理，形成了一种独特的艺术，这使得企业网站的设计应该满足：
遵循基本的图形设计原则，符合基本美学原理和排版原则。
对于主题和次要对象的处理符合排版原理。
全站的设计作为一个整体，应该具有整体的一致性。
整体视觉效果特点鲜明：
页面版式结构
用色
线条和构图
配图的精细、美观程度
元素风格
整体气氛表达
字体选用
整体设计应该很好的体现企业CI。
整体风格同企业形象相符合，适于目标对象的特点。
企业网站第六原则：性能Performance 网站正常的访问性能
访问速度，取决于服务器接入方式和接入带宽、摆放地点、硬件性能和页面数据量、网络拥塞程度等多方因素。如果目标群体不止本地，则还应考虑地理因素造成的性能下降。
可容纳的最大同时请求数，取决于服务器性能、程序消耗资源和网络拥塞程度等因素。
稳定性：平均无错运行时间。
程序性能：
响应请求并运行得出结果的平均时间
错误的检测和拦截
扩展性
安全性：
关键数据的保护，例如用户数据等
功能服务的正常提供。
网站的防攻击能力
对异常灾害的恢复能力
企业网站第七原则：常维护更新Maintenance 网站的最大特点是它总是不断变化的
网站的不断更新是其具有生命力的源泉之一。对于三种类型网站而言，更新的重要性通常为基本信息型 > 多媒体广告型 > 电子商务型。网站更新指标包括：
信息维护频度
信息更新数量*质量/时间比
改版频度
影响维护的一个重要元素是网站界面和功能开发所选用的技术。
企业网站第八原则：发挥作用Known and used 网站必须被访问和使用才有价值
再好的网站，如果没有人访问和使用也是毫无价值的。
域名设计是企业网站的重要元素：
域名应该尽量容易理解和记忆，并且尽量简短；当难以简短的时候，宁愿放弃无意义或者难以理解的字符数字组合而选用稍长一点的域名。
域名设计应充分考虑目标群体的特点，例如如果要做到国际化，域名包含汉语拼音显然是不可取的。
域名应该尽量有意义并反映网站实质作用，一定要做到不可有歧义。
企业网站本身应该就是企业CI的一部分：
应该出现在企业常备的名片、Catalog、信封里。
应该出现在企业的各种广告里。
登陆搜索引擎是一种行之有效的推广方法，在常用大型搜索引擎登录，设计更准确和全面的关键词，可以增加被正确检索的机会。
与同类或者相关类型企业网站结为联盟或者结成伙伴关系也有利于网站的有针对性的推广。
结合企业本身的宣传推广活动和促销活动加强网站上的宣传和利用。
企业网站可以针对其目标群体特点采用一些其他的推广方法，例如座谈会等。作用比较突出的甚至包含品牌形象的网站也可以采用单独广告投入的方式进行宣传，例如网上银行、网上酒店等。
企业网站第九原则：反教条Anti- dogmatism原则是为目的服务而不应成为教条
任何原则都是因应目的而制定的，如果所采用的方法确实能够更好的达到目的，那就不必受原则本身的桎梏。
篇9
在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，提高学校知名度，特构建长沙市工商职业中专学校网站。
1．1设计思想
通过网站，全面宣传，展示学校风采、优点与特色，学校的重大活动安排与招生政策，增强家长与学校之间的联系，在Internet上实现完成部分校务，提高办事效率。
1.2开发工具的选用及介绍
ASP的优势：
ActiveServerPages：“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（Client）在IE浏览器中可以显示程序执行的结果，可是，客户端（Client）若使用Netscape浏览器就无法显示VBScript的执行结果。
ASP的特点：
任何开发工具皆可发展ASP
只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。当然，其他网页发展工具，例如，FrontPageExpress、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
语言相容性高
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！这是因杰ASP程序先于网站服务（WebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
易于操控数据库
ASP可以轻易地通过ODBC(OpenDatabaseConnectivity)驱动程序连接各种不同的数据库，例如：Acess、Foxpro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是”Excel”文件当成数据库用。
面向对象学习容易
ASP具备有面向对象（Object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
ASP的六大内部对象
对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理
所以我选择了ASP结合Frontpage架构长沙市工商职业中专学校网站
第二章网站总体分析与设计
2．1网站系统分析
根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：
l学校风采通过学校概括、教师风采、校园之星及部分图片等内容来展现。
l优点特色通过新闻、生动活泼的教育教学栏目来展现。
l信息通过公告栏、信息查询等栏目来实现，内容有招生政策、
活动安排等。
l部分校务根据校务的公开程度与参与人数的多少，特选择图书管
理、评优、考试查分、家校联系四大校务在网上实现。
2.2主页设计
网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，静态主页方式介绍学校风采、优点特色、信息，对于四大校务，就得利用ASP与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。
主页结构图
注：带下划线的表示是链接方式
2．3数据库设计
采用的数据库是MicrosoftAccess，拟建立teach.mdb库文件，包含如下几个表文件：
allmessage留言信息表
Libbooks图书信息表
Libcategories图书类别信息表
Libemps图书馆用户信息表；
stud学生信息表
第三章详细设计
3．1家长学校联络簿
3．1．1功能：
利用SQL语法过滤特定的家长留言意见，让老师可以针对某位特定学生家长所发表的意见作出独立的回答，同时，家长在发表个人意见时，若认为意见内容涉及敏感的话题或是意见内容涉及私人隐私，都可用“悄悄话”的方式发言，这些“悄悄话”将不会被显示出来让大家看到，当然，老师拥有管理的能力，只要以密码登录管理模式，就可以进行各个学生家长的单独意见回复，而且还能看到家长们所留下的“悄悄话”。
3．1．2组成构造
共分成六大部分：
1，意见留言结果网页guest.asp：用来显示家长发言与老师回复内容，同时还具备一般模式与管理模式两种显示方法。
2，家长发言表单网页addmsg.asp：让学生家长填写发言内容并选择发言性质。
3，家长发言数据处理ASP程序add.asp：处理家长发表的意见数据，同时将这些意见数据记录起来并将网页显示转向至意见留言结果网页。
4，老师回复表单网页teachans.asp：让老师针对某位特定学生家长所发表的意见作出独立的回答。
5，老师回复数据处理ASP程序anssave.asp：处理老师回复的数据内容，同时将这些意见数据起来并将网页显示转向至意见留言结果网页。
6，数据表文件allmessage：用来储存家长发言数据与老师回复数据的Access类型数据库文件。
“数据表文件”负责存放家长发言数据与老师回复内容的数据记录，为Access类型的库文件，将它定名为：“message.mdb”。
下图为家庭联络簿的组成与流程图：
老师回复
家长留言
读入写入
写入
3．1．3数据库结构设计
数据库文件”teach.mdb“中的数据表”allmessage“的栏目设置，如下图：
字段名字段类型
3．1．4界面设计与重点、难点代码的设计
数据库与留言显示程序网页
家长发言与老师回复的内容数据全部储存在数据库中，要在网页中显示目前的家长发言与老师回复数据，必须先进行数据库的链接与打开，要链接数据库我们必须使用ADO对象群的Connection对象；而要打开数据库则必须使用ADO对象群的Recordset对象，程序：
setcn=server.createobject("adodb.connection")
cn.open"filedsn=c:\programfiles\commonfiles\odbc\datasources\msaccessdatabase.dsn"
setrs=server.createobject("adodb.recordset")
sql="select*fromallmessageorderby留言时间desc"
rs.opensql,cn,1,1
Recordset对象是负责浏览与操作从数据库取出来的数据，Connection对象只负责与数据库进行链接的动作，并不能使用数据库内的数据，因此必须建立一个可以存取数据库数据的Recordset对象，
使用RS.Open方法存取”teach.mdb”数据库
RS.OpenSQL,CN,1,1
使用open方法来打开数据表或执行Select指令参数设置如下：
1，参数一（SOURCE）:为欲打开的数据表或SQL指令。
2，参数二（ActionConnection）:指定一个已打开的数据库对象，将此参数设为链接我们已经建立好的Connection对象“CN”。
3，参数三（CursorType）：指定Recordset的打开类型，1为可读写且可自由移动。
4，参数四（LockType）:指定锁定类型，1为只读。
数据排序与SQL指令
1．Select指令的筛选语句：
格式：Select…From
在SQL语言中：“Select”数据表“中选取某些“栏位”的数据.
2.如果要选取的数据表数据包含了一个以上的栏位，则我们可以利用“，”逗号来栏位名称隔开。
3．如果要选取的数据表数据包含了全部的栏位，则可以利用万用字符“*”来代表全部的栏位。
可排序数据的Select指令
1．当我们希望被选取出来的数据记录数据能够依据某个或某几个栏位的内容来排序时，只要将这些排序依据的栏位摆放在“OrderBy“保留字之后，然后将这处排序的语句连接在”Select…From“后面就行了。
2．“OrderBy“默认的排序方式是“由小排到大”，但若是希望排序方式是“由大排到小”，则我们可在栏位名称后再加上“Desc“保留字！将排序方式改为”由大排到小“。
在“显示留言意见”网页中的打开数据库ASP程序中的语句：
SELECT*Fromallmessageorderby留言日期Desc
功能为：从数据表“allmessage“中取出所有栏位的数据，并将取出的数据记录内容依照”留言日期“栏位使用的”由大排到小“排序方式进行排序。
留言显示网页的管理模式
“显示留言意见”的网页就必须具备显示模式选择的功能，当显示模式在一般情况时要能显示家长们的一般性发言，同时还得将“悄悄话“的发言隐藏起来。当老师以密码登录成为管理模式时，则必须将一般性发言与悄悄话发言的数据全部显示出来，同时还得让老师们可以针对某位特定学生家长所发表的意见作出独立的回答。
这两个情况是通过密码登录管理模式的ASP程序实现的：
<formmethod="post">
<%ifsession("checkedit")="yes"then%>
<inputtype="hidden"value="yes"name="goexit">
<inputtype="submit"value="离开管理模式">
<%else%>
密码：<inputtype="password"name="password"size="4"maxlength="4"><inputtype="submit"value="教师管理">
<%endif%>
</form>
在这段网页语句中，利用Session对象来记录目前的工作模式。当我们第一次进入“显示留言意见”网页的时候，我们所见的网页画面一定是一般！因为Session尚未被建立，因此它的“变量”值一定不会是“yes”，所以网页中会出现一个输入密码进入“教师管理”模式的栏位，只有当我们输入密码按下“教师管理”的按钮组织上发ASP程序中的进入管理模式语句后，Session对象才会被建立，同时，“checkedit“Session对象变量值被设置为“yes“，所以我们就进入了能将一般性发言与悄悄话发言的数据全部显示出来，同时还让教师们可以针对某位特定学生家长所发表的意见作出独立回答的管理模式页面。
留言显示网页的分页
当家长的发言与老师回复的数据笔数太多时，一次要将全部的数据内容显示在网页中，等待网页下载的时间太长了，因此采用固定笔数分页浏览方式来显示网页。
要进行分页显示，得先知道目前有多少笔的留言数据，而留言数据笔数可以通过Recordset对象的“Recordcount“（记录个数）属性得知，我们将每10笔数据为一单位分页显示：
count=rs.recordcount
ifcount/10>(count\10)then
totalpage=(count\10)+1
elsetotalpage=(count\10)
endif
“/”为浮点数除法，“\”为整数除法。
跳页选择的ASP程序语句
所有的发言数据采用固定笔数分页浏览的方式来显示后，还要提供一个跳页链接显示的功能，让浏览者可以选择希望浏览的页次进得浏览，ASP程序语句：
pagecount=0
rs.movefirst
ifrequest.querystring("topage")<>""thenpagecount=cint(request.querystring("topage"))
ifpagecount<=0thenpagecount=1
ifpagecount>totalpagethenpagecount=totalpage
rs.move(pagecount-1)*10
发言表单网页制作
insetu3
表单的参数
表单的Action参数：Action参数是用来指定Server端处理此一表单数据内容的程序，此处表单处理ASP程序为“add.asp“，
表单的Mothed参数：要将表单传送至Server端的方式有两种，设置值分别为GET及POST，若设置为POST，则浏览器会等Server端来读取数据，若设置为GET，则当我们按下送出按钮时，浏览器会立即将表单中的数据内传送出去。利用POST方法，在传送的数据上将不受限制，利用GET方法传送的数据量则大约只有2K左右。
留言处理程序
要将家长发言数据作后续处理及将这些数据内容存入数据库，须利用添加数据记录的InsertInto指令，然后再写入数据库文件中：
Insetinto指令语句格式：
Insertinto数据表名（栏目名）values（栏目值）
sql="insertintoallmessage(家长姓名,留言主题,联络信箱,留言内容,私人公开,留言时间,班级)values("
sql=sql&"''''"&parent&"'''',"
sql=sql&"''''"&subject&"'''',"
sql=sql&"''''"&email&"'''',"
sql=sql&"''''"&memo&"'''',"
sql=sql&"''''"&personal&"'''',"
sql=sql&"''''"&now&"'''',"
sql=sql&"''''"&bj&"'''')"
cn.executesql
回复表单程序网页
必须让老师们可以针对某位特定学生家长所发表的意见作出独立的回答,
使用Select…From…Where筛选语句
sql="select*fromallmessagewhere(编号="&ID&")"
rs.opensql,cn,1,3
然后将特定的家长发言数据放在表单，方法是将数据库中的数据取出来，然后放在表单栏位中：
“家长姓名“栏位网页语句标签
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("家长姓名")%><font></td>
“留言主题“栏位网页语句标签
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言主题")%></font></td>
“留言内容“栏位网页语句标签
<tdbgcolor="#CCCCFF"><fontsize="2"><%=RS("留言内容")%><font></td>
老师在回复栏位中所填入的数据，必须送给处理老师回复数据的ASP程序”anssave.asp”来记录以及处理这些回复数据。当老师填写好回复发言的数据后按下“送出回复”按钮后，表单中的数据内容就会以“POST”的方式由SEVER端读取，然后将数据内容交由处理老师回复数据的ASP程序“anssave.asp”来将数据内容写入数据库。
3．2网上图书馆
网上图书馆将学校图书馆图书放到网络上供人借阅，这样不仅方便了校内的学生与教职员工使用图书馆的资源,还为图书馆管理员提供了一种简便地管理图书馆的方法.
3．2．1功能
网上图书馆系统可以进行图书的出借和归还.还可以在系统中按照多种字段对图书进行查找,还可以浏览某个种类的所有图书.该应用程序也为图书馆管理员提供了一些功能,如添加、编辑以及删除图书等，或者在分类层次结构中添加新的种类。
3．2．2系统的层次结构
下图的每个方框代表校园图书馆网站中的一个页面。除了只包含HTML的Search页面外，其他的均为ASP页面。因为每个图书的页面都不同，所以大多数的页面实际上都是多页面。
3.2.3数据库设计
本系统共使用3个数据表：
LibBooks表包含与图书有关的所有数据。该表中的字段内容的图书的通用信息。另外，对于已经出借的图书，该表中还包含借阅该图书的用户的ID号，以及图书的状态。
表视图如下：
字段名意义字段类型字段名意义字段类型
bookid书号(主键)数字(nonull)status状态文本
title书名文本checkedoutto用户id数字
author著者文本reservedby用户学号数字
Subject主题文本description描述文本
IsbnIsbn号文本keywords关键字文本
LibCategories表包含Library中的所有类别，在访问者浏览图书列表时将会用到这些类别。每个类别都可以作为另外类别的父类别。有一个特殊的类别，Top-Level,没有出现在类别列表中，但是可以作为其他任何类别的父类别。
字段名意义字段类型
Categoryname类别文本(noll)
parentcategory父类别文本(noll)
LibEmps表包含可以访问图书馆网站的用户信息。该表包含一些通用的信息字段，比如用于进入图书馆的用户密码等。
字段名意义字段类型字段名意义字段类型
empid用户id(主键nonull)数字password用户密码文本
Empname用户姓名文本manager管理员代号数字
emailaddress用户邮箱文本
图书馆数据库的数据关系如图9-22所示。其中表LibEmps和表LibCategories与表LibBooks之间都是一对多的关系。每个雇员都可以借阅多本图书，每个类别都可以包含多本图书。
3.2.3界面设计与重点代码的设计
网上图书馆系统有两种用户，一是管理员。另一种是只允许使用图书馆系统，而没有管理功能的一般用户。访问者进入网站，首先要进行登录，如下图所示。登录页面（index.asp）
访问者输入E－mail地址和密码来登录，然后单击“登录”按钮。输入的数据提交后与数据库中的用户表进行匹配。
须创建一个记录来保存基于访问者登录的用户信息
setRSFindEmp=conn.Execute("selectEmpID,ManagerfromLibEmpswhere"_
&"EmailAddress=''''"&Request.Form("EmailAddress")&"''''and"_
&"Password=''''"&Request.Form("Password")&"''''")
ifRSFindEmp.EOFthen
TheMessage="密码或email地址不对."
else
Session("EmpID")=RSFindEmp("EmpID")
Session("Manager")=RSFindEmp("Manager")
Response.Redirect"../yk.htm"
endif
表单域EmailAddress和Password用于Where了句中来获取一个记录。如果访问者输入了一个无效的用户名，则记录集中将不会返回匹配的记录。我们可以通过查看EOF标记来判断一个记录集是否为空。为空，则访问者将被拒绝进入该系统。不为空，则访问者的EmpID值和Manager值将从记录集中返回。写入Session变量，变量将在整个网站的所有网页中都是有效的。这些变量的存在与否及其取值将用于确定是否允许进入一个特定的网页，同时也用于访问者进行书目的归还和借阅操作。
图书馆菜单页面
图书馆菜单页面包含指向其他4个页面的链接：管理页面、搜索页面、图书列表页面和主页面。还有一个可显示用户所借书籍的按纽。如果访问者是图书馆管理员，则菜单界面如图所示。如果访问者不是图书馆管理员，则看到如图所示的界面。非管理员的访问者的界面上没有指向管理员菜单页面的链接。
实现办法：访问者登录时在登录页面上的创建的会话变量Session用于从数据库中获取访问者的有关信息，表示它是否是管理员。如果值为1，就表明访问者是一个管理员，则用如下代码写入一个指向管理员页面的链接：
<%IfSession("Manager")=1then%>
<AHREF="../html/management_menu.asp">管理员菜单</A>
<%endif%>
通过按纽B1是否为空来判断要不要显示用户所借图书，利用一个记录集来获取访问者已经借出了的所有图书的列表。
ifNOTisempty(Request.Form("B1"))then
setRSBooks=conn.Execute("selectBookID,TitlefromLibBookswhere"_
&"CheckedOutTo="&Session("EmpID"))
endif
再用循环语句将所借书以表格形式显示出来。
<tableborder=1width="90%">
<%ifNOTisempty(Request.Form("B1"))then
DoUntilRSBooks.EOF%>
<TR>
<TDWIDTH=40%height="20"><%Response.WriteRSBooks("Title")%></td></tr>
<%RSBooks.MoveNext
loop
endif
%>
</table>
循环将遍历Rsbooks记录集中的每个记录，直到该记录集结束：
该网站中的所有ASP页面都会在访问者访问之前对其进行登录检查。这样就可以避免访问者通过输入某个页面地址然后在没有登录的情况下直接进入该页面的情况发生。此外，每个管理页面都要确认访问者是管理员。
管理菜单页面
管理菜单页面有一个HTML表单，根据选择的按钮的不同，可以进行5种不同的操作：图书的归还、图书的编辑、图书的删除、图书的添加和类别的添加。不管选择了哪一个按钮，该表单都提交人其自身进行处理。
要进行图书的归还、图书的编辑、图书的删除三种操作，须先进行搜索，找到该书后，由图书Book.asp返回一个链接：
<%IfSession("Manager")=1then%>
<AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A>
<%endif%>
而管理者页面通过下列语句
<%=request.querystring("title")%>
<inputzztype=hiddenname="BOOKID1"value="<%=request.querystring("BOOKID")%>>
这样就将所找到的书的书号BookID、书名Title传递管理者页面。再进行所须操作。共有3个不同的铵纽，可以进行3种操作。若单击“修改”钮：
则重定向到编辑图书页面，同时把Bookid传递给该页面。
Response.Redirect"./edit_book.asp?BOOKID="&request("BOOKID1")
将其他的情况需要建立到数据库的连接：
setconn=server.createobject("adodb.connection")
Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")
ifNOTisempty(Request.Form("Delete"))andrequest("BOOKID1")<>""then
conn.Execute"deletefromLibBookswhereBOOKID="&request("BOOKID1")
endif
if(NOTisempty(Request.Form("checkin")))andrequest("BOOKID1")<>""then
conn.Execute"updateLibBookssetcheckedoutto=0,status=''''Available''''whereBookID="&Request("BOOKID1")
endif
页面中的添加新的种类部分包含一个文本控件和一个选择控件。其中选择控件是用所有已经存在的类别列表进行填充的，包括特殊类别Toplevel，该类别表明当前类别是处于类别层次结构中的最顶层。代码如下：
先用一个记录集来填充父类别选择控件：
setRSCategories=conn.Execute("selectCategoryNamefromLibCategoriesorderbyCategoryName")
再用下列循环语句：
<%
DoUntilRSCategories.EOF
%>
<OPTIONVALUE="<%response.writeRSCategories("CategoryName")%>"><%response.writeRSCategories("CategoryName")%></OPTION>
<%
RSCategories.MoveNext
Loop
%>
遍历RSCategories记录集中的每个记录，并作为一个选项添加到列表中，而记录集中CategoryName同时作为显示值和传递值：
本页面还包含一个指向添加图书页面的链接。
搜索结果页面
搜索页面的代码获取与访问者查找规则相匹配的图书，然后将这些图书显示给访问者。
搜索页面上的表单包含一个选择控件和一个文本控件。选择控件中的选项是用可搜索的字段填充的：
需要用一个记录集来保存与访问者的查找规则相匹配的记录：
setRSBooks=conn.Execute("selectBookID,Author,Title,SubjectfromLibBookswhere"_
&Request.Form("SearchField")&"Like''''%"&Request.Form("SearchCriteria")&"%''''")
注意：，符号%表示的是一个广义搜索。这一点类似于ACCESS中的符号*。
然后将所找到的书以表格形式显示出来。代码如下：
<%DoUntilRSBooks.EOF%>
<TRVALIGN="top"ALIGN="left">
<TDWIDTH=40%height="20"><B></B><AHREF="../html/book.asp?BookID=<%Response.WriteRSBooks("BookID")%>"><%Response.WriteRSBooks("Title")%></A></TD>
<tdwidth=20%height="20"><B></B><%Response.WriteRSBooks("Author")%></td>
<tdwidth=30%height="20"><B></B><%Response.WriteRSBooks("Subject")%></td>
<%RSBooks.MoveNext
Loop%>
图书页面
图书页面的代码显示图书的有关信息，以及管理图书的出借操作。
该页面通过Querystring传递BookID
ifisempty(Request.QueryString("BookID"))then
Response.Redirect"./search.html"
endif
如果其中不存在，则访问者将被重定向到搜索页面：
如果同时传递表单中包含的变量Action不为空，则表明访问者正借阅该图书：
ifNotisempty(Request.QueryString("Action"))then
在这种情况下，需要将图书状态改为Checkout,同时需要将Checkedoutto字段修改为该访问者：
conn.Execute"updateLibBookssetStatus=''''CheckedOut'''',"_
&"CheckedOutTo="&Session("EmpID")&"whereBookID="_
&Request.QueryString("BookID")
Response.Redirect"./library_menu.asp"
endif
然后将该访问者重定到图书馆菜单页面：
下一步，利用图书的状态来确定不同的链接
未借出时链接如下：
ifRSBooks("status")="Available"then
LinkText="<AHREF=""../html/book.asp?Action=CheckOut&BookID="_
&Request.QueryString("BookID")&""">借这本书</A>"
如果图书已经借出，就创建一个不同的消息，并将链接设置为指向Librarymenu页面：
LinkText="<AHREF=""../html/library_menu.asp"">图书已出借，返回主菜单。</A>"
最后根据是否是管理员，显示管理员菜单链接。
<%IfSession("Manager")=1then%><AHREF="../html/management_menu.asp?title=<%response.writeRSBooks("Title")%>&BOOKID=<%response.writeRSBooks("BOOKID")%>">管理员菜单</A><%endif%>
3.3网上评优投票系统
3.3.1功能：
能实现全校性的评选，快捷、公平，且有效，不允许做票。
3.3.2组成构造
这个系统由3个部分组成——投票页面vote.htm，处理投票结果的脚本，显示投票页面。
3．3．3数据表的设计：
3．3．4界面设计与重点、难点代码设计
投票页面
该页面是一个纯HTML文件，它让用户选择自己想选举的候选人，并填写自己的详细资料，以确认投票的有效性。页面显示如图所示。
表单处理脚本
在vote.htm中各项数据都填写完毕后，单击确定投票按钮，表单的数据就被提交，
本次评优共有4个候选人，但只能选两个。故用复选框。
投票的有效性通过是否是本校学生，且是否投过票来判断。
ifrequest("passno")<>""then
sql="select*fromstudwherepassword="&"''''"&request("passno")&"''''"&"andyitu=0"
setrs=cn.execute(sql)
ifrs.eofthen%>
<h2align=center><%response.write"你无权投票"%></h2>
本设计允许少选，不允许多选。通过判断Vote投票界面传递过来的复选按纽值的长度看是否多选。
vo=request("cand")
iflen(vo)>4then%>
<h2align=center><%response.write"多选了，无效"%></h2>
然后根据所投的票将对应候选人的投票结果字段加1，同时将该投票人的已投字段置为1。
sqq="updatestudsetyitu=1wherepassword="&"''''"&request("passno")&"''''"
cn.execute(sqq)
ifinstr(vo,"1")then
cn.execute("updatestudsetresult=result+1wherename=''''李宁''''")
endif
ifinstr(vo,"2")then
cn.execute("updatestudsetresult=result+1wherename=''''杨兰''''")
endif
ifinstr(vo,"3")then
cn.execute("updatestudsetresult=result+1wherename=''''江道明''''")
endif
ifinstr(vo,"4")then
cn.execute("updatestudsetresult=result+1wherename=''''段启文''''")
endif%>
显示当前投票情况show.asp
由于投票处理页面已经完成了绝大部分的工作，所以显示结果页面就很简单了，其功能是从Stud表文件中读取候选人所得票数，显示在页面上。
页面显示如图
值得注意的代码主要有以下几处：
该页面有自动刷新功能，使在线用户可以尽快的看到最新的选举情况。我们这里设定每隔30秒钟自动刷新一次。
<metahttp-equiv="refresh"content="10;URL=show.asp">
显示投票时，我们采用了while循环，把候选人及其得票数，整齐地显示在一个表格中，这种技术在数据库查询结果的显示中也经常用到。代码如下：
<%whilenoths.eof%>
<tr>
<tdwidth="100%"><center>
<fontcolor="#8000ff"><big>
<%=hs("name")&""&hs("result")&"票"%>
</big></font>
</center>
</td>
</tr>
<%hs.movenext%>
<%wend%>
3．4达级考试在线查分系统与计数器的制作
3．4．1功能：
它提供了在线查看成绩。考生可以在网上使用这一系统，通过输入准考证编号来查询达级考试的结果。
3．4．2数据表的设计
与评优系统共用STUd表，表设计同上。
3．4．3界面设计与重点难点代码的设计
该模块需要查询者输入准考证号后来查看结果。若ID1不为空时，表示有表单输入，开始查询数据库。使用SELECT的SQL指令查询数据库的数据。先设定SQL指令，查询ID符合准考证编号Request.Form("ID1")的数据，下个“Execute”指令，即可开始执行存取、查询数据的动作了。并将查询结果储存到Recordsets组件RS中。
IFRequest.Form("ID1")<>""THEN
SetConn=Server.CreateObject("ADODB.Connection")
Conn.Open("FILEDSN=c:\ProgramFiles\CommonFiles\ODBC\DataSources\msaccessdatabase.dsn")
SQL="SELECTname,id,scoreFROMstudWHEREid=''''"&Request.Form("ID1")&"''''"
SetRS=Conn.Execute(SQL)
若考试通过，则显示考试的结果，包括姓名、准考证编号、总分和考试结果，分别由RecordSets组件的RS（0）、RS（1）、RS（2）、RS（3）得到。FS.Field.Count表示RecordSets组件的域的总数，由“forI=0toRS.Fields.count-1”，取得RS（I）各域的数据。配合<Table>表格的HTML语法，将结果填入表格的各单元格中。若还有下一个数据，就使用RS.MoveNext移到下一个位置。
3.4.4页面访问计数器的制作
利用文件处理组件FILESYSTEM的强大功能来制作，比用Application对象计数器要好，Application计数器当有20分钟没有人连上该网页或关机时，计数器会被归零。而文件计数器却不会因时间而消失。我用Count.txt存放访问人次。代码如下：
whichfile=server.mappath("pic\count.txt")
setmyfile=server.createobject("scripting.filesystemobject")创建一个
setthisfile=myfile.opentextfile(whichfile)组件对象
visit=thisfile.readline
thisfile.close读取计数器数据文件Count.txt中的计数数据
visit=visit+1记录自加一次
length=len(visit)
fori=1tolength
response.write"<imgsrc="&mid(visit,i,1)&".jpg></img>"将记录的数据用图片显示出来
next
setthisfile=myfile.createtextfile(whichfile,1)将新计数数据写入文件thisfile.writeline(visit)
setmyfile=nothing
数字图片我利用PHOTOSHOP中的文字特效制作了9个立方数字：
四．系统的使用说明与安装
4．1运行环境要求
Windows98
PersonalWebServer3.0（PWS）
Microsoft?Access2000(9.0.2812)
4．2安装设置
A.将本网站拷贝到硬盘上的某一目录下，如：拷贝至c:\y1下。
B.运行PWS，将默认的Web站点主目录设置为该目录，如上例应为c:\y1；
具体步骤：
a.选择“高级”项；
b.单击“编辑属性”按钮，在出现的“编辑属性”对话框中的“目录”项中填入“c:\y1”，其他不变，确定；
C.设置启动默认文档为：yy.asp
致谢
通过这次毕业设计，使我感到高科技、新知识的力量。这次毕业设计过程中，得到了长沙市工商职业中专学校的大力支持，给我提供了舒适的工作学习环境，也得到了科大老师、教授的精心指导，在此表示衷心的感谢！
五．参考文献
篇10
一、网站设计的风格
“风格”是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语气、内容价值等等诸多因素。风格是有人性的，不管是色彩、技术、文字、布局，还是交互方式，只要能由此让浏览者明确分辨出这是本网站独有的，这就形成了网站的“风格”。一般都要求：清纯简洁，主题鲜明，内容编排得当合理、有一定的艺术感，美观、实用，相关链接正常，能体现网站的基本功能，可以从以下几个方面来为网站设计一个独特的风格。
1.网站标志(LOGO)
LOGO是指网站的标志，标志可以是中文、英文字母，也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如：网站内有代表性的人物、动物、植物，可以用它们作为设计的蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志，采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
2.网站色彩
网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩，要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。至于其它色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。例如IBM的深蓝色，肯德基的红色条型。一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做，颜色搭配最方便；亮色与暗色配合，最容易突出画面，如黑与白，红与黑，黄与紫；而近似的颜色的搭配，能给一种柔和的感觉，如墨蓝与淡蓝，深绿与浅绿。最好能给主页定一个主色调，不要搞得花花绿绿的。
3.设计网站字体
和标准色彩一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵，选择更贴切的字体。需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的计算机里没有安装特别字体，他看到的只能是乱码，那么辛苦的设计制作便付之东流了。
4.使用精炼有效的语言
现代生活节奏加快，人们往往没有时间看大块文章。为了节约时间，在单位时间内获取最大量的信息，人们需要精练的信息，即信息精品，要用信息语言来表达信息内容。所谓信息语言是指以下公式：信息=基本事实＋数据描述＋专家观点。
信息语言摒弃一切广告性词句、文学性修饰词句，不欢迎一切关于意义、重要性的过分渲染。尽量采用数字说话，欢迎定量描述，反对过多的定性描述，特别是无法形成准确概念的定性描述。用信息语言描述，任何信息都应该有出处，有时间，分类准确。当然，应当满足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是，不要出现错别字、病句。
5.设计网站宣传语
网站的宣传语也可以说是网站的精神、主题与中心，或者是网站的目标，用一句话或者一个词来高度概括。用富有气势的话或词语来概括网站，进行对外宣传，可以收到比较好的结果。
二、网站设计的色彩搭配
打开一个网站，给用户留下第一印象的既不是网站的丰富内容，也不是网站合理的版面布局，而是网站的色彩。色彩对人的视觉效果非常明显，一个网站设计成功与否，在某种程度上取决与设计者对色彩的运用和搭配，因此专业人士把色彩制作成色系表，根据这些色系让网站也有其自身的色系，网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。
1.网页的底色
网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。
2.文字字型
文字字型上的设计，最好的网站是以所有浏览者都能看到的字型为主。常会看到有许多网站要求浏览者须自行下载某种字型，才能达到最佳浏览效果，这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容，不可能会因为这种“为达最佳浏览效果”，而自行下载所需要的字型。当所要求的字型若不下载，并不会影响到网站内容上的浏览与不便，那么对浏览者的要求就微乎其微不可能发生任何作用。这么一来，对于网页设计者来说，无非是非常可惜的，因为当初的设计风格却未能让浏览者一窥全貌，岂不是白费心思的吗？
3.图片的色系
以色彩学简单的区分，色系可分为冷色系与暖色系，再详细一点的区分，又可分出各种颜色的色系，而色系的区分，就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应，就是比较困难的地方了。要绘制一张图并非易事，要绘制一张符合自己网页风格的图，更是困难重重。大部分的网页制作者，并不大可能驾轻就熟的使用影像处理软件或绘图软件，于是乎，网页素材的网站就开始盛行了。当然，不会使用绘图软件并不代表网页就不能设计的很出色，若是能将网络上的素材资源妥善利用，网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片，就是门很大的学问了。
以图片内容来说，能切合网站主题最好，若不能，也别差异太多。以颜色来说，若一个网页是蓝色的底色，但整个网页的图片却乱七八糟，各种颜色纷纷出笼，更糟的是，蓝色是属于冷色系的颜色，若以蓝色为底的网页，却尽都是大红色、橘色的图片，那将会使整张网页看起来就像垃圾堆，杂乱无章。所以，可以简单的归纳出，网页与图档的颜色，色系一致或是视觉效果一致，将会使网页看起来更为美观且有自己的风格。
4.网页的颜色
网页的颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者的角度来观看，整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好，但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说，就是失了自己独到的风格。因为使用粉色系的网站，不外乎都有相同的特点，文字颜色浅，底色也以浅色系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。以各大搜寻网站来说，根本不会做这样的设计，因为文字颜色淡，加上底色浅，对浏览者来说，阅读上非常吃力，所以这样的设计风格也应尽量避免。 一个有自己风格，且阅读起来舒适大方的网页，并不可能一次就写好，而是需要经过不厌其烦的修正、调色，才能达到最佳浏览效果的。
三、网页的美化设计
1.使用CSS优化网页外观
使用CSS来获得对整个站点所有WEB页面的外观控制。设置页边空白，页面填充，边界，颜色和背景。对任意网页元素设置字体大小及改变字体外观。创建动态活动链接。创建CSS风格的完全兼容的网页。
CSS的主要好处就在于，你不用去修改网页文件，只要修改这个页面连接的CSS文件，就可以实现不同的显示效果，包括底色、背景图片、文字大小、颜色、边框……等等。网站的版面、布局要求，不能占用较大的边幅放栏目图片，正文的位置不能少，图片与文章的搭配要平衡，过多使用大图片，大大增加了传输流量，影响了网站浏览者阅读的速度，要优化网页就尽可能使用CSS实现，灵活地使用CSS，可以使页面精致漂亮而又不会占用过多的系统资源，所以很有必要花些时间研究一下。
2.用表格美化页面布局
