水利院校校史馆网站建设【毕业论文】.doc

《水利院校校史馆网站建设【毕业论文】.doc》由会员分享，可在线阅读，更多相关《水利院校校史馆网站建设【毕业论文】.doc（68页珍藏版）》请在三一办公上搜索。

1、水利院校校史馆网站建设摘要：校史，即学校之历史沿革，记载了一所学校的创设、变迁、发展，是学校最可宝贵的历史档案，是校园文化的溯源和载体，是学校应倍加珍惜、传承永续的精神财富。由于现实中的种种原因，很多学生不能亲身到校史馆中去了解母校的足迹，聆母校的命运，观摩校史展览。这种情况也造成了很多学生从到学校一直到毕业都没能进到校史馆里面了解自己母校的历史。这是件多可悲的事情。同时，这也就造就了网络版校史馆诞生的条件。在网络充斥到每个人生活的方方面面的今天，如果可以把现有校史馆的内容和展览放到网络中去，那么学子无论身在何方，只要有一台电脑，就可以到校史馆网站上去沉浸在母校的历史之中，也可以尽情宣泄自己思

2、念母校的感情。 由于现有的校史馆网站不够成熟，还有很多缺点，所以重新设计校史馆网站势在必行，本文系统的阐述了网页建设前期对网站的设计、中期用Photoshop和Dreamweaver对网站前台网页进行设计，后期用DeDecms进行站点建立以及模板制作的总过程。最终制作出来的网站系统页面比较美观，而且后台管理很方便快捷。关键词：DeDeCMS；Dreamweaver；校史馆；网站设计Website construction in college history museumAbstract: The school history that the school history, recorded

3、 a school to create, change, development, the schools most precious historical archives, is the origin of the campus culture, and the carrier, the school should cherish heritage sustainable spiritual wealth.As the reality of a variety of reasons, many students can not go in person to the history mus

4、eum in the footsteps of his alma mater know, hear the fate of his alma mater, to observe school history exhibition. This situation also caused many students to graduate from the school have been into the history museum of which failed to understand their schools history. This is a sad thing more. At

5、 the same time, it also created a Web version of history museum of the birth conditions. Flooded in the network to all aspects of each person living today, if it can contents of the existing history museum and exhibition network to go into, then the students matter where, as long as a computer, you

6、can go to the history museum of the site immersed in alma maters history, you can enjoy express their feelings of missing his alma mater.As the existing history museum site is not mature enough, there are many shortcomings, so it is imperative to redesign history museum site, the paper described the

7、 system early on web site design build, medium-term use of Photoshop and Dreamweaver front page on the website design , late to the site with DeDecms established and the total production process of the template. Eventually produced more beautiful site system page, and Admin is very convenient.Key wo

8、rds: DeDeCMS; Dreamweaver; history museum; Web Design1 绪论1.1校史馆的意义和现状 校史，即学校之历史沿革，记载了一所学校的创设、变迁、发展，是学校最可宝贵的历史档案，是校园文化的溯源和载体，是学校应倍加珍惜、传承永续的精神财富。校史馆建设具有很好的历史意义和教育意义。做好校史馆工作，既是对前人的尊重，也是对今人和后人的负责。校史馆，如同一幅绵长的历史画卷揭示了学校变迁和发展，显示了几代、几十代校友辛勤耕耘的汗水和智慧，荟萃了杰出校友的英姿风采，总结了一所学校优秀的办学经验和成果，体现出学校优良的办学传统和独特的精神内涵。通过校史馆，能让

