四川理工学院成都新华学院十周年校庆网站设计毕业论文

1、 毕业论文（设计）课题名称：四川理工学院成都新华学院十周年校庆网站设计年级专业： 2009级计算机网络技术 学 号： 姓 名： 指导教师： 2012年 4 月10 日毕 业 论 文（设计）任 务 书姓 名 学 号 2009年级计算机网络技术 专业题 目四川理工学院成都新华学院十周年校庆设计任务1、 设计一个校庆网站，包括首页、用户登录、校庆新闻报道、图片展、十大成就评选、嘉宾在线与网友互动以及留言板。2、 能够在线进行用户的注册。3、 以上几个栏目有不同分类的子栏目。4、 图片展具有图片幻灯片片功能，并允许普通用户上传，允许注册用户评论。5、 能对十大成就进行投票评选。6、 能够实现嘉宾在线与

2、网友互动7、 用户能够就行在线留言，并且管理员能对留言就行敏感词汇的过滤。时间进度2011年11月20日教师和同学双向选定毕业设计题目，教师进行选题指导，学生独立进行课题论证，完成毕业论文（设计）任务书2011年12月20日完成毕业论文（设计）初步构想框架 2012年3月10日自己独立完善课题的基本内容及电子文档的编写，完成毕业论文（设计）初稿2012年4月15日自己独立完善课题的基本内容及电子文档的编写，完成毕业论文（设计）终稿主要参考文献 和原始资料(1) 主编 白萍 清华大学出版实用软件工程与实训 (2) 主编 张晓明 中国铁道出版计算机网络编程技术 (3) 主编 杨选辉 清华大学出版网

3、页设计与制作教程 (4) 主编 贺平 清华大学出版flash动画设计与制作(5) 主编 刘枝盛 高等教育出版web编程实用技术教程(6) 主编 徐磊 清华大学出版网页制作与网站建设技术大全(7) 主编 王萍萍 清华大学出版asp+dreamweaver动态网站开发 指导教师： 摘要 四川理工学院成都新华学院坐落于成都市郫县犀浦镇，毗邻国家级高新技术产业工发区成都市高新西区。随着时间的推移，四川理工学院成都新华学院不知不觉已在成都立足了十年之久，为回顾学校历史，展示办学成就，展望美好未来，激励师生、校友爱校兴校的精神，增强社会各界关心、支持我校办学的热情，凝聚个方力量，推动学校全面、快速、可持续

4、发展，特筹备十周年校庆。本文就校庆网站的规划与建设，以软件工程的方法对全过程进行了分析与研究。本文的主要工作集中在：1、 对网站设计的思想进行概述，并对网站开发过程中使用的开发工具和技术作了简单的介绍。2、 对网站设计进行总体分析与设计。3、 使用dreamweaver+iis+sql技术对校庆网站进行详细设计，并实现网站的各个功能。4、 校庆网站设计完成后进行发布与后期维护。关键词：校庆、网站、dreamweaver、iis、access、维护【abstract】：sichuan university of xinhua college is located in chengdu xipuz

5、hen chengdu pi county recently, adjacent to national high and new technology industry industrial development zone-chengdu city west high. with the passage of time, the sichuan university of chengdu xinhua college before you know it has set up a file in the chengdu based on the 10 years, to review th

6、e school history, running the show achievement, look to the bright future, motivate the teachers and students, alumni and the spirit of the love school, enhance the social from all walks of life who care about and support the enthusiasm of our school, gathered a party push school comprehensive, rapi

7、d and sustainable development, especially for the tenth anniversary celebration.【keywords】：anniversary, a web site, dreamweaver, iis, access, maintenance目 录第1章 概论11.1、设计思想11.2、网站功能要求21.3 开发工具的选用及介绍21.3.1、什么是dreamweaver21.3.2、macromedia dreamweaver mx 2004 介绍：21.4 关系型数据库的选择31.4.1 access31.4.2 sql ser

8、ver3第2章 网站总体分析与设计42.1 网站系统分析42.2 网站的创建42.2.1 创建站点42.2.2 创建网页文件42.3 数据库的链接52.4 数据库设计6第3章 详细设计83.1 校庆首页83.1.1 功能93.1.2 组成构造93.2 系统数据库113.2.1 数据库的分析113.2.2 数据表的结构12第四章 网站的具体实现144.1 网站的开发基本步骤144.2具体实现14第五章总结16致谢21参考文献22引 言 在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。internet上发布信息

9、主要是通过网站来实现的，获取信息也是要在internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的办学，庆祝学校建校十周年，提高学校知名度，特构四川理工学院成都新华学院学校网站。建立学院网站有以下作用： (1) 学院网站是学院的“商标”。在这个高度信息化的社会里，建立学院自己的网站是最直接的宣传手段。网站的超时空特性，不仅能让本地区的人们了解学院，更可让世界了解学院。 (2) 学院有巨大的教育资源，网站是实现教育资源分配的桥梁，它使每一位教师和

