基于jsp的计算机网络课程网站设计与开发.doc

皖西学院本科毕业论文（设计）基于JSP的计算机网络课程网站设计与开发摘要：随着网络技术的迅猛发展，网络教育也呈现了前所未有的发展趋势。但是我国的网络教育起步较晚，已经与国外先进的网络教育之间有了很大的差距。我们希望通过努力开发一个功能比较完善的网络课程来带动大学的网络课程发展。在网络课程中，提供了五大功能：网上学习功能、网上测试功能、作业提交功能、师生交流功能和资源下载功能。其中，网上学习功能为主，其他的功能也是必不可少的补充，它们共同构成了一个完善的网上学习系统。此设计就是选用JSP语言和一些工具软件来开发网络课程的网站的，体现了用JSP技术的优越性。关键词： 网络课程 JSP 网站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 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 function .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 essential 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毕业设计（论文）原创性声明和使用授权说明原创性声明本人郑重承诺：所呈交的毕业设计（论文），是我个人在指导教师的指导下进行的研究工作及取得的成果。尽我所知，除文中特别加以标注和致谢的地方外，不包含其他人或组织已经发表或公布过的研究成果，也不包含我为获得 及其它教育机构的学位或学历而使用过的材料。对本研究提供过帮助和做出过贡献的个人或集体，均已在文中作了明确的说明并表示了谢意。作 者 签 名： 日 期： 指导教师签名： 日期： 使用授权说明本人完全了解 大学关于收集、保存、使用毕业设计（论文）的规定，即：按照学校要求提交毕业设计（论文）的印刷本和电子版本；学校有权保存毕业设计（论文）的印刷本和电子版，并提供目录检索与阅览服务；学校可以采用影印、缩印、数字化或其它复制手段保存论文；在不以赢利为目的前提下，学校可以公布论文的部分或全部内容。作者签名： 日 期： 目 录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 网站的框架图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致 谢266参考文献271绪论1.1网络课程概念及特点1.1.1网络课程概念网络课程，顾名思义就是用于网络教育的课程，首先，它是课程，其次我们强调它必须具有网络的特点。按照美国新教育百科辞典“课程”条目：“所谓课程是指在学校的教师指导下出现的学习者学习活动的总体，其中包含了教育目标、教学内容、教学活动乃至评价方法在内的广泛的概念”。网络应用于教育领域，给人们提供了大量便捷的学习机会、丰富的教学环境和教学资源，使学习活动更加自主化、个性化，使教育的适应性得以大大加强，网络课程要充分体现网络的这一特点，构建多媒体化的接近真实生活的自主、协作学习情境，能充分利用网络的资源开放性。 总而言之，网络课程就是通过网络表现的某学科的教学内容及实施的教学活动的总和。它包括两个组成部分：按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境，其中网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动。网络课程是一种可以跨越时空的开放式的课程体系。传统的课程教学是基于课堂的集体授课。教师面对面地在课堂上将课程内容通过备课，转化为自己的语言并以一定的结构传授给学生。师生之间可以进行面对面的交流，教师可以通过多种信息通道得到学生的信息反馈，及时调整授课进程和方式。但当班级人数较多时，教师就不能很好地照顾到每个学习者的个别需要。同时，这一课程模式要求教学同步进行(如图1)，种种局限的存在使得课堂教学已经不能满足目前社会教育发展理念和实践的需要。而网络课程的出现则一定程度上满足了这一需求，学习者可以不再局限于课堂这一特定的空间，可以随时随地进行学习。图1 课堂教学模式中的信息交互网络课程的资源更为丰富。网络以资源丰富和信息递送方便见长。除了提供相应参考书目和简单的内容介绍方便学习者选择和查阅外，网络课程还推荐教师精心选择的与课程相关的资源链接，轻点鼠标，学习者就可以进入另外一个缤纷的世界。教育心理学认为概念和理论的学习是要通过理解这一概念或理论在不同背景下的各种阐述和表现，才能完整、深刻地认识。网络提供的丰富资源则适应了学习者的这一需要。比较完善的网络课程还为学习者提供自我评价和与他人交流、评价他人的环境，随着学习的进展，不断积累的学习者的资料成为新的宝贵的学习资源。网络课程是多点对多点的交互，更强调协作性的学习。在课堂教学中一般是点对面的交互(师生)，信息集中在教师那里处理，学生得到的信息量相对较少。如图2所示，在基于网络的课程模式中，师生可以通过多种交互手段如聊天室、BBS、Email来进行交流，学生除了和教师交流还可与同学一起协商，通过网络组成了一个学习信息网，对信息的利用率大大提高了。有教师参与，学生自己管理聊天室和BBS，体现了学习者是学习主体的思想。对学习过程中比较普遍的问题，教师将其组织到FAQ (Frequently Asked Questions) 列表中，便于同学查阅，同时也丰富了课程资源。 图2 网络课程模式中的信息交互1.1.2网络课程的特点（1）资源共享性：网络课程可通过网络供给不同学习者使用。网络课程存放在网站的服务器上，可以让能够上网的学习者使用，学习者通过网络与网站的服务器连接获取网络课程信息，并进行学习。（2）开放性：网络课程在时间、空间和课程体系及内容结构上都是开放的。网络课程体系及内容结构具有模块化、可扩展、更新周期短的特点，网络课程是跨时空开展教学活动的，学习者可以通过网络随时随地参与课程学习。 （3）即时更新性：即时更新性也称动态性，指网络课程的学习内容是及时更新的。网络课程不仅比印刷媒体更新速度快，而且比单机版的多媒体课件也更新快，只需要将更新的那一部分内容上传到服务器上，不需要上传全部课程内容，学习者就能够通过网络学习到最新的教学内容。（4）时空不限性：学习者无论在何时何地只要通过网络就能够利用网络课程进行学习。（5）交互性：网络课程可以通过网络（聊天室、BBS、Email等）实现人与机、教师与学生、学生与学生之间教与学的交互。（6）自主性：网络课程以学生自主学习为主，充分体现了学习的个性化特征，学生在学习过程中具有较大的选择性和自由度。（7）协作性：网络课程可以让教师、学生通过讨论、合作、竞争等形式完成一个确定的学习任务。（8）非线性：网络课程的内容结构方式是非线性、超链接的，课程结构十分灵活，这是由Web本身的特性所决定的。（8）多维性：网络课程内容表现形态的多维性，即网络课程的内容可以通过文字、图形、图像、声音、动画和视频等多媒体形式来表现，可以二维模拟、三维仿真，还可以通过虚拟现实实现多维的教学信息传递。这是传统的教学不具有的特性。（9）整合性 网络课程体现了信息技术、信息资源、信息方法、人力资源、课程内容和现代教育思想的整合，是一种新型课程模式。在计算机网络的课程网站中，具有网络课程的基本特点，能够满足广大的学习者实现网上学习功能。1.2网络课程应该具备主要功能（1）共享功能：从个人计算机到局域网，然后发展到互联网，资源的共享能力越来越强。网络课程的资源不存在网上登陆，在网络课程的资源下载板块里，学生可以尽情下载。网络课程的资源建设不再重复；对于学生来说，利用计算机网络资源共享功能可以高效率地获取各种学习资源，同时将自己的学习经验与他人分享。（2）虚拟功能：利用计算机网络的虚拟功能可以在网上实现所谓的“网上学校”。在这样一所没有围墙的学校中，学生的学习是一种开放性的学习，学生可以在自己家里、在业余的时间来进行学习真正实现终身教育。同时，也给不同社会阶层的人士提供平等的学习机会。（3）交互功能：计算机可以实现人机之间的双向沟通，利用计算机网络则可以实现人与人之间的远距离信息传播。在这种人机交互、人与人之间的交互过程中，学习也变得更有启发性和具有更高的效率。（4）协作功能：以往的计算机辅助教学是单机教学，这样能够实现个别化学习。但是个别化学习只能解决部分学习问题，人们在实践中遇到的更多的问题是如何与他人合作，共同完成任务。计算机网络提供了这种协作的环境，从而使网络课程也具备了这样的协作功能，可以在网络课程中开展各种协作的学习活动。（5）服务功能：随着网络教育的不断深入发展，网络课程的服务功能也逐渐被人们所认识。同传统的教育教学方式不同，在网络上开展教育活动，学生是学习的主体，教师在传统课堂上的地位在网络课程中发生了根本性的变化。传统课程学习活动中，以没有掌握相应专业知识的学生作为输入对象，经过传统课程学习后，输出的是知识和能力都得到增长的学生。而在网络课程学习中，学生的学习始终贯穿于学生的一生。所以在网络课程学习中，学生的输入和输出变得难以准确界定。网络课程向学生提供终身服务，网络课程不是要造就学习者，而是要以学习者为中心，向学习者提供帮助。网络课程的论坛里有个服务专区，是针对那些在网络课程学习中有疑问的学生提出的问题，然后有专门的教师有针对性给于回答。1.3 网络课程的制作工具 1.3.1网络课程制作软件的使用 （1） 网站框架程序软件网络课件的框架使用Dreamweaver MX 网页设计软件编制， Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。利用 Dreamweaver 中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在 Macromedia Fireworks 中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者直接在 Dreamweaver 中添加 Macromedia Flash 对象，从而优化开发工作流程。作为网络课程主要制作软件，先必须建立网络课程的站点，然后把所有的网页和模板全都放在站点里，利用站点来管理制作网页.这也是制作网站的基本常识。这样不仅方便制作网站，而且对网站的设计也很有规律性；也有利于网站制作完成后的系统整合，充分利用了Dreamweaver 3.1.1 网站框架程序软件MX站点的各项功能来实现网站的全面完成。（2）图像处理软件FireWorks或PhotoShop等图像处理软件可进行界面及艺术字的美观设计。 Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大型图形切割、动态按钮、动态翻转图片等，对于辅助网页编辑来说，Fireworks将是最大的功臣。在网络课程的图片处理过程中，由于，网站的图片基本上都很小，而且要求不是很高，所以多数情况下使用Fireworks MX 来处理图片比较灵活，使用方便。，但是作为通用平面美术设计软件Photoshop它的功能完善，性能稳定。我们也注意它的使用价值，在制作一些比较大的图片或者是要求比较高的图片，比如：网络课程的logo就完全是用Photoshop设计完成的。（3） 动画制作软件Flash是Macromedia公司的一个网页交互动画制作工具，与其它工具相比，它具有矢量描述、播放流畅、数据量小、色彩鲜明等特点。特别重要的一点是，其它的教学软件都必须下载处理后才能用到课堂教学上，而Flash采用了流技术，可以边下载边播放，这样就能使整个教学过程流畅自然。而且用Flash制作的动画数据量很小，有利于它在互联网上传输，方便使用者在互联网上直接调用运行。加上Flash的描述是基于矢量的，用它制作出来的动画可以任意缩放，不会产生任何变形，等等。由于Flash的这些优点，我们制作网络课程网站的同时，不仅自己制作一些Flash动画，还把一些短小的影片转换成Flash的swf格式这样使文件变小，有利于网络的传输，在网上浏览，这点是非常重要的。（4） 其它工具SnagIt这个软件主要是用来取图的，通过某些手段，把某些图片用这个软件来抓取某些有用的部分，来弥补网站上的一些不足。Colorkey可以在屏幕上任意处取色值，这个软件在网站的配色方面起到重要的作用，网络课程中为了整个网页的颜色协调性，而用dreamweaver 软件里也没有这个取色的功能，所以制作网站的配色基本上就取决于Colorkey。EditPlus2文字编辑工具，在动态网站制作时，很方便打开和修改asp、jsp源代码，网络课程的资源下载、作业提交、测试系统和论坛都是以动态的形式表现出来的网页，因此EditPlus2对网络课程功能实现十分重要。Ulead VideoStudioUlead(会声会影)是一个视频编辑软件，可以轻松创建带有生动的标题、视频滤镜、转场和声音的视频作品。在网络课程中我们利用它来制作一些简单的视频，如：在网络课程的动画教学中，第一个就是用Ulead VideoStudio做出的网络课程制作主要页面的连续播放视频。1.3.2 编程语言的使用总的来讲，JavaSever Pages（JSP）和 微软的Active Sever Pages（ASP）在技术方面有许多相似之处。但仍然存在很多不同之处，其中最本质上的区别在于：两者是来源于不同的技术规范组织，其实现的基础：WEB服务器平台要求不相同。而最明显的不同点：开发人员在对两者各自软件体系设计的深入了解的方式不同。JSP技术基于平台和服务器的互相独立，输入支持来自广泛的，专门的，各种工具包，服务器的组件和数据库产品开发商所提供。相比之下，ASP技术主要依赖微软的技术支持。(1)平台和服务器的独立性 JSP技术依附于一次写入，之后，可以运行在任何具有符合JavaTM语法结构的环境。取而代之过去依附于单一平台或开发商，JSP技术能够运行在任何WEB服务器上并且支持来自多家开发商提供的各种各样工具包。 由于ASP是基于Activex控件技术提供客户端和服务器端的开发组件，因此ASP技术基本上是局限于微软的操作系统平台之上。ASP主要工作环境是微软的IIS应用程序结构，又因Activex对象具有平台特性，所以ASP技术不能很容易地实现在跨平台的WEB服务器的工作。尽管ASP技术通过第三方提供的产品能够得到组件和服务实现跨平台的应用程序，但是Activex对象必须事先放置于所选择的平台中。(2)开放的开发过程，开放的源代码JSP应用程序界面（API）毫无疑问已经取得成功，并将随JAVA组织不断开放扩大继续完善。相反，ASP技术仅依靠微软本身的推动，其发展是建立在独占的，封闭的开发过程基础之上。ASP技术JSP技术可重用.跨平台组件 没有JAVABEANS企业级JAVABEANS，定制JSP标签安全:防范系统崩溃 没有有内存泄露保护 没有有脚本语言 VBSCRIPT.JSCRIPTJAVA定制标签 没有有兼容传统的数据库可以（COM）可以（用JDBC API）集成数据源的能力能工作在任何符合ODBC规范的数据库工作在任何符合ODBC规范的数据库，而且能访问符合JDBC技术规范数据库组件COM组件JAVABEANS，企业级JAVABEANS或扩展的JSP标签扩展工具支持有有表1 JSP和ASP比较(3)从开发人员的角度来看：ASP和JSP技术都能使开发者实现通过点击网页中的组件制作交互式的，动态的内容和应用程序的WEB站点。ASP仅支持组件对象模型COM，而JSP技术提供的组件都是基于JavabeansTM技术或JSP标签库。由此可以看出两者虽有相同之处，但其区别是很明显的。1.3.3数据库的使用MYSQL是一个功能强大的数据库语言。SQL通常使用于数据库的通讯。ANSI(美国国家标准学会)声称，MYSQL是关系数据库管理系统的标准语言4。MYSQL语句通常用于完成一些数据库的操作任务，比如在数据库中更新数据，或者从数据库中检索数据11。使用MYSQL的常见关系数据库管理系统有：Oracle、 Sybase、 Microsoft SQL Server、 Access、 Ingress等等。虽然绝大多数的数据库系统使用SQL，但是它们同样有它们自立另外的专有扩展功能用于它们的系统。但是，标准的MYSQL命令，比如Select、 Insert、 Update、 Delete、 Create和 Drop常常被用于完成绝大多数数据库的操作。但是，不像其它的语言，如C、Pascal等，MYSQL没有循环结构(比如if-then-else、do-while)以及函数定义等等的功能。而且MYSQL只有一个数据类型的固定设置，换句话说，不能在使用其它编程语言的时候创建自己的数据类型。（1） 表关系数据库通常包含多个表。数据库实际上是表的集合，数据库的数据或者信息都是存储在表中的。表是对数据进行存储和操作的一种逻辑结构，每一个表都代表一个对用户意义的对象。例如，一个公司数据库中，会有雇员表、部门表、库存表、销售表、工资表等等。经常见到的成绩表就是一种表，它是有行和列组成的，并且可以通过名字来识别数据。列包含了列的名字、数据类型以及列的其它属性；行包含了列的记录或者数据。（2） 数据检索在SQL中SELECT语句通常用于检索数据库，或者检索满足设定条件的数据。（3）网站中的数据库网站数据库的主要目的就是存储信息，一般是通过前台页面与浏览者的交互收集信息，然后结合前台的程序(一般为动态页面)，实时生成浏览者所看到的最新内容，从而具备普通静态页面所不能达到的效果。2 课程网站的设计与开发2.1 网站的设计2.1.1 网站的设计原则 网络课程的网站必须以实用、有效的原则来制作。能体现个性化、协作化、交互性、开放性。2.1.2 网站的设计思想 (1)总体设计总体设计是设计过程中最重要的一环，它是形成网络课程设计总体思路的过程，决定了后续开发的方方面面，网络课程设计过程中，总体设计具有规范性、组织结构具有条理性。网络课程的总体设计中，不仅对网络课程的整体框架的设计还包含了内容的整体规划以及课程内容怎样安排在网页中，都作了详细的计划，和老师一起讨论了很长时间，经过不断的修改最后才决定。(2)教学设计网络课程设计时，教学设计注重教学目标及教学内容分析、设计教学活动时注意情境创设，强调情境在学习中的重要作用、注意信息资源设计，强调利用各种信息资源来支持学（而非支持教）、强调以学生为中心、注重自主学习设计、强调协作学习，要注重协作学习环境设计、注重基于网络教学策略设计。网络课程的网上学习就是针对这个环节还设计的，网上学习中有三部分，两部分是教学内容：文本教程和动画教程；第三部分是课后测试，这里也是针对网上学习后的一个总结，可以巩固和检测学习内容，通过网上学习的设计，静态学习，动态学习再加上课后测试，相信学生的学习效果可以得到很大的提高，同时也是我们设计网上学习时希望达到的一个结果。 (3)界面设计界面设计即对屏幕上将要显示的信息的布局进行设计，包括主页面、子栏目分页面不同级别设计、页面的过渡方式等。界面布局要合理、风格一致、色彩搭配协调。文本设计、图片选择要美观大方，能激发学习者的学习激情。界面设计中，充分利用网页制作工具及其辅助工具，例如，取色工具可以协调整个网站的配色；动画和图片处理这里也能得到充分利用等等。(4)课程完整性一个完整的网络课程，不仅在完成网页和基本功能外，还要把他们结合起来，充分利用站点，成为一个形式上完整的网络课程。最后完成网络课程系统整合后，还要添加相应的说明文档等，这样才具备了发布网络课程的资格。(5)网络发布性由于网络课程直接运行在Internet上，所以必须考虑其在低带宽下运行的流畅性。网络课程的设计时就考虑到发布性的特点，所以我们采用大图换小图，进行图片的优化，全部图片都是jpg和gif格式。2.2 网站的制作2.2.1 网站的基本结构(1)程序目录结构：|-|-|-admin|后台管理的目录|-|-|-|-css后台CSS文件目录|-|-|-|-help后台帮助系统目录|-|-|-|-images后台的图片图片目录|-|-|-|-js 使用JS的文件目录|-|- |-|-AddNews.jsp添加新闻|-|-Admin_Class.jsp类别管理|-|-Admin_Config.jsp系统参数设置|-|-Admin_Info.jsp系统基本信息设置|-|-Admin_Left.jsp框左部导航页面|-|-Admin_Main.jsp主框架页面|-|-Admin_Special.jsp专题管理|-|-Admin_User.jsp用户管理|-|-DelNews.jsp 删除新闻|-|-Img.htm 上传图片页面|-|-index.jsp后台登录页面|-|-Index_Face.html框架右边页面|-|-ListNews.jsp后台管理新闻列表页面|-|-Logout.jsp退出系统页面|-|-Modifynews.jsp修改新闻|-|-Person.jsp管理员个人信息页面|-|-Session.jsp是否登录判断遄|-|-VerifyCode.jsp验证码页面|-|- |-buttonimageeWebEditor编辑器工具图片目录|-|-|-css CSS文件目录|-|-|-|-CoolBlueeWebEditor编辑器使用的CSS文件|-|-|-|-newscss本系统前台使用的CSS文件|-|-|-dialogeWebEditor编辑器弹出窗口页面目录|-|-images图片目录|-|-|-includeeWebEditor编辑器包含文件目录|-|-|-pic 本系统图片目录|-|-|-sql 本系统使用的数据库的角本文件|-|-|-sysimge eWebEditor编辑器系统图片目录|-|-|-UploadFile上传图片保存的目录|-|-|-WEB-INF|-|-|-|-libjar包存放的目录|-|-|-|-|-|-dom4j.jareWebEditor编辑器自带的类|-|-|-|-DreamNews.jar 本系统所使用的类文件|-|-|-|-MYSQL-Driver.jar本系统附带的MYSQL驱动程序|-|-|-|-Oracle-Driver.jar 本系统附带的Oracle驱动程序|-|-|-|-MSSQL-Driver.jar 本系统附带的SQL Server驱动程序|-|-|-|-classes 类文件目录 |-|-|-|-|-srcJavaBean源程序目录|-|-|-|-|-|-|-AdminClass.java 类别管理类源文件|-|-|-|-Config.java 系统设置类源文件|-|-|-|-DBConnection.java 数据库连接类源文件|-|-|-|-Function.java 常用方法定义类源文件|-|-|-|-ListClass.java 前台类别显示类源文件|-|-|-|-Log.java 日志类源文件|-|-|-|-Login.java 用户登录类源文件|-|-|-|-MD5.java MD5加密算法源文件|-|-|-|-News.java 新闻管理类源文件|-|-|-|-ShowNews.java 新闻显示类源文件|-|-|-|-User.java 用户管理类源文件|-|-|-|-VerifyCode.java 验证码类源文件|-|-|-|-|-DBConfig.property 数据库配置文件|-|-|-|-Button.xmleWebEditor编辑器样式定义文件|-|-DreamNews.mdbAccess数据库|-|-Style.xmleWebEditor编辑器样式定义文件 |-|-web.xml应用程序配置页面|-|- |-Config.jsp本系统配置页面|-eWebEditor.jspeWebEditor编辑器主页面|-index.jsp本系统首页|-ReadClass.jsp本系统大类显示页面|-ReadSClass.jsp本系统小类显示页面|-Search.jsp本系统新闻搜索页面|-Special.jsp 本系统专题显示页面|-Top.jsp本系统头部公共页面|-upload.jspeWebEditor编辑器文件上传页面|-说明.txt本说明文件 （2）首页 图3 首页首页是最重要的部分，因为它是别人接触这个网站的第一眼。首页应该对这个网站的性质与所提供的内容做个扼要说明与导引，让别人判断要不要继续点击。首页就有很清楚的类别栏目选项，而且尽量人性化，让浏览者可以很快找到需要的东西。在设计上，坚持干净而清爽的原则。 首页中，我们采用清晰的导航和简洁的页面设计，没有复杂过多的内容。登陆系统，和调查系统，保持一个完整的网站程序，友情连接具有一定的参考价值。打开首页能够清晰的了解到进入的是一个网络课程。（3） 课程简介主要对本课程的一些说明，方便学生从整体上去把握学习的内容，这是十分重要的。网络课程针对文本教程的内容，让学生了解到网上学习的主要内容，从而有选者性的去学习。（4）网上学习这是网络课程的主要内容，也是我们网路课程设计的主要部分。网上学习共分为3部分，一部分是网上课堂；一部分是动画教程；最后一部分为课后习题。并在网上学习首页上提示重难点和学习建议，有助于学生对网络课程的文本学习有个充分的认识。（5）信息公布信息公布是对当前的网络课程改版、更新以及其他消息以公告的形式让学生知道，方便学生及时的关注网络课程的最新变化从而让学生全面掌握课程动态，有利于进一步学习。这个栏目也是更新的主要内容之一，网络课程的学习离不开信息的公布，同时也是网站的维护的