9、学校在不同时期教学、科研、社会服务功能在一座建筑物里得到充分鲜活的展示，浓郁的人文精神中达到缅怀先辈、垂范后学、弘扬学校精神、激发师生员工“知校、爱校、荣校” 的效果。校史馆是教育师生爱祖国、爱学校永恒的教育基地，是学校对外开放的教育“窗口”，是学校宝贵的教育资源和财富，是鼓舞学校士气、迎接未来挑战的精神动力。校史又与校园文化紧紧地联系在一起。首先，校史可以体现校园文化脉络，校史是一个学校在发展过程中逐步形成的，校史记录了校园文化不同阶段的发展脉络。其次，校园文化的维系与传承离不开校史的贡献。大学4年，岁月匆匆，莘莘学子，如何浸润于母校的文化氛围，产生心灵的依归?当每位驻足在校史馆的学子，聆听

10、校史讲解，观摩校史展览时，他们的心就会和母校融为一体。其三，校友借助校史馆这个文化载体，发扬母校的文化。校友深受母校文化的熏陶，尽管毕业后身在各地，但是对母校的怀恋非常情深，怀恋中最易触发的就是母校的文化，校史馆网站的建立无疑提供了一个热爱母校、交流释放情感、宣泄思绪的平台，一方深情地文化花园，它会成为校友们的精神力量源泉之一。通过校史馆网站这个文化载体，校友们释放他们对母校满腔的眷念和深情。其四，校园文化的纷繁多样、蓬勃发展也丰富了校史的内容。各个学校都精心设计和组织开展内容丰富、形式新颖、吸引力强的思想政治、学术科技、文娱体育等校园文化活动，力求在高品位、宽覆盖、新形式上有突破，体现出学校

11、独特的风格和文化内涵。这些多样性的校园文化为校史增添了丰富多彩、更加鲜活的内容。国不可无史，同样，校不可无史。没有历史，我们就无法总结经验，吸取教训；回顾历史，可以让我们明白我们从哪里来，将要到哪里去。树固根源而叶茂，泉固渊源而流长。只有明白校史，了解校史，才能真正的把握学校的精神动脉，学校的优良传统和积淀的文化才能得到传承，乃至发扬光大。然而，由于现实中的种种原因，很多学生不能亲身到校史馆中去了解母校的足迹，聆母校的命运，观摩校史展览。这种情况也造成了很多学生从到学校一直到毕业都没能进到校史馆里面了解自己母校的历史。这是件多可悲的事情。同时，这也就造就了网络版校史馆诞生的条件。在网络充斥到每

12、个人生活的方方面面的今天，如果可以把现有校史馆的内容和展览放到网络中去，那么学子无论身在何方，只要有一台电脑，就可以到校史馆网站上去沉浸在母校的历史之中，也可以尽情宣泄自己思念母校的感情。1.2 课题研究意义1.2.1 当前已有校史馆网站的优点和不足通过对当前已有的几个学校的校史馆网站的调查和研究发现，现有校史馆网站已经基本能够体现出现实中校史馆网站所要向参观者展示的内容和精神，网站定位比较明确，就是要向大家展示几代、几十代校友辛勤耕耘的汗水和智慧，杰出校友的英姿风采，以及学校优秀的办学经验和成果，体现学校优良的办学传统和独特的精神内涵。然而这些网站也有一些共同的缺点，现列出如下：（一）页面没

13、有整体风格可言；网站并不只是为了展示内容而建设的，水利院校校史馆网站应该是一种厚重的文化气息或者是清新的校园文化气息。而现有的校史馆网站页面过于简单，给人一种多看几眼就会乏味的感觉，明显建站的时候过于仓促，缺少了校史馆网站应有的韵味。（二）网页板块杂乱无章；这是现有校史馆网站普遍存在的问题，板块分配杂乱无章，不能给人一种一目了然的感觉，不能让访问者很快的找到自己想看的内容，这是任何网站建设的大忌之处。网站建设最应该重视的就是给访问者以方便。（三）网站内容过于单调死板。既然校史与校园文化密不可分，何尝不能在校史馆的网站上也增加板块记录校园里一些大型活动的信息呢，今天的活动就会成为明天的历史。这也

