西邮动态网站设计毕业论文

西安邮电学院 毕 业 设 计（论 文） 题 目： 自动化学院网站设计 之新闻发布及学生工作子模块 系 别： 自动化学院 专 业： 自动化 班 级： 自动0603班 学生姓名： 重庆春熙文化传播有限公司 导师姓名： 重庆春熙文化传播有限公司 职称： 副教授 起止时间：2010年03月 08日 至 2010年 6月20日西 安 邮 电 学 院毕业设计(论文)任务书学生姓名重庆春熙文化传播有限公司指导教师重庆春熙文化传播有限公司 职称副教授系别自动化学院专业自动化题目自动化学院网站设计新闻发布及学生工作子模块 任务与要求本题目要求在原有信控系网站的基础上，针对自动化学院现有的学科设置，设计新的学院网站，结合学院教学管理，教师学生信息互通等要求，开发一套界面风格鲜明，界面友好的自动化学院网站。本题目完成自动化学院网站的新闻发布及学生工作子模块设计。1、 网站栏目结构合理。2、 新闻和学生版块易于和其他版块衔接。3、 前台内容能够动态更新。开始日期2010年3月30日完成日期2010年6月20日系主任(签字)2010年1月8日西 安 邮 电 学 院毕 业 设 计 (论文) 工 作 计 划 学生姓名_ 重庆春熙文化传播有限公司 _指导教师_重庆春熙文化传播有限公司 _职称_副教授_系别_ _自动化学院 _专业_自动化_ 题目_ 自动化学院网站设计新闻发布及学生工作子模块 _ _ 工作进程：起 止 时 间工 作 内 容2010.3.232010.3.29 查阅相关资料，调查网站设计功能需求，制定网站平台架构方案。2010.3.302010.4.13 寻找评估开源网站源码，进行二次开发可行性调研。2010.4.142010.4.20 网站相关模块UI设计，美工制作，调试。2010.4.212010.5.18 网站前台后台对接及调试。网站设计模块功能测试，解决相关问题及优化。网站设计模块功能测试，解决相关问题及优化。2010.5.192010.6.1 网站内容添加及整体测试。形成毕业设计论文，请指导老师评改，改进并加以整合，完成设计；2010.6.42010.6. 26 写毕业设计论文、整理，准备PPT，答辩。主要参考书目(资料)主要仪器设备及材料对计划的说明无网站设计相关书籍美术设计相关书籍服务器组建相关书籍计算机一台，相关网页设计软件。论文(设计)过程中教师的指导安排1、 提交开题报告，叙述对毕业论文任务书的理解和完成计划；2、 上报毕业论文和完成步骤和情况；3、 完成余下的工作计划，预计困难，对应的措施；4、 按要求上交设计成果与论文，进行相应的答辩西安邮电学院毕业设计(论文)开题报告自动化学院 自动化 专业 06 级 3 班课题名称： 自动化学院网站设计 新闻发布及学生工作子模块 学生姓名： 重庆春熙文化传播有限公司 学号： 重庆春熙文化传播有限公司 指导教师： 重庆春熙文化传播有限公司 报告日期： 2010年3月18日 1 本课题所涉及的问题及应用现状综述在网络飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用.因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。这次我们所设计的课题正是互联网与社会生活之间的紧密关系的体现，现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，他能够把事情的复杂化转为简单化。自动化学院网站建设和改版不仅能够使满足学生对学院信息获取的需要，也是适应现代化信息建设的需要，同时，随着系部向学院的转变，原有的系部网站已经不能满足现在学院的需要，而且在版面设置，在美工设计上也存在了一定的落后。新版本的网站模块设计将根据自动化学院专业风格和特性进行设计，使其更贴近电子类网站风格。而我的课题主要侧重在新闻发布和学生工作模块上，新闻发布模块是一个网站不可或缺的部分，它将直接展示学院动态，学生工作模块在高校网站也具有同样的地位，新的设计将充分考虑其展示方式，具体包括图文，影音等内容。整个系统后台将采用开源CMS为基础蓝本，对其进行针对性开发，前台将采用伪静态技术，方便搜索引擎的收录，而整个设计将采用模板分离技术，方便以后对网站的再次更新。网站前台语言HTML是一门最基础的网页制作语言，它也是当今网络应用的基础无论用什么方法设计的页面，最后传到客户机上都是HTML的源码。本网站着重使用Macromedia Dreamweaver CS4 、Adoble Photoshop，Fireworks等工具进行HTML的设计。Macromedia Dreamweaver CS4 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。利用 Dreamweaver 中的可视化编辑功能可以快速地创建页面而无需编写任何代码,同时为了保证网站在各个浏览器中的兼容性问题，我们将辅以CSS对页面格式进行控制。2本课题需要重点研究的关键问题、解决的思路及实现预期目标的可行性分析本课题主要重点研究的是自动化学院网站的新闻模块和学生模块的设计，它不仅包含模块的结构设计，还包括其前后台的设计以及后期的调试工作。内容涉及网站的基础建设，对原始数据进行调查，重点放在新闻更新、学生工作等内容上，使用ASP，HTML开发前后台程序，完成网站的链接，以及与其他模块的衔接，以便开发出功能强大的网站。同时其关键问题还包括网站在各个浏览器中的兼容控制。解决思路如下：前台版面设计：根据网站模块的目的和功能规划网站内容，主要包括频道首页，列表页，内容页等页面。静态页面设计运用Dreamweavr和Fireworks完成，相关图片处理设计主要运用Photoshop CS3 来完成。而页面的兼容性问题，我们主要辅以CSS技术对其进行控制。后台设计：采用开源的kesionCMS作为基础，对其进行针对的修改及设计，主要包含栏目设计，前后台模块的衔接及调试。预期目标：充分利用所学习的网络技术制作出一个能够充分展示自动化学院风采的网站，提升学院网络宣传能力，同时也为学院和学生之间的交流和信息共享提供一个平台。参考文献：1 林义证、黄世阳HTML& ASP网页制作教程北京中国铁道出社， 2000.82 冯英健网络营销基础与实践清华大学出版社，2007.2第3版3 张浦生数据库的应用技术北京机械工业出版社，2007.14 唐建平、陈建军ASP程序设计实用教程人民邮电出版社出版2005.5 Tom Negrino styling web pages with css visual quickproject guide机械工业出版社2009.3 完成本课题的工作方案首先应查阅相关资料和案例，对整个设计有个初步的方向及把握，建设网站前要进行调查明确建相关模块的结构，然后根据结构和用户体验需要进行设计。同时整个设计过程要充分考虑网站的整体风格，要保持一致。第一周：查阅相关资料，调查网站设计功能需求，制定网站平台架构方案。第二周：寻找评估开源网站源码，进行二次开发可行性调研。第三周第四周：网站相关模块UI设计，美工制作，调试。第五周第七周:网站前台后台对接及调试。总结前期工作，提交中期报告。第八周：网站设计模块功能测试，解决相关问题及优化。第九周第十周：新闻，学生工作模块与其他模块合并，并调试。第十第十二周：网站内容添加及整体测试。第十三周：撰写论文，完成论文，进行论文答辩。4指导教师审阅意见指导教师(签字)： 年 月 日说明：本报告必须由承担毕业论文(设计)课题任务的学生在毕业论文(设计) 正式开始的第1周周五之前独立撰写完成，并交指导教师审阅。西安邮电学院毕业设计 (论文)成绩评定表学生姓名重庆春熙文化传播有限公司性别男学号重庆春熙文化传播有限公司专 业班 级自动0603班课题名称自动化学院网站设计新闻发布及学生工作子模块课题类型实际应用难度一般毕业设计（论文）时间2010年3月 8日6月 20 日 指导教师重庆春熙文化传播有限公司课题任务完成情况论 文 (千字)； 设计、计算说 明书 (千字)； 图纸 (张)；其它(含附 件)：指导教师意见分项得分：开题调研论证 分； 课题质量（论文内容） 分； 创新 分；论文撰写（规范） 分； 学习态度 分； 外文翻译 分指导教师审阅成绩： 指导教师(签字)： 年 月 日评阅教师意见分项得分：选题 分； 开题调研论证 分； 课题质量（论文内容） 分； 创新 分；论文撰写（规范） 分； 外文翻译 分评阅成绩： 评阅教师(签字)： 年 月 日验收小组意见 分项得分：准备情况 分； 毕业设计（论文）质量 分； （操作）回答问题 分验收成绩： 验收教师(组长)(签字)： 年 月 日答辩小组意见分项得分：准备情况 分； 陈述情况 分； 回答问题 分； 仪表 分答辩成绩： 答辩小组组长(签字)： 年 月 日成绩计算方法(填写本系实用比例)指导教师成绩 20 () 评阅成绩 30 () 验收成绩 30 () 答辩成绩 20 ()学生实得成绩(百分制)指导教师成绩 评阅成绩 验收成绩 答辩成绩 总评 答辩委员会意见毕业论文(设计)总评成绩(等级)： 系答辩委员会主任(签字)： 系(签章) 年 月 日备注西安邮电学院毕业论文(设计)成绩评定表(续表)自动化学院网站新闻发布及学生工作子模块设计目录摘 要IAbstractII1 引言11.1 课题背景及意义11.2 本文内容安排32 课题分析42.1需求分析42.2 新闻系统的性能需求52.3运行环境要求62.4系统功能模块63 网站设计技术介绍83.1网站后台系统选取83.1开发工具的选用及介绍84 网站新闻发布及学生工作模块模板设计104.1 新闻发布及学生工作模块栏目设置104.1.1新闻发布模块栏目104.1.2学生工作模块栏目114.2 网站静态模板设计114.2.1网站首页模板设计114.2.2新闻中心模板设计214.2.3学生工作模板设计245网站系统后台配置255.1网站基本信息设置255.1.1网站信息设置255.1.2网站栏目设置及栏目模板绑定255.1.3网站前台内容调用266网站调试及运行276.1网站运行环境配置276.1.1安装IIS 6.0286.1.2网站所需组件安装286.1.3网站安全设置296.2网站内容管理306.3网站问题解决317网站的特点32结论33致谢34参考文献352自动化学院网站新闻发布及学生工作子模块设计摘 要我们从建站的实际情况出发，经过对原有网站新闻发布事项的一番考察和分析，确立了新闻发布系统的具体实现功能。并阐述系统的结构设计和功能设计，实现新闻的分类显示，最近新闻的提示，新闻滚动功能等。经过授权的用户可以通过Web浏览器，以人机交互式的客户端程序实现对学校新闻的发布、管理、实时的进行行为统计和记录。本系统是自动化学院的一个子系统，具有很好的外部接口，能够很好的配合站点的其它子模块服务于网站的新闻发布.该系统是一个基于新闻发布和内容管理的全站管理系统；基于开源的KesionCMS系统，本系统可以将杂乱无章的信息（包括文字、图片和影音）经过组织，合理而且有序地呈现在大家面前。简单的说,新闻发布系统就是充当一个网络新闻媒介的功能。同时，我们采用了程序和模板的分离技术，易于后期对网站的升级。关键词：KesionCMS；模板分离技术；美工；网页三剑客；新闻发布Abstract we embark from the station construction actual situation,pass through to the original website news issue item inspection and theanalysis, has established the news issue system concrete realizationfunction. And the elaboration system structural design and thefunctional design, realize the news classification to demonstratethat, the recent news prompt, the news rolls the function and so on.After the authorized user may through the Web browser, by theman-machine interactive customer end procedure realization to theschool news issue, the management, real-time carry on the behaviorstatistics and the record. This system is a sub-system of school of automation, has the very good exterior connection, can the very goodcoordinate stand other subsystems serve the website news issue This system is based on the news issue and the content managemententire station management system management system; Based on open source KesionCMS system, this system may the chaotic information(including writing, picture and video and music) the processorganization, reasonably has the foreword to present in front ofeverybody. Simple saying, the news issued the system is acts as a NetNews medium the function,and the Technology of depart proscenium and backstage makes update the website easily.Key Words: KesionCMS; Technology of depart proscenium and backstage ; art designing ; dreamweaver、fireworks、flash; news releaseI自动化学院网站新闻发布及学生工作子模块设计自动化学院网站新闻发布及学生工作子模块设计1 引言1.1 课题背景及意义在网络飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用.因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。而学校网站是学校的商标，每一所学校都有自己的特色，每一所学校都有自己的个性。在这个高度信息化的社会里，建立自己学校网站是最直接的宣传手段。网站的超时空特性，不仅能让地区内的人们了解学校，更可让世界了解你的学校。凭藉学校网站，学校就可成为教育百花园中一朵鲜艳的花朵。 现在的学生很喜欢上网，他们交际广泛，而且他们毕业后将走向全国东西南北，所以学校网站，会对学校起到相当大的宣传作用。比如说在学校建站初期搞一次全校学生参与美工设计大赛，这对学生和网站建设都是一种很好的支持；另外，学校网站还开设学校的学习论坛，邀请学生做适合自己兴趣爱好栏目的版主；不定期举办比 赛通过这一系列的活动可以让更多的学生了解学校网站并参与其中，达到不错的宣传作用。一个优秀的学校离不开广大校友的支持和帮助，一所学校，特别是有几十年甚至近百年历史的学校，在国内外有无数的校友，很明显在信息飞速发展的今天，校友与学校之间以及校友与校友之间仍然主要通过普通信件或电话进行联系的方式已经落后，作为母校，有义务也有责任加强校友录的建设 工作，以进一步加强校友与学校以及校友自身之间的联系。校友，在很多情况下一提到这个问题便让人想起仅仅是在学校搞校庆时拉赞助的对象，其实，广大的校友 带给母校的往往是一些更可贵的看不见的无形资产，他们经常会为母校的发展献计献策，他们的成功也会推动母校的发展，对在校学生起到一个良好的示范作用，所 以校友是学校发展不可缺少的力量。最好今后的毕业照全部上网(以前的毕业照也最好逐步整理上网)，同时发给学生的毕业照都印上学校网址，以加强校友与母校的联系。 校园快讯以及校园风采图库的建设非常的重要，它们在一定程度上可以反映学校的办学思想、教学观念以及师生在校园的学习生活情 况，经常查看这些栏目的除了在校师生外我想主要还有以下一些群体：一是已经毕业校友，他们关心学校的发展，所以会经常“回来”看看，试想，如果一位已经工 作几十年的老校友再“回到”母校能看到自己当初的照片依然还放在学校网站上，那种心情是何等的激动，毕竟母校还没有忘记他们；二是，各级教育部门和学生家 长，他们需要及时了解一些学校的教育教学工作情况，并及时的向学校有关部门反馈他们的意见或建议。现在学校各类活动，都可以分类的把它们放在网站的校园风 采图库内，以记录着学校的历史！ 学校网站能提供教学互动的全新方式学校网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使广州与 北京、城市与乡村的学校同处一室，共同讨论，共同共享。地理上的界限在这里模糊和消失了，学校网站是真正没有围墙的学校。 学校网站能够提供个性化学习的平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所 需。学校网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和人格。 学校网站是实现教育资源分配的桥梁网络有巨大的教育资源库，它集全社会的力量，使教育资源无限增长。这对于发达地区和欠发达地区，高投入学校和条件差的学 校在获取教育资源的权力上达成平等，使每一位教师和学生都能均等的得到培训和受教育的机会，不再会受到学校水平、教材、教师能力的限制。不仅能极大的提高 教学效率，而且能实现教育公平的社会理想。 学校网站是最佳的教学研究室，学校网站与教育类专门网站的有效链接，给学校教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。 这次我们所设计的课题正是互联网与社会生活之间的紧密关系的体现，现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，他能够把事情的复杂化转为简单化。自动化学院网站建设和改版不仅能够使满足学生对学院信息获取的需要，也是适应现代化信息建设的需要，同时，随着系部向学院的转变，原有的系部网站已经不能满足现在学院的需要，而且在版面设置，在美工设计上也存在了一定的落后。新版本的网站模块设计将根据自动化学院专业风格和特性进行设计，使其更贴近电子类网站风格。而我的课题主要侧重在新闻发布和学生工作模块上，新闻发布模块是一个网站不可或缺的部分，它将直接展示学院动态，学生工作模块在高校网站也具有同样的地位，新的设计将充分考虑其展示方式，具体包括图文，影音等内容。而两个模块归结起来是基于内容管理系统。1.2 本文内容安排 本文共分为七章，各章节的安排如下： 第一章为绪论，介绍了课题的背景及意义，并对学校网站对学校及社会的意义简要叙述；然后在现在的网站支撑的现状基础上，提出课题主要研究内容。 第二章主要对课题进行了分析，包括网站的需求，功能环境等，最后对网站的内容模块进行了研究。 第三章介绍网站制作后台的选取和相关的一些开发工具。第四章介绍了新闻发布模块和学生工作模块的栏目设置要求，然后具体地介绍了网站首页静态模板的制作以及新闻中心学生工作等相关页面的模板设计。第五章介绍了网站后台设置的相关内容，已经前台和后台衔接的方法。第六章首先介绍了网站运行环境的配置和安装，然后详细介绍了网站后台内容添加的方法，最后介绍了在网站在运行中遇到的一些问题和解决方案。第七章简要介绍了该网站的一些特点。2 课题分析2.1需求分析该网站为二级学院网站，需要经常发布一些新闻，学生工作等内容，如何能有效地管理和发布这些内容呢？最初用户的需求为：“该网站系统具有一般新闻系统的功能，同时具有新闻审核和不同管理员不同管理权限的功能” 。而学生工作模块也是基于新闻发布系统，故下面针对新闻系统进行分析。通过对其它一些新闻系统的调查发现，一般新闻系统功能如下： 前台按分类显示新闻； 搜索新闻； 后台管理： 添加、删除和修改新闻 添加、删除和修改用户 添加、删除和修改新闻分类 添加新闻（添加成功后的新闻根据管理员权限分为可发布新闻和待审核新闻）需要新闻审核，说明添加后的新闻分为两种：直接发布新闻和待审核新闻，同时待审核的新闻通过管理员或审核员经审核后才可以上传到网站，管理员有不同的权限，需要有个管理权限的功能，在系统中应该有个超级管理员，具有所有权限，能够对系统进行全面管理，同时管理员可以修改自己的一些信息。根据学院网站新闻发布管理的实际需求，在首页中能显示最热门新闻、头条新闻和最近发布的几条新闻等，同时在后台发布新闻时可以添加图片，也可以添加HTML语法，在前台能自动根据所显示的图片和HTML语法来显示新闻。在后台管理中，因为有权限的管理员才能登录管理后台，所以需要有个登录验证模块，而且需要根据用户权限的不同显示不同的管理目录，在管理新闻和用户时，当数据少时管理起来还比较方便，如果一多则想找到某条新闻或某个用户就很难，所以需要有个查找（新闻标题、用户）模块用于查找新闻或用户。根据以上需求分析，该系统要实现的主要功能为： 前台显示新闻部分 用户登录区 显示最热门的前几条新闻 显示推荐的前几条新闻 显示最新的前几条新闻 搜索新闻功能 显示所有新闻分类（即部门） 按分类/部门显示其下的所有新闻 新闻详细信息浏览阅读 图片新闻（自动生成缩略图）以滚动形式在首页显示且只显示前几条 网站友情链接（可在管理中添加设置） 网站公告可显示发布了新闻但没通过审核的一些相关通知等 后台管理部分 登录验证 根据权限显示相应的管理目录 添加、修改和删除新闻 管理发布新闻 管理审核新闻 分类管理 用户管理 网站风格设置、系统设置等2.2 新闻系统的性能需求该系统在性能功能上应达到如下需求： 操作简单、界面友好:简约的页面布局，使得新闻的录入工作更简便，许多选项包括新闻分类、来源部门等只需要点击鼠标就可以完成；另外，跟踪出现的提示信息也让用户随时清楚自己的操作情况。对常见网站的新闻管理的各个方面：新闻录入、浏览、删除、修改、搜索等方面都大体实现，实现了网站对即时新闻的管理要求； 即时可见:对新闻的处理（包括录入、修改、删除）将立即在主页的对应栏目显示出来，达到“即时发布、即时见效”的功能； 系统运行应该快速、稳定、高效和可靠； 在结构上应具有很好的可扩展性，便于将来的功能扩展和维护。2.3运行环境要求客户端操作系统：Windows 98/NT/2000/XP或更高版本浏览器：IE 6.0及以上，Firefox，Opera等服务器操作系统：Windows 2000 Server或者Windows 2003 ServerWeb服务器：MS IIS应用服务器：IIS、COM+等企业级应用服务器数据库：ACCESS 2.4系统功能模块工作流程为：打开该系统网站，普通浏览者能浏览、阅读和搜索新闻，能进行注册，注册后为新闻输入员，登录进入新闻后台管理区, 只有添加新闻的权限；如为系统管理员，其有新闻后台管理区内的所有权限，除具有新闻审核员所有的权限外，还有添加和管理新闻分类、添加和管理用户、系统、风格和友情链接设置。在添加新闻时，除常规的添加新闻标题、新闻内容、新闻作者和新闻简介外，还可选择是否为首页新闻、是否为推荐新闻和是否在首页滚动图片(上传图片)等，对新闻内容的字体、字号和字体颜色可以调整，类似Word的一些简单的编辑功能，还可设置超链接和插入表格等。如添加新闻者为新闻输入员，其所添加的新闻需要系统管理员或审核员经审核后才能发布到网上；如是管理员或者审核员添加新闻的话，不需要再经谁审核，直接可以发布到网上。管理新闻功能包括对任一条新闻内容可作相应修改，也可删除任何一条不再需要保留的新闻。管理新闻分类包括对新闻分类名称作修改，也可将任一分类名删除，删除后其分类下的所有新闻也将被删除。添加用户时，用户等级可为管理员、审核员或者输入员之一，管理用户包括修改用户名、密码和用户等级，也可将任一用户删除。系统设置包括设置网站标题、网站地址、首页图片、网站公告(可用来显示当前有哪些新闻输入员所添加的新闻没有通过审核，具体的原因理由等)、网站链接(此文本内容可更改)和底部信息(可放置一些与站点相关的文本内容等)，对系统设置里的内容，随时可做相应的修改，这权限只有系统管理员才拥有。风格设置指从系统八种风格里任选一种作为当前网站的默认风格。浏览网站普通浏览者浏览阅读新闻搜索新闻注册用户登录后经权限判断新闻输入员添加新闻系统管理员新闻审核员添加新闻审核新闻管理新闻添加新闻分类管理新闻分类添加用户管理用户系统设置风格设置友情链接设置图2-4-1 系统功能模块图示3 网站设计技术介绍3.1网站后台系统选取基于我们上面对网站需求和结构的分析，我们选定开源系统KesionCMS为网站后台支撑，其原因如下：系统采用模块化开发，100%开源，拓展性更强,二次开发更方便。支持无限级栏目，可绑定二级域名，加载速度更是神速。整个系统都可以生成静态HTML，有效的提高了系统的性能，不仅减轻服务器的负载提高搜索收录率，增加网站收录。同时也可以实现内容收费和访问权限控制。 网站模板与程序分离，支持DIV CSS，通过模板设计便可实现个性化网站 支持多级管理权限控制，让网站多人维护更轻松。多重安全机制和权限控制，为网站安全保驾护航。该系统如上的六个有点正好符合我们网站的建设需求和后台选取标准。而且KesionCMS是一个专业，开放式的网站管理系统，KesionCMS人性化的操作方式，强大的后台管理功能，极其方便的管理模式和可根据需求随意自定义样式的万能标签，让非专业人士也专业，专业人士管理网站更省时，提高工作效率；系统没有任何文件加密,完全开源的程序拥有无限的扩展和伸缩性，灵活的二次开发架构，可快速整合第三方软件，系统更以其人性化的管理界面和操作方式及丰富的功能特性完全解决了网站建设后可能出现的问题。科汛开发人员在开发过程中无处不充分考虑用户的使用习惯，尽最大可能降低用户的使用门槛，让用户关注于内容维护本身， 而不需要投入过多的时间来学习系统的使用技巧，在细节处下大工夫。 基于对自动化学院网站完成后的使用和维护的考虑，我们选择了KesionCMS作为网站的后台。3.1开发工具的选用及介绍、Macromedia Dreamweaver CS4的简介：Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 、Fireworks的简介：Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等。Fireworks很完整的支持网页 16 进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应( Image Map )、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。在本课题中，主要采用fireworks对一设计好的网页进行切片处理。 、Photoshop的简介Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。在本课题中，主要采用photoshop对网站的前台进行前期美工设计。、CSS样式的运用：中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。4 网站新闻发布及学生工作模块模板设计4.1 新闻发布及学生工作模块栏目设置根据对以前信控系网站的结构分析和对现在自动化学院对网站结构要求的调查，初步为网站新闻发布和学生工作模块设置栏目并提出栏目要求。4.1.1新闻发布模块栏目图4-1-1-1新闻发布模块栏目设置综合新闻：在新闻频道显示，在首页显示最新新闻列表，相关新闻以图片幻灯显示。教学新闻：在新闻频道显示。党群活动：在新闻频道显示。通知公告：在新闻频道显示，在首页显示最新通知公告文章列表。4.1.2学生工作模块栏目辅导员队伍：在学生工作频道显示。规章制度：在学生工作频道显示。学生活动：在学生工作频道显示，在首页显示最新学生活动文章列表。学生组织：在学生工作频道显示。优秀学子：在学生工作频道显示。学院院报：在学生工作频道显示。奖困贷补：在学生工作频道显示。安全教育：在学生工作频道显示。4.2 网站静态模板设计4.2.1网站首页模板设计因为KesionCMS采用的是模板和程序分离的方式（这也为以后网站风格更换提供了便利），所以我们首先制作网站的静态模板。从网站首页开始。网站主页采用静、动相结合的方式，即静态的主画面和动态的图片或flash相结合，体现学院的勃勃生气，首页主要展示自动化学院及自动化学院学生的一些动态，就得利用与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现。首先我们根据需要采用photoshop对网站首页进行设计。网站首页内容版式设计使用Photoshop对网站首页内容分块排版，并以不同颜色区分。如下图： 图4-2-1-1-1 网站首页内容分布图内容分布说明：内容：网站首页banner，主要说明网站标题，以图片显示为主。内容：网站首页导航条。内容：网站首页banner，主要展示自动化学院相关活动或重大事件，以图片动画或flash展示为主。内容：网站搜索框。内容：网站新闻幻灯图片显示区。内容：网站综合新闻列表显示区。内容：网站通知公告列表显示区。内容1：网站党建工作列表显示区。内容：网站学生活动列表显示区。内容：网站就业信息列表显示区。内容：网站服务快捷链接显示区。内容11：网站友情链接显示区。内容12：学院联系方式版权信息显示区。根据上面首页的内容排版，使用photoshop添加模拟内容。效果如下：图4-2-1-1-2 网站首页版式设计模拟内容效果图网站首页文件切片使用Fireworks对上面处理好的首页文件进行切片处理。我们这里所说的切片（Slice）就是将一幅大图像分割为一些小的图像切片，然后在网页中通过没有间距和宽度的表格重新将这些小的图像没有缝隙的拼接起来，成为一幅完整的图像。这样做可以减低图像的大小，减少网页的下载时间，并且能创造交互的效果，如翻转图像等，还能将图像的一些区域用html来代替。其过程为打开图像，选择工具箱上的的切片工具，在图像的适当位置上按下鼠标左键并拖动绘制一个矩形区域，当矩形大小适当时释放鼠标，这样就生成了一个切片，下图所示。该切片区域被半透明的绿色所覆盖，称为切片对象，另外Fireworks根据切片对象的位置以红色分割线对图像进行了分割，称为切片向导。切片的标准参考网站首页内容分布图。图4-2-1-2-1网站首页切片原始文件效果图导出首页切片文件生成基本html我们将制作好的切片文件导出，生成首页基本的html静态模板文件，其过程如下：在fireworks菜单中点击“文件”选择“导出”，然后设定导出路径，设定导出静态模板文件的名称。如图4-2-1-2-2所示图4-2-1-2-2 导出网页切片文件 导出文件后，我们在浏览器中打开导出的文件，发现网站首页已经基本形成。图4-2-1-2-3切片后导出的网页文件网站首页内容编辑虽然Fireworks已经成功导出切片文件形成了网站的首页，但是现在有html完全不能满足我们对网站的设计需求，所以，我们会将生成的文件在专业的网站设计工具Dreamweaver里面再次编辑修改以达到我们的设计要求。网页位置调整在导出的html中，所有的切片文件会被许多的表格控制位置，而整体位置也是有一个表格控制，在源文件中参数为首先我们选中表格，在对齐方式中选择居中，是整个网站是浏览器的中间显示。同样我们可以选择修改代码的方式使其达到居中效果，代码为，在我们完成居中操作后，我们再将表格顶端对齐。方法如下：点击菜单栏中的“工具”，选中“页面属性”，在弹出的编辑框中将上边距设置为0px。图4-2-1-3-1网页位置调整后效果图首页内容布局及调用网页位置调整后，整个总体布局已经完成，但是上面所显示的内容却是我们最开始添加的模拟内容，经过切片处理后，现在也只是表格中定位的图片，现在，我们将这些图片删除，留出空间，放入网站内容调用代码，同时，使用photoshop对部分切片图片进行细节处理。如图4-2-1-3-2所示图4-2-1-3-2网站调用代码加入友情链接制作在首页文件最下方，我们将插入下拉菜单式的友情链接，首先删除将放置友情链接的切片文件，然后设置表格的背景。然后选中表格插入跳转菜单，设置相应的参数，最终生成代码如下： -校内链接- 西安邮电学院 招生就业网站 成绩管理系统 网络教学平台 西邮图文中心 同样对其余两个表格中的友情链接做同样的处理，最终效果如下：图4-2-1-3-3首页友情链接效果图设置首页页