1、 华北水利水电学院毕业设计I分类号 编 号 华北水利水电学院North China Institute of Water Conservancy and Hydroelectric Power毕 业 设 计题目 水利院校校史馆网站建设 学 院 管理与经济学院 专 业 信息管理与信息系统姓 名 刘 晓 磊 学 号 200610305 指导教师 司 保 江 2010 年 05 月 30 日华北水利水电学院毕业设计II水利院校校史馆网站建设摘要：校史，即学校之历史沿革，记载了一所学校的创设、变迁、发展，是学校最可宝贵的历史档案，是校园文化的溯源和载体，是学校应倍加珍惜、传承永续的精神财富。由于现实中
2、的种种原因，很多学生不能亲身到校史馆中去了解母校的足迹，聆母校的命运，观摩校史展览。这种情况也造成了很多学生从到学校一直到毕业都没能进到校史馆里面了解自己母校的历史。这是件多可悲的事情。同时，这也就造就了网络版校史馆诞生的条件。在网络充斥到每个人生活的方方面面的今天，如果可以把现有校史馆的内容和展览放到网络中去，那么学子无论身在何方，只要有一台电脑，就可以到校史馆网站上去沉浸在母校的历史之中，也可以尽情宣泄自己思念母校的感情。由于现有的校史馆网站不够成熟，还有很多缺点，所以重新设计校史馆网站势在必行，本文系统的阐述了网页建设前期对网站的设计、中期用 Photoshop 和 Dreamweave
3、r 对网站前台网页进行设计，后期用 DeDecms 进行站点建立以及模板制作的总过程。最终制作出来的网站系统页面比较美观，而且后台管理很方便快捷。关键词：DeDeCMS，Dreamweaver，校史馆，网站设计华北水利水电学院毕业设计IIIWebsite construction of college history museumAbstract: The school history, namely, the historical evolution of a school, which recorded a schools creation, change and development,
4、 is the schools most precious historical archives, and the origin and carrier of the campus culture. It is a spiritual wealth that should be doubly cherished and passed down to many more generations to come. Due to various reasons in reality, many students cant personally go to the history museum to
5、 know the footprint of their alma mater, to listen to the destiny of the alma mater, to observe the school history exhibition. Its a pity that a lot of students even can not enter into the history museum from entering a school until the graduation to understand the history of ones alma mater. But at
6、 the same time, this in turn creates conditions for the emergence of a web version of history museum. Now internet flooded into every aspect of peoples daily lives. If we the existing contents and exhibitions of the history museum can be put onto the network, students can go to the history museum we
7、bsite to be immersed in the history of alma mater and to express ones affection to ones alma mater to ones hearts content Because the existing history museum website is not mature enough and there are many short comings, so it is imperative to redesign history museum website. This thesis expounds th
8、e whole procedures of the construction of a website, including website design in preliminary stage, front page design using Photoshop and Dreamweaver in intermediate stage, site construction and template design using DeDeCMS in later stage. The website system page finally made by this way is more be
9、autiful, and the background management is very convenient and fast.Key words: DeDeCMS, Dreamweaver, history museum,Website Design华北水利水电学院毕业设计目 录摘要： .IAbstract: .II1 绪论 .11.1 校史馆的意义和现状.11.2 课题研究意义.21.2.1 当前已有校史馆网站的优点和不足.21.2.2 水利院校校史馆网站建设的整体方案.21.3 水利院校校史馆网站的未来走向.32 相关技术与知识 .52.1 Photoshop 介绍 .52.2 M
10、ySQL 数据库简介 .52.3 DeDeCMS 简介 .62.3.1 什么是 DedeCMS.62.3.2 DedeCMS 能为我们做什么 .62.4 Dreamweaver 开发环境介绍 .73 网站系统分析 .93.1 网站需求分析.93.2 网站可行性分析.93.2.1 必要性分析.93.2.2 可行性分析.103.3 网站系统功能分析.104 网站系统的设计 .114.1 网站的栏目设计.114.1.1 校史馆网站主页.114.1.2 校史馆网站简介.114.1.3 学校灵魂.114.1.4 华水历程.124.1.5 看图知校史.124.1.6 华水人物.12华北水利水电学院毕业设计
11、4.1.7 图片记录室.124.1.8 校园活动记.124.2 网页的界面设计.134.2.1 网页界面的构成要素.134.2.2 网页的整体造型.144.2.3 网页的色彩搭配.155 网站的具体实现 .165.1 运行环境.165.2 建立站点.175.2.1 DeDeCMS 的安装与设置 .175.2.2 Dreamweaver 中站点建设 .185.3 前台的实现.195.3.1 网站导航栏内容.195.3.2 网站首页.205.3.3 顶端 Banner 制作 .225.4 后台的实现.235.4.1 网站管理后台介绍.235.4.2 文章列表模板设计实现.255.4.3 文章页板块
12、设计实现.265.4.4 Head 模板设计与实现 .285.4.5 Footer 模板设计与实现 .306 网站的测试与维护 .326.1 网站的测试.326.1.1 测试方法及过程.326.1.2 测试结果报告.336.2 网站的维护.337 结束语 .34参考文献 .35致谢 .36附录 .37华北水利水电学院毕业设计附录 1：英文原文 .37附录 2：中文译文.43华北水利水电学院毕业设计共 46页第 1 页1 绪论1.1 校史馆的意义和现状校史，即学校之历史沿革，记载了一所学校的创设、变迁、发展，是学校最可宝贵的历史档案，是校园文化的溯源和载体，是学校应倍加珍惜、传承永续的精神财富。
13、校史又与校园文化紧紧地联系在一起。首先，校史可以体现校园文化脉络，校史是一个学校在发展过程中逐步形成的，校史记录了校园文化不同阶段的发展脉络。其次，校园文化的维系与传承离不开校史的贡献。大学四年，岁月匆匆，莘莘学子，如何浸润于母校的文化氛围，产生心灵的依归?当每位驻足在校史馆的学子，聆听校史讲解，观摩校史展览时，他们的心就会和母校融为一体。其三，校友借助校史馆这个文化载体，发扬母校的文化。校友深受母校文化的熏陶，尽管毕业后身在各地，但是对母校的怀恋非常情深，怀恋中最易触发的就是母校的文化，校史馆网站的建立无疑提供了一个热爱母校、交流释放情感、宣泄思绪的平台，一方深情地文化花园，它会成为校友们的
14、精神力量源泉之一。通过校史馆网站这个文化载体，校友们释放他们对母校满腔的眷念和深情。其四，校园文化的纷繁多样、蓬勃发展也丰富了校史的内容。各个学校都精心设计和组织开展内容丰富、形式新颖、吸引力强的思想政治、学术科技、文娱体育等校园文化活动，力求在高品位、宽覆盖、新形式上有突破，体现出学校独特的风格和文化内涵。这些多样性的校园文化为校史增添了丰富多彩、更加鲜活的内容。国不可无史，同样，校不可无史。没有历史，我们就无法总结经验，吸取教训；回顾历史，可以让我们明白我们从哪里来，将要到哪里去。树固根源而叶茂，泉固渊源而流长。只有明白校史，了解校史，才能真正的把握学校的精神动脉，学校的优良传统和积淀的文
15、化才能得到传承，乃至发扬光大。然而，由于现实中的种种原因，很多学生不能亲身到校史馆中去了解母校的足迹，聆母校的命运，观摩校史展览。这种情况也造成了很多学生从到学校一直到毕业都没能进到校史馆里面了解自己母校的历史。这是件多可悲的事情。同时，这也就造就了网络版校史馆诞生的条件。在网络充斥到每个人生活的方方面面的今天，如果可以把现有校史馆的内容和展览放到网络中去，那么学子无论身在何方，只要有一台电脑，就可以到校史馆网站上去沉浸在母校的历史之中，也可以尽情宣泄自己思念母校的情感。华北水利水电学院毕业设计共 46页第 2 页1.2 课题研究意义1.2.1 当前已有校史馆网站的优点和不足通过对当前已有的几
16、个学校的校史馆网站的调查和研究发现，现有校史馆网站已经基本能够体现出现实中校史馆网站所要向参观者展示的内容和精神，网站定位比较明确，就是要向大家展示几代、几十代校友辛勤耕耘的汗水和智慧，杰出校友的英姿风采，以及学校优秀的办学经验和成果，体现学校优良的办学传统和独特的精神内涵。然而这些网站也有一些共同的缺点，现列出如下：（1）页面没有整体风格可言。网站并不只是为了展示内容而建设的，水利院校校史馆网站应该是一种厚重的文化气息或者是清新的校园文化气息。而现有的校史馆网站页面过于简单，给人一种多看几眼就会乏味的感觉，明显建站的时候过于仓促，缺少了校史馆网站应有的韵味。（2）网页板块杂乱无章。这是现有校
17、史馆网站普遍存在的问题，板块分配杂乱无章，不能给人一种一目了然的感觉，不能让访问者很快的找到自己想看的内容，这是任何网站建设的大忌之处。网站建设最应该重视的就是给访问者以方便。（3）网站内容过于单调死板。既然校史与校园文化密不可分，何尝不能在校史馆的网站上也增加板块记录校园里一些大型活动的信息呢，今天的活动就会成为明天的历史。这也是校史的一大部分，却被大多数的校史馆网站所忽略了。（4）内容更新太少太慢。校史馆网站，并不代表展现的只是历史，不需要更新。如果说校史馆网站不更新的话，又怎么能够吸引大家的眼光呢？校史不一定只要表现很久很久以前的历史，一个月前的重大事情也叫校史。调查的几个现有的校史馆网
18、站几乎没有更新，这也是跟他们对网站的定位和设计有一定关系。1.2.2 水利院校校史馆网站建设的整体方案针对现有校史馆网站所存在的缺陷我们主要进行如下几个方面的完善：华北水利水电学院毕业设计共 46页第 3 页（1）对网站进行精心设计。每一个网站都有自己要体现的内容，要代表的单位形象，应该有一套自己独有的风格，校史馆网站也是一样，要代表的是学校的灵魂和精神。网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。所以要建设的校史馆网站总体以草绿色为主色调，体现青青校园的清新气息。（2）为所建网站进行明确的定位。据了解，华北水利水电学
19、院校史馆与 2007 年 12 月 23 日正式对外开放，但是有很多同学都没有机会真正到校史馆中去了解母校的历史，建设校史馆网络版的目的就是要给没有机会到实际校史馆中餐馆的同学很方便的了解母校历史的路径，同时可以在该网站上发表一下自己对母校的感情。该网站也作为一些已经毕业的校友们回忆和交流的平台。（3）精心划分校史馆（网络版）的板块设置。虽然现有校史馆网站已经能展现给访问者想要得到的信息，但是网站最主要的特点应该是能够让来访者一目了然，清楚该网站的总体布局，轻松找到自己想要了解的信息。这也就要求网站栏目板块的设置一定要合理，经过精心规划，所要建设的校史馆网站分为七大块，下面会有详细解释。（4）
20、丰富所建设网站的内容。校史馆网站虽然向大家展示的是学校的历史，主题比较严肃，但是如果只是历史的话缺乏吸引学生们参观访问的潜力，鉴于此原因，校史馆网站还是需要加入一些学生们感兴趣的内容，而这些内容又应该符合校史馆网站的主题。进过调查，许多同学对毕业晚会等校园活动有很大的兴趣，并且表示找不到这些活动相关的资料和照片，所以我决定在所建设的校史馆网站上添加一个校园活动记实的栏目，通过贴一些活动中的照片供同学们进行回忆和欣赏。（5）通过板块设计加快网站的更新速度。由于现在已有的很多学校校史馆网站都只是向大家展示之前的历史，这种形式决定了这些网站很少或者基本上没有更新，所以一些同学浏览过一遍后就不会再回访
21、了，这样大大降低了网站的浏览率和影响力。所以我准备在所建设网站上添加一些需要经常更新的版块，以促进网站的更新速度，从而吸引更多的人点击浏览，并且栓住一些人经常华北水利水电学院毕业设计共 46页第 4 页回访。1.3 水利院校校史馆网站的未来走向水利院校校史馆网站的建设是网络快速发展和学校校史馆深入学生心中的必然趋势，由于现实中的校史馆有很少人能真正去参观，校史馆的局限性决定了校史馆网站的影响会越来越明，校史类网站将会收到同学们的欢迎和认可。（1）新兴网站前途光明。由于校史馆类网站是近几年才出现的用于向用户展示学校历史和校园文化的网站，该网站的定位决定了学生们会很欢迎，并且会丰富同学们的校园文化生活，从而达到双赢的效果。（2）网站内容更加贴切同学的实际生活。随着时间的流逝，校园生活不断丰富，网站的内容也在不断的更新，网站内容也会更加丰富。（3）网站管理更新技术更加先进。由于该网站用国内最流行的 DeDeCMS 解决方案，居于现时最流行的 LAMP 架构，从而使站长更方便更新网站内容，后台操作更加可视化。（4）网站使同学和学校之间的融合更加紧密。学校的展示，学生的意见及建议，都为该网站进一步优化取得了良好的条件，并且加强了学校与学生之间的交流与沟通，唤起学生和教师的自豪感和荣誉感，从而也加快了校园文化的发展与进步。