14、是校史的一大部分，却被大多数的校史馆网站所忽略了。（四）内容更新太少太慢。校史馆网站，并不代表展现的只是历史，不需要更新。如果说校史馆网站不更新的话，又怎么能够吸引大家的眼光呢？校史不一定只要表现很久很久以前的历史，一个月前的重大事情也叫校史。调查的几个现有的校史馆网站几乎没有更新，这也是跟他们对网站的定位和设计有一定关系。1.2.2 水利院校校史馆网站建设的整体方案针对现有校史馆网站所存在的缺陷我们主要进行如下几个方面的完善：（一）对网站进行精心设计。每一个网站都有自己要体现的内容，要代表的单位形象，应该有一套自己独有的风格，校史馆网站也是一样，要代表的是学校的灵魂和精神。网页设计，色彩永远

15、是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。所以要建设的校史馆网站总体以草绿色为主色调，体现青青校园的清新气息。（二）为所建网站进行明确的定位。据了解，华北水利水电学院校史馆与2007年12月23日正式对外开放，但是有很多同学都没有机会真正到校史馆中去了解母校的历史，建设校史馆网络版的目的就是要给没有机会到实际校史馆中餐馆的同学很方便的了解母校历史的路径，同时可以在该网站上发表一下自己对母校的感情。该网站也作为一些已经毕业的校友们回忆和交流的平台。（三）精心划分校史馆（网络版）的板块设置。虽然现有校史馆网站已经能展现给访问者想要得到的信

16、息，但是网站最主要的特点应该是能够让来访者一目了然，清楚该网站的总体布局，轻松找到自己想要了解的信息。这也就要求网站栏目板块的设置一定要合理，经过精心规划，所要建设的校史馆网站分为七大块，下面会有详细解释。（四）丰富所建设网站的内容。校史馆网站虽然向大家展示的是学校的历史，主题比较严肃，但是如果只是历史的话缺乏吸引学生们参观访问的潜力，鉴于此原因，校史馆网站还是需要加入一些学生们感兴趣的内容，而这些内容又应该符合校史馆网站的主题。进过调查，许多同学对毕业晚会等校园活动有很大的兴趣，并且表示找不到这些活动相关的资料和照片，所以我决定在所建设的校史馆网站上添加一个校园活动记实的栏目，通过贴一些活动

17、中的照片供同学们进行回忆和欣赏。（五）通过板块设计加快网站的更新速度。由于现在已有的很多学校校史馆网站都只是向大家展示之前的历史，这种形式决定了这些网站很少或者基本上没有更新，所以一些同学浏览过一遍后就不会再回访了，这样大大降低了网站的浏览率和影响力。所以我准备在所建设网站上添加一些需要经常更新的版块，以促进网站的更新速度，从而吸引更多的人点击浏览，并且栓住一些人经常回访。1.3 水利院校校史馆网站的未来走向水利院校校史馆网站的建设是网络快速发展和学校校史馆深入学生心中的必然趋势，由于现实中的校史馆有很少人能真正去参观，校史馆的局限性决定了校史馆网站的影响会越来越明，校史类网站将会收到同学们的

18、欢迎和认可。（一）新兴网站前途光明。由于校史馆类网站是近几年才出现的用于向用户展示学校历史和校园文化的网站，该网站的定位决定了学生们会很欢迎，并且会丰富同学们的校园文化生活，从而达到双赢的效果。（二）网站内容更加贴切同学的实际生活。随着时间的流逝，校园生活不断丰富，网站的内容也在不断的更新，网站内容也会更加丰富。（三）网站管理更新技术更加先进。由于该网站用国内最流行的DeDeCMS解决方案，居于现时最流行的LAMP架构，从而使站长更方便更新网站内容，后台操作更加可视化。（四）网站使同学和学校之间的融合更加紧密。学校的展示，学生的意见及建议，都为该网站进一步优化取得了良好的条件，并且加强了学校与

