1、皖西学院本科毕业论文（设计）基于 JSP 的计算机网络课程网站设计与开发摘要：随着网络技术的迅猛发展，网络教育也呈现了前所未有的发展趋势。但是我国的网络教育起步较晚，已经与国外先进的网络教育之间有了很大的差距。我们希望通过努力开发一个功能比较完善的网络课程来带动大学的网络课程发展。在网络课程中，提供了五大功能：网上学习功能、网上测试功能、作业提交功能、师生交流功能和资源下载功能。其中，网上学习功能为主，其他的功能也是必不可少的补充，它们共同构成了一个完善的网上学习系统。此设计就是选用 JSP 语言和一些工具软件来开发网络课程的网站的，体现了用 JSP 技术的优越性。关键词： 网络课程 JSP
2、网站Development of Network Course Website Based on JSP TechnologyAbstract: With the rapid development of network technology.the education of the network has presented an unprecedented development tendency.But the network education of our country didnt start very early even a little late .and there has
3、 been a long distance between our network education and advanced network education abroad.We expect to make wvery effort to develop network course with perfect function .so than we can make up and spur an the development of the college network course.Our network course willprovide us with five funct
4、ion .those are.function for study.function foe test.functionfortransferring information form PC to Internet.function for downing resource and function for communication between teachers and etudents.Among them.the function for study is the most important .of course.the otherfunctions are also essent
5、ial complements.they form a perfect on-line study sys tem together.This design is just developing netstation for natwork course with JSP language and some tool sofeware.It embodies the superiority of using JSP technology.Key words： The network course JSP web site毕业设计（论文）原创性声明和使用授权说明皖西学院本科毕业论文（设计）原创性
6、声明本人郑重承诺：所呈交的毕业设计（论文），是我个人在指导教师的指导下进行的研究工作及取得的成果。尽我所知，除文中特别加以标注和致谢的地方外，不包含其他人或组织已经发表或公布过的研究成果，也不包含我为获得 及其它教育机构的学位或学历而使用过的材料。对本研究提供过帮助和做出过贡献的个人或集体，均已在文中作了明确的说明并表示了谢意。作 者 签 名： 日 期： 指导教师签名： 日 期： 使用授权说明本人完全了解 大学关于收集、保存、使用毕业设计（论文）的规定，即：按照学校要求提交毕业设计（论文）的印刷本和电子版本；学校有权保存毕业设计（论文）的印刷本和电子版，并提供目录检索与阅览服务；学校可以采用影
7、印、缩印、数字化或其它复制手段保存论文；在不以赢利为目的前提下，学校可以公布论文的部分或全部内容。作者签名： 日 期： 皖西学院本科毕业论文（设计）目 录1 绪论 .11.1 网络课程概念及特点 .11.1.1 网络课程概念 .11.1.2 网络课程的特点 .21.2 网络课程应该具备主要功能 .31.3 网络课程的制作工具 .41.3.1 网络课程制作软件的使用 .41.3.2 编程语言的使用 .61.3.3 数据库的使用 .82 课程网站的设计与开发 .92.1 网站的设计 .92.1.2 网站的设计思想 .92.2 网站的制作 .102.2.1 网站的基本结构 .102.2.2 网站的框
8、架图 .152.2.3 网站的制作流程 .152.2.4 数据库的建立 .173 网络课程的功能及其技术实现 .193.1 网络课程的功能实现 .193.1.1 网上学习功能 .193.1.2 网上测试功能 .193.1.3 作业提交功能 .203.1.4 师生交流功能 .213.1.5 资源下载功能 .213.2 网站的技术实现 .223.2.1 Css 技术 .223.2.2 网页特效使用 .244 结论 .255 致 谢 .26皖西学院本科毕业论文（设计）6 参考文献 .27皖西学院本科毕业论文（设计）第 1 页1 绪论1.1 网络课程概念及特点1.1.1 网络课程概念网络课程，顾名思义
9、就是用于网络教育的课程，首先，它是课程，其次我们强调它必须具有网络的特点。按照美国新教育百科辞典“课程”条目：“所谓课程是指在学校的教师指导下出现的学习者学习活动的总体，其中包含了教育目标、教学内容、教学活动乃至评价方法在内的广泛的概念” 。网络应用于教育领域，给人们提供了大量便捷的学习机会、丰富的教学环境和教学资源，使学习活动更加自主化、个性化，使教育的适应性得以大大加强，网络课程要充分体现网络的这一特点，构建多媒体化的接近真实生活的自主、协作学习情境，能充分利用网络的资源开放性。 总而言之，网络课程就是通过网络表现的某学科的教学内容及实施的教学活动的总和。它包括两个组成部分：按一定的教学目
10、标、教学策略组织起来的教学内容和网络教学支撑环境，其中网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动。网络课程是一种可以跨越时空的开放式的课程体系。传统的课程教学是基于课堂的集体授课。教师面对面地在课堂上将课程内容通过备课，转化为自己的语言并以一定的结构传授给学生。师生之间可以进行面对面的交流，教师可以通过多种信息通道得到学生的信息反馈，及时调整授课进程和方式。但当班级人数较多时，教师就不能很好地照顾到每个学习者的个别需要。同时，这一课程模式要求教学同步进行(如图 1)，种种局限的存在使得课堂教学已经不能满足目前社会教育发展理念和实践的需要。而网络课程的
11、出现则一定程度上满足了这一需求，学习者可以不再局限于课堂这一特定的空间，可以随时随地进行学习。 图 1 课堂教学模式中的信息交互网络课程的资源更为丰富。网络以资源丰富和信息递送方便见长。除了提供相应参皖西学院本科毕业论文（设计）第 2 页考书目和简单的内容介绍方便学习者选择和查阅外，网络课程还推荐教师精心选择的与课程相关的资源链接，轻点鼠标，学习者就可以进入另外一个缤纷的世界。教育心理学认为概念和理论的学习是要通过理解这一概念或理论在不同背景下的各种阐述和表现，才能完整、深刻地认识。网络提供的丰富资源则适应了学习者的这一需要。比较完善的网络课程还为学习者提供自我评价和与他人交流、评价他人的环境
12、，随着学习的进展，不断积累的学习者的资料成为新的宝贵的学习资源。网络课程是多点对多点的交互，更强调协作性的学习。在课堂教学中一般是点对面的交互(师生)，信息集中在教师那里处理，学生得到的信息量相对较少。如图 2 所示，在基于网络的课程模式中，师生可以通过多种交互手段如聊天室、BBS、Email 来进行交流，学生除了和教师交流还可与同学一起协商，通过网络组成了一个学习信息网，对信息的利用率大大提高了。有教师参与，学生自己管理聊天室和 BBS，体现了学习者是学习主体的思想。对学习过程中比较普遍的问题，教师将其组织到 FAQ (Frequently Asked Questions) 列表中，便于同学
13、查阅，同时也丰富了课程资源。图 2 网络课程模式中的信息交互1.1.2 网络课程的特点（1）资源共享性：网络课程可通过网络供给不同学习者使用。网络课程存放在网站的服务器上，可以让能够上网的学习者使用，学习者通过网络与网站的服务器连接获取网络课程信息，并进行学习。（2）开放性：网络课程在时间、空间和课程体系及内容结构上都是开放的。网络课程体系及内容结构具有模块化、可扩展、更新周期短的特点，网络课程是跨时空开展教学活动的，学习者可以通过网络随时随地参与课程学习。 （3）即时更新性：皖西学院本科毕业论文（设计）第 3 页即时更新性也称动态性，指网络课程的学习内容是及时更新的。网络课程不仅比印刷媒体更
14、新速度快，而且比单机版的多媒体课件也更新快，只需要将更新的那一部分内容上传到服务器上，不需要上传全部课程内容，学习者就能够通过网络学习到最新的教学内容。（4）时空不限性：学习者无论在何时何地只要通过网络就能够利用网络课程进行学习。（5）交互性：网络课程可以通过网络（聊天室、BBS、E mail 等）实现人与机、教师与学生、学生与学生之间教与学的交互。（6）自主性：网络课程以学生自主学习为主，充分体现了学习的个性化特征，学生在学习过程中具有较大的选择性和自由度。（7）协作性：网络课程可以让教师、学生通过讨论、合作、竞争等形式完成一个确定的学习任务。（8）非线性：网络课程的内容结构方式是非线性、超
15、链接的，课程结构十分灵活，这是由 Web本身的特性所决定的。（8）多维性：网络课程内容表现形态的多维性，即网络课程的内容可以通过文字、图形、图像、声音、动画和视频等多媒体形式来表现，可以二维模拟、三维仿真，还可以通过虚拟现实实现多维的教学信息传递。这是传统的教学不具有的特性。（9）整合性 网络课程体现了信息技术、信息资源、信息方法、人力资源、课程内容和现代教育思想的整合，是一种新型课程模式。在计算机网络的课程网站中，具有网络课程的基本特点，能够满足广大的学习者实现网上学习功能。1.2 网络课程应该具备主要功能（1）共享功能：从个人计算机到局域网，然后发展到互联网，资源的共享能力越来越强。网络课
16、程皖西学院本科毕业论文（设计）第 4 页的资源不存在网上登陆，在网络课程的资源下载板块里，学生可以尽情下载。网络课程的资源建设不再重复；对于学生来说，利用计算机网络资源共享功能可以高效率地获取各种学习资源，同时将自己的学习经验与他人分享。（2）虚拟功能：利用计算机网络的虚拟功能可以在网上实现所谓的“网上学校” 。在这样一所没有围墙的学校中，学生的学习是一种开放性的学习，学生可以在自己家里、在业余的时间来进行学习真正实现终身教育。同时，也给不同社会阶层的人士提供平等的学习机会。（3）交互功能：计算机可以实现人机之间的双向沟通，利用计算机网络则可以实现人与人之间的远距离信息传播。在这种人机交互、人
17、与人之间的交互过程中，学习也变得更有启发性和具有更高的效率。（4）协作功能：以往的计算机辅助教学是单机教学，这样能够实现个别化学习。但是个别化学习只能解决部分学习问题，人们在实践中遇到的更多的问题是如何与他人合作，共同完成任务。计算机网络提供了这种协作的环境，从而使网络课程也具备了这样的协作功能，可以在网络课程中开展各种协作的学习活动。（5）服务功能：随着网络教育的不断深入发展，网络课程的服务功能也逐渐被人们所认识。同传统的教育教学方式不同，在网络上开展教育活动，学生是学习的主体，教师在传统课堂上的地位在网络课程中发生了根本性的变化。传统课程学习活动中，以没有掌握相应专业知识的学生作为输入对象
18、，经过传统课程学习后，输出的是知识和能力都得到增长的学生。而在网络课程学习中，学生的学习始终贯穿于学生的一生。所以在网络课程学习中，学生的输入和输出变得难以准确界定。网络课程向学生提供终身服务，网络课程不是要造就学习者，而是要以学习者为中心，向学习者提供帮助。网络课程的论坛里有个服务专区，是针对那些在网络课程学习中有疑问的学生提出的问题，然后有专门的教师有针对性给于回答。皖西学院本科毕业论文（设计）第 5 页1.3 网络课程的制作工具 1.3.1 网络课程制作软件的使用 （1） 网站框架程序软件网络课件的框架使用 Dreamweaver MX 网页设计软件编制， Macromedia Drea
19、mweaver MX 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。利用 Dreamweaver 中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在 Macromedia Fireworks 中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者直接在 Dreamweaver 中添加 Macromedia Flash 对象，从而优化开发工作流程。作为网络课程主要制作软件，先必须建立网络课程的站点，然后把所有的网页和模板全都放在站点里，利用站点来
20、管理制作网页.这也是制作网站的基本常识。这样不仅方便制作网站，而且对网站的设计也很有规律性；也有利于网站制作完成后的系统整合，充分利用了 Dreamweaver 3.1.1 网站框架程序软件 MX 站点的各项功能来实现网站的全面完成。（2）图像处理软件FireWorks 或 PhotoShop 等图像处理软件可进行界面及艺术字的美观设计。 Fireworks 是 Macromedia 公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用 Fireworks 都不仅可以轻松地制作出十分动感的 GIF 动画，还可以轻易地完成大型图形
21、切割、动态按钮、动态翻转图片等，对于辅助网页编辑来说，Fireworks 将是最大的功臣。在网络课程的图片处理过程中，由于，网站的图片基本上都很小，而且要求不是很高，所以多数情况下使用 Fireworks MX 来处理图片比较灵活，使用方便。 ，但是作为通用平面美术设计软件 Photoshop 它的功能完善，性能稳定。我们也注意它的使用价值，在制作一些比较大的图片或者是要求比较高的图片，比如：网络课程的 logo 就完全是用Photoshop 设计完成的。（3） 动画制作软件Flash 是 Macromedia 公司的一个网页交互动画制作工具，与其它工具相比，它具有矢量描述、播放流畅、数据量小
22、、色彩鲜明等特点。特别重要的一点是，其它的教学软件都必须下载处理后才能用到课堂教学上，而 Flash 采用了“流“技术，可以边下载边播皖西学院本科毕业论文（设计）第 6 页放，这样就能使整个教学过程流畅自然。而且用 Flash 制作的动画数据量很小，有利于它在互联网上传输，方便使用者在互联网上直接调用运行。加上 Flash 的描述是基于矢量的，用它制作出来的动画可以任意缩放，不会产生任何变形，等等。由于 Flash 的这些优点，我们制作网络课程网站的同时，不仅自己制作一些 Flash 动画，还把一些短小的影片转换成 Flash 的 swf 格式这样使文件变小，有利于网络的传输，在网上浏览，这点
23、是非常重要的。（4） 其它工具SnagIt这个软件主要是用来取图的，通过某些手段，把某些图片用这个软件来抓取某些有用的部分，来弥补网站上的一些不足。Colorkey可以在屏幕上任意处取色值，这个软件在网站的配色方面起到重要的作用，网络课程中为了整个网页的颜色协调性，而用 dreamweaver 软件里也没有这个取色的功能，所以制作网站的配色基本上就取决于 Colorkey。EditPlus2文字编辑工具，在动态网站制作时，很方便打开和修改 asp、jsp 源代码，网络课程的资源下载、作业提交、测试系统和论坛都是以动态的形式表现出来的网页，因此EditPlus2 对网络课程功能实现十分重要。Ul
24、ead VideoStudioUlead(会声会影)是一个视频编辑软件，可以轻松创建带有生动的标题、视频滤镜、转场和声音的视频作品。在网络课程中我们利用它来制作一些简单的视频，如：在网络课程的动画教学中，第一个就是用 Ulead VideoStudio 做出的网络课程制作主要页面的连续播放视频。1.3.2 编程语言的使用总的来讲，JavaSever Pages（JSP ）和 微软的 Active Sever Pages（ASP ）在技术方面有许多相似之处。但仍然存在很多不同之处，其中最本质上的区别在于：两者是来源于不同的技术规范组织，其实现的基础：WEB 服务器平台要求不相同。而最明显的不同点：开发人员在对两者各自软件体系设计的深入了解的方式不同。