10、学生都能均等的得到培训和受教育的机会，能极大的提高教学效率。 (3) 学院网站能提供教学互动的全新方式，学院网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学院同处一室，共同讨论，共同提高。地理上的界限在这里模糊和消失了，学院网站是真正没有围墙的学院。 (4) 学院网站能够提供个性化的学习平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。学院网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的

11、个性和人格。 (5) 学院网站是最佳的教学研究室，学院网站与教育类专门网站的有效链接，给学院教学研究带来了一片新天地，各种优秀教案、专家论坛、网络观摩课、各科素材、多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本、提高效率。 第1章 概论在已跨入21世纪的今天，计算机网络的应用越来越普及，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已达一亿，成为世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图形、图像、声音、动画

12、以及视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的，也最有效的信息传递手段和方式。因此，网站建设在internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中得最重要的组成部分，从而倍受人们的重视，在未来的发展中占据着不可磨灭的地位，是人们生活中不可缺少的部分。1.1、设计思想通过学校校庆网站，全面宣传，展示校园风采、优点与特色，以及独特的一面。发布学校的重大新闻，增强同学之间的相互联系，提高办事效率。网站结构示意图：1.2、网站功能要求设计一套基于数据库的信息即使发布系统，可用于各类信息的实时发布，前台用户可通过页面浏览查询，用户可以自己上传图

13、片，但是通过管理员审核，后台可以动态管理图片、文字等多类信息、用户管理等，可以通过后台管理实现网站实时的更新，让外界更多的了解四川理工学院成都新华学院十周年校庆网站。1.3 开发工具的选用及介绍1.3.1、什么是dreamweaver dreamweaver是美国macromedia公司开发的集web页制作和管理网站于一身的所见即所得web页编辑器，它是第一套针对专业web页设计师的视觉化web页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的web页。 说到macromedia公司大家不会感到陌生，著名的多媒体开发工具authorware和director均出自该

14、公司的旗下，以及目前在互联网(internet)上越来越流行的网络多媒体开发工具flash也是出自该公司的旗下。而dreamweaver则是macromedia公司继flash以后向互联网(internet)推出的又一梦幻工具。dreamweaver、flash以及在dreamweaver推出的针对专业web页图像设计的fireworks，三者被macromedia公司称为“网络三剑客”，足见市场的反响和macromedia公司对它们的自信。1.3.2、macromedia dreamweaver mx 2004 介绍： 一个可视化的网页设计和网站管理工具，支持最新的web技术，包含html检

15、查、html格式控制、html格式化选项、homesite/bbedit捆绑、可视化网页设计、图像编辑、全局查找替换、全ftp 功能、处理flash和shockwave等富媒体格式和动态html、基于团队的web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。 dreamweaver mx 2004 的十大新特性: 1.动态跨浏览器验证:自动检测标签和css规则来适应所有主流浏览器! 2.更强大的css支持! 3.内建的图形编辑引擎:修剪,改变大小,尺寸,旋转角度,调节明暗度都不需要离开dreamweaver环境,因为它本身集成了fw的基本图形编辑技术.(这一点有模仿frontpa

16、ge的嫌疑,但这个功能确实很实用)! 4.安全ftp:完全加密传输保证文件和帐号信息的安全!5.增强对当今技术的支持:支持当今主流的开放环境:coldfusion,j2ee,php,.net,和其他主流的服务器技术.dreamweaver现在加入了xml命名空间支持,asp.net表单控件对象,新的参考书内容和新的php服务器端行为! 6.无缝整合外部文件和代码:直接将word和excel文档复制和粘贴到dreamweaver中,会保留字体,颜色,css样式表信息.使用,使用系统支持的编码保存任何字体,包括双字节字符集. 7.紧密整合mm的其他工具:加强了和mm其他几款产品的协同工作能力.例如

17、:你可以通过dw直接设置flash组件的参数. 8.基本支持改良:插入条,表格工具都有改进! 9.增强代码编写工具:编辑代码更省时,例如右键编写代码工具,增强的查找和替换,高效的属性面板. 10.改进的设计开放环境:一个改良的用户界面,更高的实用性,非常亲切和有逻辑,让你快速找到你想要的东西,一个新的开始屏幕让你快速访问最近的文件和教程资源.1.4 关系型数据库的选择1.4.1 accessmicrosoft access是一种桌面数据库，存储方式简单，易于维护管理，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高；界面友好、易操作，集成环境、处理多种数据信息，支持

18、广泛，易于扩展，弹性较大。但是它的同时访问客户端不能多于4个。microsoft access数据库有一定的极限，如果数据达到100m左右，很容易造成服务器iis假死，或者消耗掉服务器的内存导致服务器崩溃。第2章 网站总体分析与设计2.1 网站系统分析根据前面的设计思想进行分析，按照系统开发的基本观点进行对网站进行分解，从内容上可对网站作如下划分： 校庆首页 学校介绍 校庆新闻报道 学校图片展 学校十大成就评选 嘉宾在线与网友互动 留言板2.2 网站的创建2.2.1 创建站点创建站点的具体步骤如下: 首先在本地硬盘上建立一个文件夹，用来存放将要制作的站点。 运行dreamweaver mx 2