19、学生之间的交流与沟通，唤起学生和教师的自豪感和荣誉感，从而也加快了校园文化的发展与进步。2 相关技术与知识2.1 Photoshop介绍Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。从功能上看，Photoshop可分为图像编辑、图像合成、校色

20、调色及特效制作部分。 图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜像、透视等。也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用场，去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。 图像合成则是将几幅图像通过图层操作、工具应用合成完整的、传达明确意义的图像，这是美术设计的必经之路。Photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成天衣无缝。 校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域

21、如网页设计、印刷、多媒体等方面应用。 而这里我用Photoshop而不选用现在网络上新兴起的一些傻瓜式图片处理软件，因为Photoshop还是图片处理中的大师，那些傻瓜式图片处理软件虽然简单，但是功能太少，不能够满足网页设计及美化的需要。处理出来的图片也不能满足自己想要的效果。2.2 MySQL数据库简介 MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。在2008年1月16号被Sun公司收购。而2009年,SUN又被Oracle收购.对于Mysql的前途,没有任何人抱乐观的态度.目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体

22、拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。 Mysql数据库具有以下特性：1.使用C和C+编写，并使用了多种编译器进行测试，保证源代码的可移植性 2.支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、OS/2 Wrap、Solaris、Windows等多种操作系统 3.为多种编程语言提供了API。这些编程语言包括C、C+、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。 4.支持多线程，充分利用CPU资源 5.优化的SQL查询算法，有效地提

23、高查询速度 6.既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名 7.提供TCP/IP、ODBC和JDBC等多种数据库连接途径 8.提供用于管理、检查、优化数据库操作的管理工具 9.可以处理拥有上千万条记录的大型数据库2.3 DeDeCMS简介织梦内容管理系统(DedeCMS)是国内最流行的CMS解决方案之一，居于现时最流行的LAMP架构开发，具有很强的可扩展性，并且完全开放源代码。自从出生以来，DedeCMS就一直以简单易用，灵活扩展

24、而闻名，目录已有超过十万个站点正在使用本系统。居于3.5代架构的DedeCMS V5.3版本，在扩展性方便更加突出，具有如下的特点：1、主信息使用微表进行索引，从而杜绝单一主表效率低下的缺点，又保留其方便信息集中调用的优点；2、全新的勾子技术，使DedeCMS里的标签与特定格式的文件存在一一对应关系，这意味着如果要增加一个系统调用标签，只需把相应该格式的文件放在指定文件夹即可，大大提高程序的扩展性；3、解析式引擎与编译式引擎并存，由于在生成HTML时，解析式引擎拥有具大的优势，但对于动态浏览的互动性质的页面，编译式引擎更实用高效，新梦CMS采用双引擎并存的模式，在保持标签风格一致性的同时，也保

25、证将来开发更多互动模块时有更好的性能；4、完全开放源码，简洁、稳定的内核为高级用户进行二次开发提供了一个更实用健壮的平台；5、经过严格审核的前台源码，更合理的目录结构，确保你的网站具有更高的安全性；6、改进的采集系统在增强易容用性的同时，还提供了各种更人性化的选项；7、灵活的栏目交叉技术，为你在做IT数码、地方资讯、多级机构等站点时对内容进行交叉提供更大的便利性。8、会员系统允许用户在精简模式与全功能模式中作选择，对于个别仅需要简单投稿功能的网站，采用精简版能降低互动程序本身具有的风险性。9、强大的模块安装功能，使用户开发的模块、插件都能更简单的安装到你的系统上，并肯可以轻松的卸载，不影响主系

