校园网站的设计与实现硕士学位论文(编辑修改稿)

校园网站的设计与实现硕士学位论文(编辑修改稿)内容摘要：

” 中按照一定的检索方式将所需要的信息从网站上下载下来。 因此网站建设在Inter 应用上的地位显而易见，它已成为政府、企事 业单位信息化建设中的重要组成部分，从而倍受人们的重视。 课题研究背景及意义 本课题来源于 贵州省 普定县马场中学校园网工程建设。 该项目是将 普定县马场中学建设成为： 利用先进的计算机技术、网络技术、现代控制技术、音频视频及流媒体技术、通信技术等，现实 将 校园 内 各项资源数字化，形成一个数字空间，使现实的校园环境在时间和空间上得到延伸的智能化校园。 本文研究的主要内容是基于 Dreamweaver CS3 的基础上 建设的 校园网的 设计与实施。 “ 校园网 ” 这个名词的出现，也就是近几年的事。 由于人们对 “ 校园网 ” 的认识和理解存在着偏差，导致了中小学在校园网建设上暴露出种种问题。 如有的学校只重视硬件设备的投入，轻视软件建设和师资培训，导致设备使用率不高。 有的学校有先进 的网络设备、强大的服务器，却没有一套应用软件系统，信息中心的管理人员也不能开发出适合本校 实际 情况的 管理 信息系统，造成资源的巨大浪费。 有的学校 “ 校园网 ” 网上信息陈旧，甚至网上无信息可流通，造成大量设备闲置，只能作为客人参观时展示的门面。 还有些学校由于缺乏教育主管部门的指导性意见，加之校园网的生产企业的质量参差不齐，不少企业的售后服务跟不上，造成盲目投入，建网后的维护费用和改造费用相当高，而且可扩展性和升级性差，学校重复投资的现象严重，浪费较大。 造成这些问题的根本原因，是由于一些单位和个人对 “ 校园网 ” 缺乏全面的 认识和理解，对建设 “ 校园网 ” 的意义和作用理解不深或存在误区 [1]。 教育部基础教育司负责人 1999 年 8 月 30 日在接受《光明日报》记者采访时马场中学校园网站的设计与实现 2 指出： “ 校园网 ” 是在校园范围内建立的计算机网络系统，它可在校园内将许多台计算机或其他设备连接进行数据通讯。 “ 校园网 ” 应用在教学过程中，不仅可以改变传统的教学模式、教学方法、教学手段，而且将会促进教育观念、教学思想的转变。 “ 校园网 ” 的开通，不仅可以大大拓展教师和学生的视野，而且有利于培养学生的创造性思维，提高学生获取信息、分析信息、处理信息的能力和适用现代社会的能力。 教师 在应用 “ 校园网 ” 等现代教育技术的过程中，也将增强终生学习的能力，不断提高自己的业务水平 [2]。 浙江大学沈莉萍给 “ 校园网 ” 下了一个比较确切的定义： “ 校园网 ” 是指学校在开展教学、科研和管理及对外通讯工作全过程中运用宽带、交互性和专业性的局域网络实现学校办学的数字化、信息化和智能化。 [1]这是信息社会和网络时代对学校的要求，也是学校适应社会发展的必然走向。 网络化教育的重点并不仅仅要让师生了解和使用 Inter，更是要通过计算机与网络的强大功能探索新的教育体制与教学模式，培养出适应信息时代需求的新型人才。 以 信息技术为基础的 “ 校园网 ” 建设，使得计算机和网络在教育中的作用从一种辅助手段跃升为基础手段之一，或称之为计算机网络为基础的教育，即WBI(Web Based Instruction)。 CAI 是一种静态的改良， WBI 则是一种动态的变革。 以信息技术为基础的 “ 校园网 ” 建设，引起了传统学校从教学观念、教学手段到教学内容的巨大改变，通过现代视频技术、声像技术、多媒体教学课件进行教学，将极大改变学校教学的信息传递方式，应用于 Inter 上的教学系统，具有快速传递信息的教学功能，教师与学生的交互不再受到时空限制。 国际 互联网将全世界连成一体，它以数字网络为信息载体，几乎可以发布现行所有媒体可以发布的文字、语音、图像、影视等资料，成为信息集散中心。 有了这样的认识，我们可以将校园网建设与应用全面纳入规范化管理，避免“ 校园网 ” 建设首期投入过大、利用率不高等问题，避免造成原本有限的教育资源的严重浪费。 我们就有可能根据现代信息技术所能提供的条件来设计教育，或者说以现代信息技术为基础来实现教育的创新。 国内外研究现状分析 计算机网络在我国从上个世纪 90 年代中期之后，发生了突飞猛进的发展，第一章 绪 论 3 在社会各个领域网络从无到有，从小到 大，仿佛一夜之间，计算机网络就铺遍了全国大地。 计算机网络的普及大大改变了人们的生活方式，人们的工作、学习和生活也变得越来越依赖于网络、电子商务、网络大学等应用的进行彻底的改变了传统的商业和教育模式 [2]。 我国 Inter 技术发展虽晚，但速度却相当快。 1987 年北京计算机应用研究所率先开通到德国的 线路，此后中科院、清华大学、北京大学纷纷建立起自己的校园网并实现与 Inter 的连接，以此为基础我国的 Intemet 初具雏形。 近几年， Inter 盖了包括我国在内的 154 个国家，连接的网络 6 万多 个，主机达 500 万台，终端用户近 5000 万，并且以每年 15 一 200k 的速度增长 [3]。 近年来 ，全国近 6000 所学校进行了校园网建设，校园网在这些学校得到了不同角度的应用，我们的教育主管部门和学校不仅享受到教育信息化带来的好处，同时也得到的很多建设的经验与教训。 校园 网 建设的 研究 现状主要可以归纳为以下几点： （ 1） 缺乏好的应用软件和教学资源，校园网的基础优势无法体现 很多学校已经配备了校园网，但在校园网的实施过程中，很多学校只注重校园网本身的先进性甚至是建设校园网引起的轰动效应，对校园网建成后的应用没有给予足 够的重视，网络资源的利用率普遍偏低，造成一种 “ 大马拉小车 ” 的现象，引起初始投资和资源闲置的双重浪费。 据调查了解，学校电脑有 50%以上处于不完全使用甚至闲置状态，即使是投资几十万，上百万的校园网工程，使用效果也比较差，甚至成为接待贵宾的风景。 （ 2） 各办公信息管理系统各自为政，无法发挥整合优势 不少学校自行开发了局部的应用系统，替代了部分手工劳动，也取得了一定的效果；但是，各个应用系统之间相互独立，如校长办公系统内的数据和多媒体教学系统内的数据无法沟通，办公自动化系统中生成的信息和资料无法顺利的在管理信息系统 内归档和调用，等等。 尽管这些系统都建立在通用的校园网上，却不能在教育系统内达到信息的高度共享，不能对大量的历史数据进行有效的跟踪与分析。 （ 3） 学校之间，学校与外界互相孤立， 成为 “ 封闭型 ” 的网络校园 校园网是以少数国家重点大学未试点开始建设的，在取得了重大成果并开始马场中学校园网站的设计与实现 4 普及的同时，一些弊端不可避免。 由于目前并没有统一的建网标准和规范，学校在建网时又仅仅考虑自身情况开始招标，兼之双方的经验和市场发展都不很成熟，造成了校园网类型和规模各种各样，相互之间封闭，仅能满足自身应用，无法适应未来远程教育和与更大范围内信 息化如 校校通 发展的要求。 （ 4） 学校缺乏专业性的师资力量 由于校园网建设是一种新技术的应用，学校相关的师资严重缺乏，虽然目前学校已经对教师进行了培训，但远远不能满足对系统的维护以及相关信息的建设。 主要研究内容及特色 本课题主要研究内容是： 建立一个综合性的 、 适宜农村教育发展 、促进农村教育 发展 的、 具有辅助作用的 学校网站。 具体工作如下： （ 1）针对农村中学特点，详细分析了系统的需求， 实现 相应 的功能。 （ 2）根据对系统需求分析的结果进行了系统的总体设计和详细设计。 （ 3）对系统进行了实现和测试。 测试结 果表明，系统完全 能够 适应农村中学的教学 活动 发展 的要求。 论文的组织结构 全文共分为八章。 第一章 绪论。 主要针对校园网的开发背景及国内外研究现状进行对比分析，给出系统的开发目标。 第二章 系统相关技术介绍。 主要介绍系统在设计、实现过程中所使用到的技术， 如 Dreamweaver CS3 开发工具 、 ASP 网页技术。 第三章 系统的需求分析。 主要描述系统的功能性需求和非功能性需求。 功能性需求 主要表现为注册、教学答疑、考试和信息发布等与中学教学、学生管理相关的功能，同时，从可靠性、可用性和可维护性三个方面介绍 了系统的非功能性需求。 第四章 系统的总体设计。 主要介绍系统各组成部分及其 联系。 第五章 系统的详细设计。 主要 介绍 系统各个功能模块 的具体 设计。 第一章 绪 论 5 第六章 系统的实现。 主要描述各系统模块的 实现 过程。 第七章 系统的测试。 主要介绍软件 测试 的 方法、测试工具、测试用例和测试结果。 第八章 总结与展望。 对本系统设计过程中出现的情况进行总结 ， 进一步展望新的、更加科学合理的系统为教学提供更好的服务。 马场中学校园网站的设计与实现 6 第二章 系统相关 技术介绍 本章主要 介绍系统设计 和 实现过程中所用到的主要技术。 Dreamweaver CS3 简介 Dreamweaver 是集见面制作与网站管理于一身的所见即所得的网页编辑器，是第一套针对专业网页设计师的视觉化网页开发工具，可以轻而易举地制作出跨平台和跨浏览器现而充满动感的网页 [3]。 本系统所采用的 DreamweaverCS3 软件是 Adobe 公司推出的新款网页设计与网站开发软件。 与前期版本相比增添了许多新功能。 Dreamweaver CS3 的特点 DreamweaverCS3 是一款专业的 Web 站点开发工具，可以于 Web 站点， Web 页和 Web 应用程 序的设计、编码和开发工作中。 DreamweaverCS3 将各种网页制作的相关工具紧密联系起来，具有良好的插件体系，它可通过第三方插件进行补充。 另外， DreamweaverCS3 还为开发人员提供了动态评议支持与丰富的模板。 DreamweaverCS3 具有强大的功能，使用它可以有效地提高 Web 开发的工作效率。 其在实用功能上和操作流程上都有了显著的改进。 修正了以往版本中软件本身设计上的一些缺漏，新增功能更是发挥了其高效开发的特点。 允许网页设计者依据个人开发习惯选择在设计环境或编码环境下进行快速编辑 [11]。 DreamweaverCS3 新增功能 （ 1） Spry 功能 Spry 是 DreamweaverCS3 的一大亮点，使用 Spry 功能，为设计者节省了许多设计时间， Spry 按钮如图 21 所示。 图 21 Spry 按钮第二章 系统相关技术介绍 7 （ 2） CSS 功能 层叠样式表（ CSS）是一组格式设置规则，用于控制 Web 页内容的外观。 通过使用 CSS 样式设置页面格式，可以实现页面内容与表现形式的分离。 DreamweaverCS3 在网页设计中还为 CSS 赋予了新的内容 [12]。 （ 3） Bridge CS3 将 Bridge CS3 与 Dreamweaver 一起使用可以轻松、一致地管理图像和资源。 通过 Bridge 能够集中访问项目文件、应用程序、设置以及 XMP 元数据标记和搜索功能 [13]。 （ 4）与 Photoshop CS3 集成 DreamweaverCS3 包括了与 Photoshop CS3 的增强集成功能。 设计人员可以在Photoshop CS3 中选择其中的任一部分，然后将其直接粘贴 到 DreamweaverCS3页面中。 DreamweaverCS3 会显示一个页面，可在其中为图像指定优化选项。 如果需要编辑图像，只需双击图像妈可在 Photoshop CS3 中打开原始的带图层 PSD文件进行编辑 [3][14][15]。 HTML 概述 HTML 简介 HTML 是一个纯文本文件。 创建一个 HTML 文档只需要两个工具：一个是 HTML编辑器，一个是 Web浏览器。 HTML编辑器可以是任意文本的编辑器。 例如 ， Windows中的记事本、写字板、 DreamweaverCS3 等，用于生成和保存 HTML 文档的应用程序。 编写完以后，要以“ .html”命名保存文件 [4]。 HTML 的功能 （ 1） 标记 在 HTML 文档中，从文档的整体结构到网页的某部分内容 的显示样式全部都要用 HTML 标记来规定。 （ 2） 处理网页文档 文字是网页文档最基本的内容。 HTML 不仅可以编辑文字，还可以对文字的显示格式作简单的处理，例如文字的字体、大小、颜色等。 （ 3） 编辑网页表格马场中学校园网站的设计与实现 8 表格是网页中常见的一种数据表现形式，可以简洁地表达数据之间的关系。 利用表格对网页进行布局可以方便地实现图片和文字的混排及文档的划分。 HTML文档可以通过 table、 th、 td三个标记来定义表格，并通过设置各标记的属性来对表格进行编辑。 （ 4） 创建超链接 超链接的作用是将页面中的文本或图片链接到其 他的页面、文本或图片。 通过超链接，可以将多个单独的网页联系起来，从而构成一个网站。 （ 5） 处理网页图像 在网页中插入图像可以使页面更加生动美观。 在 HTML 网页中能直接显示的只有文本信息，如果想敫图像等信息则需要通过特定的标记。 在 HTM。