19、004，选择“站点”|“管理站点”菜单命令，弹出“管理站点”对话框，在对话框中单击“新建”|“站点”选项 在弹出的对话框中输入新建站点的名字“四川理工学院成都新华学院十周年校庆”，再单击“下一步”按钮。 在弹出的对话框中选择“是，我想使用服务器技术。”单击“下一步”按钮。 在弹出的对话框中选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮，然后在下面的文本框中选择“c:documents and settingsadministrator桌面四川理工成都新华学院十周年校庆”文件夹下，单击“下一步”按钮。 在弹出的对话框中选择“无”选项，单击“下一步”按钮。 在弹出的对话框

20、中认真阅读设置好的信息，确认无误后单击“完成”按钮。 出现“管理站点”对话框，其中显示了新建的站点，单击“完成”按钮。2.2.2 创建网页文件选择“文件”|“新建”菜单命令，弹出“新建文档”对话框，从各种预先设计好的页面类别中选择“基本页”|“html”，然后单击“创建”按钮即可。2.3 数据库的链接 1：链接用户数据源，如下图： 2：选择数据库的路径，如下图： 3：选择数据库的驱动程序，如下图： 4：链接建立并测试，如下图：2.4 数据库设计采用的数据库是microsoft access ，拟建立db2.mdb库文件，如：用户登录信息表，注册表，投票表计数等二十张表。如下图：第3章 详细设计

21、3.1 校庆首页网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现学校的勃勃生气，动静相结合的主页方式介绍学校风采、优点特色、信息发布，校务活动，展现出了校庆网站的总体结构和思想。利用asp与数据库结合的技术建立数据库查询管理系统，采用交互式的动态的web画面来实现，使得网站主页主题鲜明、内容丰富，大家能更快的了解到校庆活动的动态信息，方便大家产于其中，突出活动主题。设计效果图如下：3.1.1 功能 用户注册，用户登录，对校园成就进行投票，校园图片展，校园新闻，留言板，在线搜索。3.1.2 组成构造共分成8大部分： 1：用户可以自己注册，登录并获得不同的浏览权限。如下图：2

22、. 对学校的各类成就进行投票，评选出优秀的。如下图：3. 浏览图片展可以清晰的看出每个角落的精彩画面。如下图：4. 滚动播放出各个方面的即时新闻，如下图：5. 可以在线搜寻你想了解的新闻，成就等，如下图：6. 在线留言，如下图：7. 版权所有，如下图：8. 友情链接，如下图：3.2 系统数据库 3.2.1 数据库的分析 web应用跟着我的管理用户状态行为主要有两种措施：一是使用session或cookies保存用户活跃期间的信息，但是这些信息在会话结束将不再存在。对于那些需要永久保存的信息，如：用户的注册资料等信息由于数据量较大必须通过数据库进行存储。并提供良好的方式进行查询，插入，修改和删除

23、。 3.2.2 系统构思 校园的前台包括首页、学校概况、新闻、图片展、十大成就评选、留言板、在线搜索、网站版权等模块。如下图：首页学校概况校园新闻图片展成就评选管理系统留言板模块管理信息管理在线搜索3.2.2 数据表的结构 校园网站数据表如下：第四章 网站的具体实现 4.1 网站的开发基本步骤 创建页面和使用asp.net应用程序大致可分为4个步骤：（1） 收集材料；（2） 建立网站； （3） 设置属性；（4） 布局、加载代码和素材；（5） 保存并运行；4.2具体实现 本校庆网站采用div+css布局，布局新颖，打破了以往的传统静态网页结构，以红色为主色调，象征着青春活力，充满着勃勃生机，充分

24、的渲染了校庆活动的主题。 首页名为：index，首页界面如下图：第五章 总结 此次毕业设计，从选题到实现，一开始是茫然，然后慢慢进入状态，从最初到整个网站的设计，到代码的编辑，然后到思路逐步清晰，整个过程难以表达。在此过程中我用到了软件工具主要有photoshop、flash、dreamweaver、access等，运用asp.net语言，开发了该校庆网站。在系统的开发过程中，多门以前抽象的课程都得到了实际应用，再次感觉到这几门理论课程在实践中的重要性。在这次设计中，我更加的熟悉了实用div+css布局，div+css布局使得页面载入更快，在修改设计时更有效率，帮助整个站点保持良好的视觉效果。在与指导老师的紧张交流讨论中让我对这次的任务充满了信心，为了使我的论文做到完整精确，我在学校图书馆以及网上收集了大量的资料，这样也更有利于毕业论文的撰写，然后就将收集的资料进行仔细分类，及时拿给老师进行沟通。虽然有时候感觉很累，但是觉得过得很充实。 在本次设计过程中，我深刻感受到动手能力