26、统的使用。1.什么是DedeCMS织梦内容管理系统（DedeCMS），是一个集内容发布、编辑、管理检索等于一体的网站管理系统（Web CMS），他拥有国外CMS众多特点之外，还结合中国用户的需要，对内容管理系统概念进行明确分析和定位。 作为国内第一个开源的内容管理系统，DedeCMS在创建以来都在摸索中国互联网内容管理系统的道路，并且引领众多开源CMS前进的道路，程序由当年个人作品，现已组建团队，在提升用户服务、提高产品质量的同时，对中国网站内容管理系统进行研究，成为目前市场上最受欢迎的内容管理系统。2.DedeCMS能为我们做什么？前面我们了解过内容管理系统的概念，大家可能还不知道DedeC

27、MS作为国内首家开源内容管理系统能够为我们做些什么，下面我们通过以下5个方面来进一步了解DedeCMS。自由管理网站的内容结构：独创灵活的站点管理机制，独创的内容模型机制，强大的自定义插件管理机制、所见即所得的编辑器、自定义专题等内容管理模式，处处体现自由的功能帮助您更容易的管理维护您的网站；自由的设计网站的风格与表现：灵活的模版设计与管理体系，能结合个性内容框架的模版机制，让您能不断扩展您个性独创的网站风格表现，简单的模版制作过程结合强大的模版定义机制，让您不管是简洁还是复杂的网站风格都能很方便、自由的设计出充满个性魅力表现的网页，真正实现只要想到就能做到的要求；自由的获取并搜集整理网站需要

28、的内容信息：把复杂的处理技术用简单的方式表现给您，让您能够轻轻松松的获取所需要的信息来源，并根据需要汇集您网站的精华，形成新的专题内容展示出来，节省管理内容时间，快速获得建立高质量内容门户网站的资源；自由的组织您网站的内容和信息：灵巧好用的站点，结合内容关联分类机制，可以让您轻松组织具有复杂内容关联的网站结构，并可以简单而自由的组织内容数据的归类以表现成不同的风格，结合自由的模版表现让您更可以更随心所欲的组织网站内容，建立内容表现和层次丰富的网站门户；自由的扩展系统功能：自由开放的系统结构及分层系统处理技术构建了高效稳定的系统平台、开放的插件扩展方式、简单的模版扩展定制功能，让您也可以不断的根

29、据需求个性的变化扩展系统功能，还能结合其它的不同应用系统一起工作。自由管理和自由扩展的机制使得您在需要改版升级网站时，只需要设计新的内容项目与风格即可完成；3.DedeCMS的产品特性良好的用户口碑，丰富的开源经验DedeCMS是国内知名内容管理系统，经超过20万以上站长级用户群经过长达4年之久的广泛应用和复杂化环境的检测，织梦系统在安全性、稳定性、易用性方面具有较高的声誉，倍受广大站长推崇。 DedeCMS采用PHP+MySQL技术开发，程序源代码完全开放，在尊重版权的前提下能极大的满足站长对于网站程序进行二次开发。DedeCMS是国内第一家开源的内容管理系统，自诞生以来，始终坚持开源、免费

30、原则。众所周知，开源程序在代码规范性、程序安全性有着较高的要求，DedeCMS拥有4年的开源经验，其灵活的产品架构、极强的可扩展性和可伸缩性能最大化满足站长目前及今后的应用需求。低维护成本开发一个网站需要动用大量的人力物力，不单单开发时需要耗费，后期维护升级也需要。因为必要的硬件投入必不可少，这时候只有有效控制开发、维护成本，才能够让用户的总成本降低。这样一来DedeCMS引入了独创模板引擎技术、自定义标签功能，实现网站程序和界面分离的平台搭建效果，改变了传统的“功能开发页面设计整合”制作方式，达到降低人力成本的目的，当然我们内置的可视化编辑器可以让你的信息录入如同操作Word软件一样方便快捷

