校园网站毕业论文.doc

山西省林业职业技术学院信息工程系毕业设计（论文） 摘 要 internet以惊人的速度对经济活动和社会活动产生日益广泛的影响，同时加剧了招生信息服务业的生存环境，加快了整个市场的结构变革。为了在市场竟中生存和发展，招生信息服务业的学校必须实现信息化。招生信息门户网站成为招生信息业信息化的重要组成部分，建立了学校与学生的交流平台，招生信息门户网站的建立意义在于树立学校的形象，建立新型的招生信息业交流传播交易的媒介，为学生提供更完善的服务，加强学校与学生之间的信息联系，改善内部管理，提高销售的效率。本文研究的是校园网站设计，具有用户使用更简单、界面更直观等优点。校园网站在我国刚起步，发展很快。随着我国互联网的更加普及和校园网站的更趋成熟，会有越来越大的网络用户，市场潜力会得到充分发挥。校园网站，为更好的办学，提高学校知名度，做出了重要贡献。通过网站，全面宣传，展示学校风采、优点与特色，发布学校的重大活动安排与招生政策，增强家长与学校之间的联系，在internet上实现完成部分校务，提高办事效率。 关键词：html 招生信息网站 网站设计abstarct internet with amazing speed of economic activity and social activities create day by day the widespread influence, and internet increased enrollment information service industry environment, speed up the whole market structure reform. in order to survive and develop market unexpectedly, recruit students information services of business people must realize informationization. recruit students information portal website a recruitment information, information is the important component of the school and students build communication platform, recruit students information portal site set up significance lies in setting the image of the school, build a new recruit students information communication media of the trade, to provide students with a more perfect service, strengthen between schools and their students connection of information, improve internal management, improve the efficiency of sales.this study is about the campus web site design,its advantages that users can use simpler, more intuitive interface.campus site in china has just started ，but develop rapidly.as chinas internet is more popular and campus sites become more mature, there will be more and more web users, the market potential will be given full play.school web site for better schools, and made important contributions to enhance the school profile.through the website, a comprehensive information display school style, strengths and characteristics of the major activities of the school published admission arrangements and policies to enhance the links between parents and schools, the internet, to achieve the completion of part of the school and improve efficiency.key words：html recruit students information web site web design目 录摘 要1abstarct2前 言5第一章 网站建立的理论基础61. 1 制作环境及其制作目的61. 4 html的优势91. 5 本章小结12第二章 制作网站工具介绍132. 1 制作工具的选用及介绍132. 2 本章小结18第三章 网站的整体设计193. 1 网站简要说明193. 2 网站可用性讨论193. 3 网站模块构成213. 4 本章小结22第四章 网站整体设计的具体实现234. 1 前台显示说明234. 2 结构设计244. 3 具体设计文档244. 5 网站维护的设计254. 6 本章小节27第五章 网站制作的不足及其纠正285. 1 关于我的网站制作285. 2 网站今后的展望29总 结31致 谢323山西省林业职业技术学院信息工程系毕业设计（论文）前 言在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分，无论是在商业、工业还是政府部门中都早已普及开来，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计，日益被网站建设者所注重。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。 所以在不久的将来通过网络来传播信息将成为重要的信息交流的平台，建设招生信息门户网站有着重要的意义。可以进一步的宣传招生信息业，为招生信息业提供良好的发展平台，方便人们的生活。同时增进了学校与学生、学校也学生之间的交流有利于树立良好的交易风气，创造学校与学生和谐的平台。因此，创建招生信息门户网站是潮流的趋向。第一章 网站建立的理论基础1. 1 制作环境及其制作目的在21世纪网络无处不在，网站不再仅仅为企业或公司大型企业所拥有，一个班级，一个家庭甚至个人都可以拥有属于自己的网站。利用网络传播信息现在已经成为了一种新的快的准确的传播方式，网站也从网络进行的。 一、建立招生信息门户网站有以下意义： （1）在这个高度信息化的社会里，建立招生信息业自己的网站是最直接的宣传手段。网站的超时空性，不仅能叫人们了解招生信息业的最新资讯，人们也可以从计算机网络上获得各种需要的信息等等。（2）网站是实现招生信息资源分配的桥梁，它使每一个人们都能获得自己需要的信息，同时可以为人们提供便利。（3）招生信息门户网站能够为人们提供自己所需的信息，招生信息门户网站是的学校与学生之间有了全新的交流方式，它不再受地域的限制，它可以使学校与学生进行交流。达到互惠互利的目的。（4）招生信息门户网站是最佳的交易平台，招生信息门户网站与大型招生信息企业和各个招生信息学校的网站的有效链接，给学校们提供咨询交流的天地，各种招生信息业的咨询、各种学院信息、各种最新资讯等内容，为学生与学校之间的交流提供了极佳的平台，有效的共享了资源、节省了成本。（5）招生信息门户网站能够提供个性化的交易平台，不同的学生有着不同的消费观念，对消费的观念的认知不同。网络提供了丰富的资源可以使学生寻觅不同的交易方式，各取所需。招生信息门户网站允许学校与学生建立交流，使学校和学生更进一步交流。二、html作为一种样式语言，随着internet上信息量的增多和交互性的加强使html显得越来越难以胜任的情况下，而能够彻底实现用户与管理人员的交互性，在编程语言高度发展的形式下，能够横好的解决这些复杂交互的动态性，于是我们也开始了对招生信息门户网站的动态开发，即而让招生信息门户网站更好的互动。 （1）支持的系统采用browser/server体系结构，服务器端采用运行最低配置要求(全部为中文环境) 操作系统 windows 2000 adv server，windows 2000 server 脚本解释器 vbscripts5.6以上版本，安装microsoft internet explorer4.6以上版本既可获得：web服务器 iis 6.0，windows 2000自带 数据引擎 microsoft access 权限要求 对access数据库具有建表、备份的权限 空间大小 初次安装至少10m可用空间硬件要求 piii500 cpu 256m内存或更高 带宽要求 10m共享或更高客户端软件，包括单机操作系统和浏览器软件，分别选用windows 2000和internet explorer。 （2）制作工具基于web的系统开发工具应使开发者使用各种各样的技术来创建动态的web应用程序，并且应是一个可视化的工具。我所采用的是dreamweaver mx进行制作，它是用来快速创建数据驱动web应用程序的基于团队的开发环境，支持，以odbc连接数据库，脚本语言为简单易学的javascript。1. 2 运行需求的环境 在调试和运行过程中，应该能够让系统正常使用时不出错，若运行时遇到不可恢复的系统错误，也应该保证数据完好无损，对数据的精确度、时间特性、适应性等都有一定要求，要求系统运行时，能够保证数据的正确性、信息的可靠性、实现的高效性、系统的易使用性、系统管理的可维护性、信息的可测试性、数据的复用性、数据的可移植性以及网络互联性。1. 3 html简介html是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。html其实是文本，它需要浏览器的解释，html的编辑器大体可以分为八种，1、基本编辑软件，使用windows自带的记事本或写字版都可以编写，当然，如果你用wps来编写，也可以。不过存盘时请使用.htm或.html作为扩展名，这样浏览器就可以解释执行了。 2、半所见即所得软件，这种软件能大大提高开发效率，它可以使你在很短的时间内做出homepage，且可以学习html，这种类型的软件主要有htdtoc，还有国产的软件网页作坊。 3、所见即所得软件，使用最广泛的编辑器，完全可以一点不懂html的知识就可以做出网页，这类软件主要有frontpage2003，dreamweaver。4、文本标记语言源程序的文件扩展名默认使用htm或html。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。 5、html源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“ (注意此字母必须小写，方可空格) ”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。 6、标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“ (注意此字母必须小写，方可空格)”；许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。 7、标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。 8、html注释由惊叹号表示，注释内容由符号结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。1. 4 html的优势html（hypertextmark-uplanguage）即超文本标记语言，是www的描述语言。设计html语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 html文本是由html命令组成的描述性文本，html命令可以说明文字、图形、动画、声音、表格、链接等。html的结构包括头部（head）、主体（body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容 如果还有什么不清楚的地方,请点击我的用户名,在我的个性化签名里面找到我的电子邮件给我发信息。html之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的html格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如ie 或netscape）都可以正确地获得html的“执行”结果，并且将这html执行的结果直接在浏览器中“浏览”，不像vbscript或 javascript是在客户端（client）的浏览器上执行，若使用vbscript来设计程序，客户端（client）在ie浏览器中可以显示程序执行的结果，可是，客户端（client）若使用netscape浏览器就无法显示vbscript的执行结果。 一、html的特点： （1）任何开发工具皆可发展html 只要使用一般的文书编辑程序，如windows记事本，就可以编辑。当然，其他网页发展工具，例如，frontpage express、 frontpage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写asp，可能会发生一些意想不到的离奇状态。 （2）通吃各家浏览器由于html程序是在网络服务器端中执行，执行结果所产生的html文件适用于不同的浏览器。 （3）语言相容性高html与所有的activex script语言都相容，除了可结合html，vbscript、java script、active x服务器组件来设计外，并可经由“plug-in（外挂组件模组）的方式，使用其他厂商（third party）所提供的语言。 （4）隐密安全性高如果我们在浏览器中直接查看网页的原始代码，就只能看到html文件，原始的html程序代码是看不到的！这是因为html程序先于网站服务（web server）端执行后，将结果转换成标准html文件，再传送到客户端（client）的浏览器上，因此，我们所辛苦撰写的html程序并不会轻易地被看见进而被盗用。 （5）易于操控数据库html可以轻易地通过odbc(open database connectivity)驱动程序连接各种不同的数据库，例如：acess、foxpro、dbase、oracle等等，另外，html亦可将“文本文件”或是”excel” 文件当成数据库用。 （6）面向对象学习容易html具备有面向对象（object-oriented）功能，学习容易，html提供了五种方便能力强大的内建对象：request、response、sever、application以及session，同时，若使用html内建的“application”对象或”session”对象所撰写出来的html程序可以在多个网页之间暂时保存必要的信息。 （7）html的六大内部对象 requestresponseserversessionapplicationobjectcontext 从客户端取得信息将信息送给客户端提供一些web服务器工具储存在一个session内的用户信息，该信息仅可被该用户访问在一个html-application中让不同的客户端共享信息可以用来配合microsoft transaction 服务器进行分布式事务处理。 html模式现在已经获得很大发展，与传统模式相比具有一些重要的优势。以下是部分最重要的优势： 尤其对于小型企业和新创企业而言，最大的好处是启动成本低，而且在大多数情况下可以极大地缩短启动时间。 现购现付模式对于不经常使用该服务的企业来说极大地节省了成本。html模式，如同任何外包方案一样，可以节省人力成本。it人员越来越昂贵而且越来越专业（就像航空业的飞行员），因此采用html通常可节省人力。 采用html模式还可以省去专门用来运行应用程序及支持性应用程序的it基础设施。例如，如果您要使用的应用程序需要oracle或ms-sql数据库，则您不得不同时使用支持该应用程序和数据库。 html模式可以将网络带宽转移给html，html通常能以较低的价格提供带宽。 导致html崛起的一个原因是专业软件的成本高。随着成本的增加，小型企业几乎没有能力来购买这类软件，因此html使得这类企业使用该类软件成为可能 导致html发展的另一个重要因素是软件和软件升级的复杂性不断增加。从客户服务的角度看，将大型复杂的应用分发到终端用户成本非常高，而升级又使问题变得更糟糕。在有上千台台式机的大公司中，分发软件（即使是像新版word这样简单的软件）可能花费上百万美元。html模式则消除了大多数此类烦恼。 二、文本标记语言 (1) 文本标记语言源程序的文件扩展名默认使用htm或html。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。 (2) html源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)“ (注意此字母必须小写，方可空格)”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。 (3) 标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“ (注意此字母必须小写，方可空格)”；许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行。 (4) 标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。 (5) html注释由惊叹号表示，注释内容由符号结束。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。1. 5 本章小结 本章主要阐述了开发招生信息门户网站的需求，以及制作的环境。详细解析了html的具体内容。分析了网站制作的主要技术，对网站的制作做好需求分析，为以后的网站设计作好准备，同时为网站提供了理论基础，为网站的初期建设打下了基础。第二章 制作网站工具介绍2. 1 制作工具的选用及介绍一、photoshop （1）photoshop可分为图像编辑、图像合成、校色调色及特效制作部分等。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。校色调色是photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色偏的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。特效制作在photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由photoshop特效完成。而各种特效字的制作更是很多美术设计师热衷于photoshop的研究的原因。 （2）photoshop的应用领域很广泛，在图像、图形、文字、视频、出版各方面都有涉及。请看下面介绍： 1、平面设计 平面设计是photoshop应用最为广泛的领域，无论是我们正在阅读的图书封面，还是大街上看到的招帖、海报，这些具有丰富图像的平面印刷品，基本上都需要photoshop软件对图像进行处理。 2、修复照片 photoshop具有强大的图像修饰功能。利用这些功能，可以快速修复一张破损的老照片，也可以修复人脸上的斑点等缺陷。 3、广告摄影 广告摄影作为一种对视觉要求非常严格的工作，其最终成品往往要经过photoshop的修改才能得到满意的效果。4、影像创意 影像创意是photoshop的特长，通过photoshop的处理可以将原本风马牛不相及的对象组合在一起，也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。 5、艺术文字 当文字遇到photoshop处理，就已经注定不再普通。利用photoshop可以使文字发生各种各样的变化，并利用这些艺术化处理后的文字为图像增加效果。 6、网页制作 网络的普及是促使更多人需要掌握photoshop的一个重要原因。因为在制作网页时photoshop是必不可少的网页图像处理软件。 7、建筑效果图后期修饰 在制作建筑效果图包括许多三维场景时，人物与配景包括场景的颜色常常需要在photoshop中增加并调整。 8、绘画 由于photoshop具有良好的绘画与调色功能，许多插画设计制作者往往使用铅笔绘制草稿，然后用photoshop填色的方法来绘制插画。 除此之外，近些年来非常流行的像素画也多为设计师使用photoshop创作的作品。 9、绘制或处理三维帖图 在三维软件中，如果能够制作出精良的模型，而无法为模型应用逼真的帖图，也无法得到较好的渲染效果。实际上在制作材质时，除了要依靠软件本身具有材质功能外，利用photoshop可以制作在三维软件中无法得到的合适的材质也非常重要。 10、婚纱照片设计 当前越来越多的婚纱影楼开始使用数码相机，这也便得婚纱照片设计的处理成为一个新兴的行业。11、视觉创意 视觉创意与设计是设计艺术的一个分支，此类设计通常没有非常明显的商业目的，但由于他为广大设计爱好者提供了广阔的设计空间，因此越来越多的设计爱好者开始了学习photoshop，并进行具有个人特色与风格的视觉创意。 12、图标制作 虽然使用photoshop制作图标在感觉上有些大材小用，但使用此软件制作的图标的确非常精美。 13、界面设计 界面设计是一个新兴的领域，已经受到越来越多的软件企业及开发者的重视，虽然暂时还未成为一种全新的职业，但相信不久一定会出现专业的界面设计师职业。在当前还没有用于做界面设计的专业软件，因此绝大多数设计者使用的都是photoshop 二、 dreamweaver（1）dreamweaver之所以能成为许多专业网页设计人员与业余人员制作网页的首选而且能保持着多年的垄断地位，主要是因为其是“所见既所得”的网页编辑软件，即使对html不熟悉。也可以作出精彩的网页来。dreamweaver不但能够完成一般的网页编辑工作。而且能够实现过去需要通过编程才能实现的一些效果，并且dreamweaver对于dhtml（动态网页）的支持也非常好。可以方便地作出许多眩目的动态特效。因此，一直以来dreamweaver都是网页制作人员的首选工具，利用它可以轻而易举地制作出跨越不同平台和浏览器的动态网页。dreamweaver是为网页编排所设计的软件，它具有将设计要素进行整合排列的功能dreamweaver又是一本实践性很强的一部书。（2）dreamweaver可以用最快速的方式将fireworke，freehand，或photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。dreamweaver能与您喜爱的设计工具，如playback flash，shockwave和外挂模组等搭配，不需离开dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使dreamweaver自动开启firework或photoshop来进行编辑与设定图档的最佳化。 (3) dreamweaver是唯一提供roundtrip html、视觉化编辑与原始码编辑同步的设计工具。它包含homesite和bbedit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给third-party厂商，包含asp， apache，broadvision， cold fusion，icat， tango与自行发展的应用软体。当您正使用dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和xml dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，让您不需要透过浏览器就能预览网页。梦幻样版和xml dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出xml内容。 全方位的呈现利用dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态html支援和鼠标换图效果，声音和动画的dhtml效果资料库可在netscape和microsoft浏览器上执行。使用不同浏览器检示功能，dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时.容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。都不仅可以轻松地制作出十分动感的gif动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，fireworks将是最大的功臣。借助于 macromedia fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 macromedia dreamweaver? 和 macromedia flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。您也可以使用样版正确地输入或输出xml内容。 全方位的呈现利用dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态html支援和鼠标换图效果，声音和动画的dhtml效果资料库可在netscape和microsoft浏览器上执行。使用不同浏览器检示功能，dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。三、使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，dreamweaver 会自动更新所有连结。使用支援文字、html码、html属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单控制能力。四、flash（1）flash 软件出现不久就几乎成为了网页动画的标准，使用该软件可以制作网页互动动画，还可以将一个较大的互动动画作为一个完整的网页。只要用鼠标进行简单的单击，拖动操作就可以生成精美的互动动画，使用flash制作的动画与其他软件制作的动画相比主要有一下几点优点：采用矢量图形格式，计算机中的图形格式有两种形式，一种是矢量图形格式，另一种是位图图形格式。flash采用矢量图形格式，可以让其创建出的图像及动画做到无限放大或无限缩小，都不会影响图像的清晰度。文件数量小。flash格式文件的数据量较小，从而突破了网络带宽的限制，可以在网络上更快的播放动画，实现交互。以插件方式工作。flash的工作方式是插件方式，网络用户只要安装了shock ware flash 插件，它就会嵌入到浏览器中，启动浏览器后就可以直接浏览带有flash动画的网页，使用java也可以制作一些动画，但是每次都要花费大量的时间启动java虚拟机。 “流” 形式文件播放。flash 插件播放动画使用“流”形式的技术，用户无需漫长的等待，可以边下载边。（2）flash 特别适用于创建通过 internet 提供的内容，因为它的文件非常小。flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。（3）flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 flash 应用程序。（4）flash 特别适用于创建通过 internet 提供的内容，因为它的文件非常小。flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。要在flash中构建应用程序，可以使用flash绘图工具创建图形，并将其它媒体元素导入flash文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。2. 2 本章小结 本章介绍了制作网页所选用的软件产品，它们分别是adobe公司和macromedia公司出品的网页制作工具。由于在功能上有着紧密的结合，所以选用了这三种网页制作工具。同时这些网站不用掌握太多的源代码语言就可以制作专业的网络应用程序，提高制作人的效率。第三章 网站的整体设计 3. 1 网站简要说明这个招生信息门户网站是个集信息、交流为一体的网站，是为了让学校与学生、学生与学校能够有一种全新的交流平台，学校发布的最新招生信息、最新信息，更新招生信息资讯以及与学生交互而设计的。系统的各种功能设计能够符合招生信息门户网站的要求、信息、交互、最新信息的更新等发布功能的实现，能够给网站更多的生气，更多的实现了学生与学校之间的交互性。3. 2 网站可用性讨论 （1）网页布局实际内容占据网页的大部分空间，为50%80%，导航部分不超过20%。颜色的选择以白色为主，没有使用太多的颜色来修饰某个对象，一般字色为默认的黑色。为了提高网页的可读性，标题区、标题行和正文区使用了不同大小颜色的字体，正文使用的是静止的文字，且字体足够大，以便于阅读。为了帮助用户方便地浏览，每个网页都设有标题导航，且网页标题清楚地表明了网页的内容。在网页的组织上，每个网页都是按照“倒金字塔”原则进行编写，即从一个简单的结论开始渐次展开。网页排版符合用户的阅读习惯，采用横向排列方式。一个网页的大小一般不超过3万字节，以使用户在10秒钟之内能打开网页。而且要为每一个链接加上描述信息，因为当一个链接被点击后，要把所有指向同一目标的链接都表示成已被访问过，这样便于用户浏览。在链接旁注明下载文件的大小，帮助用户预测下载时间。 （2）主题鲜明、富有特色在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些logo标志应充分加以利用。调动一切手段充分表现网站的个性和情趣，突出个性，这样才能够办出网站的特色。web站点主页的基本成分包括：页头：准确无误地标识站点名称；e-mail地址：用来接收用户垂询；联系信息：如普通邮件地址或电话；版权信息：让用户了解系统信息。重复利用已有信息，如头部的导航部分、公共关系文档、技术手册和数据库等可以轻而易举地用到教师个人网站的web站点中，以减轻数据库的负担。 （3）版式编排布局合理性网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。站点设计简单有序，主次关系分明，将零乱页面的组织过程，混杂的内容，依整体的布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。（4）相关站点引导链接一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。3. 3 网站模块构成录取分数招生计划招生简章招生政策院系介绍首 页网站模块结构图网站的结构图大致介绍了网站的组成页面该网站的模块图是从网站大体结构的详细说明，更好的提供了网站建设的大致构架，为网站的前期制作提供了基础。该网站的树形图是从用户的角度开始的，用户可以更好地使用本站提供的信息服务、个性化服务及定期的网站活动；而未登录用户仅仅可以浏览信息，无法进行社区等本站相关的活动及服务，让使用者更好的熟悉网站，让使用者更方便的使用网站，从学校概况介绍学校的整体内容，让使用者先熟悉网站的主题，再进一步了解网站的各种信息。3. 4 本章小结在本章中，主要阐述了网站设计的方案设计和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、留言板等，从而在需求与代码之间建立桥梁。系统设计分两个阶段：高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。详细设计阶段的重点是管理界面设计、留言板模块设计。在体系结构设计之前要阅读需求文档，明确设计任务。32山西省林业职业技术学院信息工程系毕业设计（论文）第四章 网站整体设计的具体实现4. 1 前台显示说明网站首页一、前台首页显示下面通过首页来说明网站整体的功能：（1）首页的最顶部排列显示大类信息或文章，用户可以直接点击查看各项大类信息里面的各项小类信息，直到阅读每条详细信息。（2）站点首页，院系介绍、招生计划、录取分数、招生简章、招生政策等各个栏目，后台可以控制排序和位置调整，或显示条数设置。（3）首页中的各个栏目可以直接点击出来查看的详细信息。（4）网站首页的设计涵盖了网页导航的显示的主要内容为查看网站的人，提供了网站各个子页的大致内容，方便了解网站的主题构造和经典内容。（5）设有专题显示和网站调查系统，以及网站的一些统计数据信息，可以按不同条件进行文件信息搜索。（6）招生信息资讯专栏中的部分内容的更新提供了招生信息业的最新的行业资讯和热点动态。4. 2 结构设计 （1） 结构设计本网站的各个功能入口比较多，因此需要一个专门的文件来显示各种后台入口，而且在网页中还要显示出用户在留言板块和管理员在后台模块的信息。网站整体使用上下结构，下面的一个大部分有分为左中右结构。这样网站的整体个人看来结构就很清晰。 （2）界面设计 设置公开地联系方式及其用户信息反馈专用论坛功能； 设置网站整体信息与用户为一体；设置完善地个性化地会员管理与交互系统； 完善的网站内容、网站用户检索系统。 网站的整体颜色：绿色为导航颜色；主体颜色：白色；字体：宋体；行距：150%网站统一顶部为导航条（站点首页，院系介绍、招生计划、录取分数、招生简章、招生政策）网站上中部：网站图片与动态的flash结合；位置导航；网站中部：网站信息；友情连接；站点数据；网站导航条；图文信息；网站底部：后台管理登陆；网站/版面制作；版权信息。4. 3 具体设计文档一、内容和功能设计这个校园网站主要实现新闻、信息等功能，目标用户主要是internet的学生。先明确这个招生信息门户网站提供的主要功能：(1) 注册登录系统：提供用来在论坛中发表建议和交流功能(2) 招生信息资讯专区：提供招生信息业在个方面的成果及新闻的功能，介绍最新的更新信息。 (3) 信息专区：提供有信息的主要的详细的信息与图鉴为查看网站的人提供资源。二、 前台新闻文摘显示可以根据网站的需要,进行各种方式的插入,自动更新.如显示栏目导航,显示某栏目的最新n条新闻等. 使用管理系统制作动态网页时,可在需要的地方插入相应的代码,即可以多种形式显示新闻 文章的栏目或内容。例如：一级栏目列表、二级栏目列表、栏目导航列表、某一栏目的最新新闻(文章)显示条数、某一栏目的热门文章可任意调整。该系统也可经后继开发,使之生成代码,在一个主机上维护新闻文章,在其他静态网页中插入代码后显示相应的新闻文章。 三、 信息结构设计(1) 确定栏目 栏目是网站主要内容的体现，合理的划分和安排栏目，将网站的主题明确的显示出来，并且尽量方便访问者的浏览和查询。(2) 网站装饰风格 采用了灰色和白色为主导航颜色，首页中运用最新更新图片，以及文字交错排版，使整个网站看上去符合跳动的风格。(3) 网站的链接结构 招生信息门户网站的主要链接关系如下： 招生信息首页、院系介绍、招生计划、录取分数、招生简章、招生政策相互之间均有链接。 四、 可视化设计 网站可视化设计的主要体部分是框架的的设计，它是由导航的和子页面组成的，这些子页面都是人们平时不可或缺的。招生信息门户网站的主体相得益彰。4. 5 网站维护的设计 网站维护，其维护的内容也非常之多，有功能改进、页面修改、安全管理、网站推广需要懂得相关知识的专业人士来完成。下面是网站维护方法等问题网站维护的目的是为了让您的网站能够长期稳定地运行在internet上，及时地调整和更新网站内容。一个好的网站需要定期或不定期地更新内容，才能不断地吸引更多的浏览者，增加访问量。随着黑客人数日益增长和一些入侵软件昌盛，网站的安全日益遭到挑战，像sql注入、跨站脚本、文本上传漏洞等，而网站安全维护也成日益重视的模块。而网站安全的隐患主要是源于网站的漏洞存在，而世界上不存在没有漏洞网站，所以网站安全维护关键在于早发现漏洞和及时修补漏洞。而网上也有专门的网站漏洞扫描工具，如亿思网站安全检测平台，而发现漏洞要及时修补，特别采用一些开放源码的网站 （一）、含义网站维护是为了让您