31、，上手也非常容易。DedeCMS这种网站建设流程，让软件用户在不改变网站高效、轻便等特性的情况下还减少了总成本。 流畅专业界面设计，良好的用户体验DedeCMS的界面设计遵循国际最新W3C网页设计标准，在开发时期，我们经过IE6、IE7、火狐、Opera等主流浏览器上进行测试，都能够保证您网站浏览的流畅、完整，DedeCMS页面设计遵循标准情况下尽量的减少了各个浏览器中存在的差异，系统不会因为不同的浏览器受到限制。我们优秀的页面设计师能够让网站提高用户体验，及网站亲和力。国际语言支持DedeCMS从V5.3开始，以UTF-8国际编码为基准进行开发，让你的网站可以扩展任意一种语言。灵活的模块组合

32、，让网站更丰富往往一个网站通过单一的内容发布系统是远远不能满足用户的需求的，尤其在Web2.0提倡互动、分享的大趋势下，用户非常希望在传统的内容信息网站中加入问答、圈子等一些互动型的功能。但如果基于原来系统进行开发，整个系统易用性会受到影响，如果使用别的系统，整个网站就不能一体化管理，在这种问题下，DedeCMS推出了模块的功能，程序用户可以像安装软件一样，下载相应的模块进行安装，网站就会增加这些特殊的功能。这样一来，更加方便软件用户对自己的网站进行扩展，达到自己满意的效果。简单易用的模板引擎，网站界面想换就换DedeCMS的模板引擎简单、易用，采用了XML标记风格，只要懂HTML就可以修改制

33、作模板。 很多的用户都为每次网站改版费尽苦心，因为按照老式的网站制作流程，改版需要修改的不单单是一个界面，还要涉及到程序修改。最后成了一次改版，几乎等于网站重构。DedeCMS就解决了这一系列的烦恼，只需要了解一些DedeCMS的模板标记，只要懂HTML，就能随意对模板文件进行修改，而且每次升级只需要更新模板文件即可，做到了程序和页面很大程度上的分离。便捷自定义模型DedeCMS为用户提供了方便快捷的用户自定义模型，你可以使用这个功能根据自身需求来创建各式各样的站点，如果您了解部分二次开发知识，即能想到就能做到。往往很多站点，希望能够创建如在线视频播放、在线音乐试听，或者是商品信息发布等类型的

34、内容站点，尽管这些模型系统中没有，但你现在可以使用DedeCMS来自主创建，您只需要先想好自己内容的字段，如：专辑名称、演唱、发行日期等，然后分析这些字段是用哪种字段类型，如：文本、时间、文件上传，接下来只需要在后台的模型管理中按照说明添加即可。这种模型的功能有一个很大的好处就是你可以自己去扩展网站后续的功能，不要再去花费财力物力去开发，免去了很多烦恼。 高效的动态静态页面部署 DedeCMS为用户提供了强大的动态静态部署的功能，用户可以在后台栏目中进行统一的设置，也可以对单独某一篇内容进行静态部署。这种静态部署最大的优势在于：1.减少数据库负担、降低人力维护成本；2.利于搜索引擎对网站的友好

35、程度，提高搜索引擎对网站收录量；3.很大程度上提高了用户访问的效率。这样一来，一些地区门户、行业网站、甚至政府部门信息类网站都免去了因为大量数据访问速率下降的后顾之忧。灵活的商业运营模式DedeCMS中提供了较为完善的会员产品体系、会员等级体系、虚拟货币管理体系，并且提供了较完整的支付接口方式，可以设置会员浏览不同内容进行金币消费，这样对行业门户、企事业单位制定开展各种基于网站平台的商业运营方案提供了便捷。 会员可以通过购买点卡进行充值，同时也可以购买包月、包年的服务来阅读某一部分的内容，如果某些内容只能给特定会员浏览，会员必须达到某个等级才能够扣点阅读，网站可以通过销售点券、会员等级服务进行

36、盈利。4.DedeCMS程序应用领域DedeCMS最适合应用于以下领域：企业网站，无论大型还是中小型企业，利用网络传递信息在一定程度上提高了办事的效率，提高企业的竞争力；政府机关，通过建立政府门户，有利于各种信息和资源的整合，为政府和社会公众之间加强联系和沟通，从而使政府可以更快、更便捷、更有效开展工作；教育机构，通过网络信息的引入，使得教育机构之间及教育机构内部和教育者之间进行信息传递，全面提升教育类网站的层面；媒体机构，互联网这种新媒体已经强而有力的冲击了传统媒体，在这个演变过程中，各类媒体机构应对自己核心有一个重新认识和重新发展的过程，建立一个数字技术平台以适应数字化时代的需求； 行业网

37、站，针对不同行业，强化内部的信息划分，体现行业的特色，网站含有行业的动态信息、产品、市场、技术、人才等信息，树立行业信息权威形象，为行业内产品供应链管理，提供实际的商业机会；个人站长，兴趣为主导，建立各种题材新颖，内容丰富的网站，通过共同兴趣的信息交流，可以让您形成自己具有特色的用户圈，产生个人需求，并为其服务；收费网站，内容收费类型的网站，用户可以在线提供产品销售，或者内容收费，简单清晰的盈利模式，确保您以最小的投资，取得最大的回报；2.4 Dreamweaver开发环境介绍Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发

38、布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问

39、。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工

40、具之间自由地切换，轻松地创建美观实用的网页。6、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。系统分析是应用系统思想和方法，把复杂的对象分解成简单的组成部分，找出这些部分的基本属性和彼此间的关系。系统分析是系统开发中最重要，也是最困难的阶段。系统分析阶段的基本任务是系统分析员与用户在一起充

41、分了解用户的需求，并把双方的理解用系统说明书表达出来。系统说明书审核通过之后，将成为系统设计的依据，也是将来验收系统的依据。3 网站设计3.1网站设计概要通过精心规划和设计，校史馆网站分为三个层次：主页，顶级栏目，子栏目。而顶级栏目就是所谓的版块，顶级栏目分为以下八个版块：3.1.1 校史馆网站主页 经过分析，决定校史馆网站主页不采用常规的小版块格式，而是采用以整张图片为背景，设置导航栏链接到校史馆网站的每个栏目。这样能够避免来访者看到千篇一律的主页，给人以耳目一新的感觉，也增加了网站整体的美感。3.1.2校史馆网站简介 该版块主要对华北水利水电学院的情况进行简要的介绍，包括学校的简介和校史馆

42、的简介，该版块除了主页排第一个，也是为了让来访者能首先了解到学校和校史馆的基本情况，为下面的浏览校史做一定的铺垫。经过调查，很多学校的校史馆网站中都有简介，但是它们只是介绍了学校情况或者只是介绍了校史馆情况，我们综合它们的优点，在校史馆网站简介栏目中分别对华北水利水电学院和学院校史馆进行介绍。第一，这样使该网站不脱离华北水利水电学院这个大整体。第二，也不会远离该网站的主题校史馆。同时也丰富了校史馆网站的内容，可谓一举多得。3.1.3学校灵魂准确的来说，校训称之为学校的灵魂。但是这里学校的灵魂不只包括校训，因为我感觉学校几十年发展得到的精华都是学校的灵魂 经过长年发展，每个学校都会形成自己独有的

43、教学体系和教学风格，以及办学理念。这些都会表现在一些学校标志上，该版块的设立就是为了向大家展示华北水利水电学院的各种标志，包括校徽、校训、校歌、学风、校风、教风、政风等。以体现华北水利水电学院“育人为本，学以致用”的办学理念。3.1.4华水历程讲述华北水利水电学院从“北京水利学校”到“河北水利水电学院”再到邯郸更名为“华北水利水电学院”直到现在坐落与郑州的曲折历程。主要以文字加图片的表现方法向访问者展示学校历史。 该栏目以校史展览的形式，分为前言、北京时期、岳城时期、邯郸时期、郑州时期、结束语几个版块，在这几个版块中分别介绍华北水利水电学院的几次变迁，以及每次变迁对学校的意义。3.15看图知校

44、史与“华水历程”是配套板块，由于只有文字表现太单调，专门设立该版块，主要以各时期的图片来展现历史重温历史，文字历程与照片历程共同展现，更富吸引力和表现力。3.16华水人物该版块的设立为的是展示一些华水有名校友的光辉成绩和华水名师以及各时期的领导，向外人展现我校的教学成绩以及教学实力，同时激发同学们的自豪感，激励老师们更加努力的提升教学质量。该栏目下又分为华水名师、桃李芬芳、各时期书记院长三个子栏目，从这三个方面对华北水利水电学院的优秀人物及校友进行介绍和展示。3.17图片记录室该版块主要用图片记录一些与学院相关的大事件，以及一些比较重要的事情，向大家展示我们学院的影响力。栏目下又分为母校荣誉、

45、国际交流与合作、嘱托与期盼、省部共建四个子栏目。3.18校园活动记该版块的设立是经过调查和严格论证的结果。上边说过校史馆如果只是讲述校史，第一会限制网站的更新速度；第二会降低网站的访问率和吸引力。这是一个网站致命的缺点。经过调查发现很多同学比较关注校园活动，但是却没有路径去获得校园活动的一些资料。该版块的子栏目可以在后台实现很简单的添加，根据校园活动的举办更新网站，给同学们更方便了解校园活动的一个平台。基于以上版块的设置和划分，我们得到下面这个网站的结构图：3.2 网页的界面设计 3.2.1 网页界面的构成要素水利院校校史馆网站建设除了文字和图像以外，还包含幻灯片等新兴元素，更借助由代码语言编

46、程所实现的各种交互式效果，增加网站建设了网页界面的生动性和复杂性，也使得在进行网站设计时需要考虑更多页面元素的排布、优化。一般来说，本网站的网页界面主要由下面几个因素构成：（1）文字：文字元素是信息传达的主体部分。网页中的文字主要包括标题、信息、文字链接、几种主要形式。标题和传统媒体中信息传达的基本作用相同，是其相关内容的简概说明一般比较醒目、优先编排。文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。（2）图形：图形在网页网站建设界面中具有重要作用。合理的运用图形。可以生动直观、形象地表现设计主题。创业研究用户教育中心网站中常用的图形格式

47、包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台的特性，不需要浏览器安装插件即可直接阅览。图形元素包括标题、背景、主图、链接图标四种。（3）页面版式：版式是网页界面设计的重要组成部分，它将文字、图形等视觉元素进行组合配置，使页面整体视觉效果美观和谐，便于阅读，实现信息传达的最佳效果。 （4）色彩：彩色网页比单色网页更具吸引力；色彩本身具有象征作用。（5）技术：网站建设网页的技术要素并非任何情况下在网页中都能直观体现，但是却代表了设计的整体水平，也是衡量设计成功的重要标准。网页界面设计最基本的技术要求包括：浏览器、传输速度、屏幕分辨率、颜色显示。3.2.2

48、网页的整体造型在制作网页的过程中，最先考虑的因素是网站的布局。一个网页是否做的成功，内容和色彩固然十分重要，如果没有一个好的整体架构来实现它，那么这个网页是不会成功的。用户看到的要么是满篇文字，要么是色彩绚烂，吸引眼球但找不到重点。所以在选择网页所要表达的主题和填写内容，考虑色调之前，一定要预先考虑好网页的整体布局，这样才能牢牢的抓住用户，让用户轻松容易的找到这个网页想要传达的首要信息。网页的布局通常指的是网页的整体架构，说的通俗一点就是排版。最重要的就是让用户第一眼就看到这个网页所想要传达的信息。本网站的特点就是网页的整体架构十分的清晰明了，便于用户浏览。 在本网站的建设中中，创建网页的构架主要有以下几点：，1首先虑整个网页的长和宽，以及长度和宽度之间的比例。通常情况下，为了方便用