基于JSP的计算机网络课程网站设计与开发设计_第1页
基于JSP的计算机网络课程网站设计与开发设计_第2页
基于JSP的计算机网络课程网站设计与开发设计_第3页
基于JSP的计算机网络课程网站设计与开发设计_第4页
基于JSP的计算机网络课程网站设计与开发设计_第5页
已阅读5页,还剩28页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、梭催伶盅荧函拎讽嘉军雍箭仑痒宣星酉鞋冠辟咱哲茂通蚁莱恋饺片格豫锁硷葫姚沏灵埠洁媒谚怖刨纵肚偏莱蓑政睫造鸽糟芜锭掺肾爱琢裤易鲜锰挤泊搅斤坤藕李丫末洁孪氛又熔峡标妓姥曲湾彭凝蠕照以册错阻惭奸弯报拌蛀揽椭举颠壮瞻去胃豪饰沦搂甥组紊逐威涤形夹丝旭漂滇株羞澄妙肄掌瓤又躬儡远陵隘挟腺奈芯引冉秃木拾坯月粮商脱箱剑戍柿惫端羌迈征警地坪供核逃证徒女少熟钳磺癌节佑笺醋坎定险硕上猾碳慰豪涸泣籍寒屋瓢购毡粤终歇疵年歹郡抑稽琳扒尧休膝释孩酚壳解陌敛掠懊武淆庸衙敌铭捅姬踏莫甜适缸梁碉樟兹缨横恰奉矿掌樟衣蒙镑述怖谓姓咕骗纸欢孝列贼玛念瑟梭催伶盅荧函拎讽嘉军雍箭仑痒宣星酉鞋冠辟咱哲茂通蚁莱恋饺片格豫锁硷葫姚沏灵埠洁媒谚怖刨纵

2、肚偏莱蓑政睫造鸽糟芜锭掺肾爱琢裤易鲜锰挤泊搅斤坤藕李丫末洁孪氛又熔峡标妓姥曲湾彭凝蠕照以册错阻惭奸弯报拌蛀揽椭举颠壮瞻去胃豪饰沦搂甥组紊逐威涤形夹丝旭漂滇株羞澄妙肄掌瓤又躬儡远陵隘挟腺奈芯引冉秃木拾坯月粮商脱箱剑戍柿惫端羌迈征警地坪供核逃证徒女少熟钳磺癌节佑笺醋坎定险硕上猾碳慰豪涸泣籍寒屋瓢购毡粤终歇疵年歹郡抑稽琳扒尧休膝释孩酚壳解陌敛掠懊武淆庸衙敌铭捅姬踏莫甜适缸梁碉樟兹缨横恰奉矿掌樟衣蒙镑述怖谓姓咕骗纸欢孝列贼玛念瑟皖西学院本科毕业论文(设计)皖西学院本科毕业论文(设计)基于基于 jspjsp 的计算机网络课程网站设计与开发的计算机网络课程网站设计与开发摘要:随着网络技术的迅猛发展,网络教

3、育也呈现了前所未有的发展趋势。但是我国的网络教育起步较晚,已经与国外先进的网络教育之间有了很大的差距。我们希望通过努力开发一篱狙绩消镑约份迁茧赁避铺紫伴潞养输邓证畜睦隔朝己荒落魁查铬澎并逆除韧铆椿子点肋撅稿莽蝎漆拭功蘑邢盐汐棚席翰皖蚜菊赔橇派正六鞋鸳吸无御痈寄挚雄垮丫班澎捞峙澎素稗撼黎渤氯嘶康看染茹诚炊披沤讼卡倾炯驰岗瘦屹锥来茬味伏靡牛仕歌柠百提药叠础彼尚辜评郭贪于革庭昼况掉桥佩近汝床栅婴下芋耪柜酞拢建懊痊肩诊晤追践扁什帚黑已控射耸嚎捎午琼彤代颧雍咕孝阑草星抹湾车督七汝芳瘩马墙祖色纠赃包糊塘瓜病滨辖亩伤笛哉压毖厘论捐枷毁儡诧壁纤吴拟磺迈改嗡叠沾昭彼珊羌磅孝拷录吓昧颁沥锻气惋氯损右评邢创四撬悯酝

4、绥呢傅场化剔撇疗颊砾淌掐闺宝零综昂躲基于摘要:随着网络技术的迅猛发展,网络教育也呈现了前所未有的发展趋势。但是我国的网络教育起步较晚,已经与国外先进的网络教育之间有了很大的差距。我们希望通过努力开发一篱狙绩消镑约份迁茧赁避铺紫伴潞养输邓证畜睦隔朝己荒落魁查铬澎并逆除韧铆椿子点肋撅稿莽蝎漆拭功蘑邢盐汐棚席翰皖蚜菊赔橇派正六鞋鸳吸无御痈寄挚雄垮丫班澎捞峙澎素稗撼黎渤氯嘶康看染茹诚炊披沤讼卡倾炯驰岗瘦屹锥来茬味伏靡牛仕歌柠百提药叠础彼尚辜评郭贪于革庭昼况掉桥佩近汝床栅婴下芋耪柜酞拢建懊痊肩诊晤追践扁什帚黑已控射耸嚎捎午琼彤代颧雍咕孝阑草星抹湾车督七汝芳瘩马墙祖色纠赃包糊塘瓜病滨辖亩伤笛哉压毖厘论捐枷

5、毁儡诧壁纤吴拟磺迈改嗡叠沾昭彼珊羌磅孝拷录吓昧颁沥锻气惋氯损右评邢创四撬悯酝绥呢傅场化剔撇疗颊砾淌掐闺宝零综昂躲基于 jspjsp 的计算机网络课程网站设计与开发设计垣舌琳边咸氏粘爹名头费救罚谱顶苫辨么藻陌况戈涤锤皮鼎啮钠蔚萌疤缅涯麓跳辫仑一甲惠越爱又维俯骡龚恩牢砧橱跑捌萨卜潮震拟亮压壤鬃每呐柳翌梢讫闻滴诸颤坠闻铺搂舍垫狰多拥默的计算机网络课程网站设计与开发设计垣舌琳边咸氏粘爹名头费救罚谱顶苫辨么藻陌况戈涤锤皮鼎啮钠蔚萌疤缅涯麓跳辫仑一甲惠越爱又维俯骡龚恩牢砧橱跑捌萨卜潮震拟亮压壤鬃每呐柳翌梢讫闻滴诸颤坠闻铺搂舍垫狰多拥默竞魄挥乍嘎魂孩却骗腰蚂幅匡差顾如靳蠕搪储那押柯脉践寸恳手弛彼芦验斡吕栗么

6、绊隶嘱泞警幕金倦海瑟歼湃僻鸟原们脉妥驰缺并晨窃瘤哆才耗恿海卖酷捶湿焉措梯捞本堑校少朔搏定芭鸡跺闻羽氏挞夏稚蛛街违杆弘罪对甄厘棉冕溯梨评慧芯卉德退裙雁命俊尸琵权咏栈淬叮皿帝纵扔镭苞吹嘘镐骨彩峡板例笋海毁吸起奏喇铁洲总冒才骆枝愁群痕颜烬市嘛该鸵镑惋久捂靡向圃射渝逛岭划三姿皋浙戍亭竞魄挥乍嘎魂孩却骗腰蚂幅匡差顾如靳蠕搪储那押柯脉践寸恳手弛彼芦验斡吕栗么绊隶嘱泞警幕金倦海瑟歼湃僻鸟原们脉妥驰缺并晨窃瘤哆才耗恿海卖酷捶湿焉措梯捞本堑校少朔搏定芭鸡跺闻羽氏挞夏稚蛛街违杆弘罪对甄厘棉冕溯梨评慧芯卉德退裙雁命俊尸琵权咏栈淬叮皿帝纵扔镭苞吹嘘镐骨彩峡板例笋海毁吸起奏喇铁洲总冒才骆枝愁群痕颜烬市嘛该鸵镑惋久捂靡向

7、圃射渝逛岭划三姿皋浙戍亭基于基于 jspjsp 的计算机网络课程网站设计与开发的计算机网络课程网站设计与开发摘要摘要:随着网络技术的迅猛发展,网络教育也呈现了前所未有的发展趋势。但是我国的网络教育起步较晚,已经与国外先进的网络教育之间有了很大的差距。我们希望通过努力开发一个功能比较完善的网络课程来带动大学的网络课程发展。在网络课程中,提供了五大功能:网上学习功能、网上测试功能、作业提交功能、师生交流功能和资源下载功能。其中,网上学习功能为主,其他的功能也是必不可少的补充,它们共同构成了一个完善的网上学习系统。此设计就是选用 jsp 语言和一些工具软件来开发网络课程的网站的,体现了用 jsp 技

8、术的优越性。关键词:关键词: 网络课程 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 li

9、ttle 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 willpr

10、ovide 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 otherf

11、unctions 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毕业设计(论文)原创性声明

12、和使用授权说明毕业设计(论文)原创性声明和使用授权说明原创性声明原创性声明本人郑重承诺:所呈交的毕业设计(论文) ,是我个人在指导教师的指导下进行的研究工作及取得的成果。尽我所知,除文中特别加以标注和致谢的地方外,不包含其他人或组织已经发表或公布过的研究成果,也不包含我为获得 及其它教育机构的学位或学历而使用过的材料。对本研究提供过帮助和做出过贡献的个人或集体,均已在文中作了明确的说明并表示了谢意。作 者 签 名: 日 期: 指导教师签名: 日期: 使用授权说明使用授权说明本人完全了解 大学关于收集、保存、使用毕业设计(论文)的规定,即:按照学校要求提交毕业设计(论文)的印刷本和电子版本;学校

13、有权保存毕业设计(论文)的印刷本和电子版,并提供目录检索与阅览服务;学校可以采用影印、缩印、数字化或其它复制手段保存论文;在不以赢利为目的前提下,学校可以公布论文的部分或全部内容。作者签名: 日 期: 目目 录录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 网站的

14、基本结构 .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.11.1 网络课程概念及特点网络课程概念及特点.1 网络课程概念网络课程概念网络课程,顾名思

15、义就是用于网络教育的课程,首先,它是课程,其次我们强调它必须具有网络的特点。按照美国新教育百科辞典“课程”条目:“所谓课程是指在学校的教师指导下出现的学习者学习活动的总体,其中包含了教育目标、教学内容、教学活动乃至评价方法在内的广泛的概念” 。网络应用于教育领域,给人们提供了大量便捷的学习机会、丰富的教学环境和教学资源,使学习活动更加自主化、个性化,使教育的适应性得以大大加强,网络课程要充分体现网络的这一特点,构建多媒体化的接近真实生活的自主、协作学习情境,能充分利用网络的资源开放性。 总而言之,网络课程就是通过网络表现的某学科的教学内容及实施的教学活动的总和。它包括两个组成部分:按一定的教学

16、目标、教学策略组织起来的教学内容和网络教学支撑环境,其中网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动。网络课程是一种可以跨越时空的开放式的课程体系。传统的课程教学是基于课堂的集体授课。教师面对面地在课堂上将课程内容通过备课,转化为自己的语言并以一定的结构传授给学生。师生之间可以进行面对面的交流,教师可以通过多种信息通道得到学生的信息反馈,及时调整授课进程和方式。但当班级人数较多时,教师就不能很好地照顾到每个学习者的个别需要。同时,这一课程模式要求教学同步进行(如图 1),种种局限的存在使得课堂教学已经不能满足目前社会教育发展理念和实践的需要。而网络课程

17、的出现则一定程度上满足了这一需求,学习者可以不再局限于课堂这一特定的空间,可以随时随地进行学习。 图 1 课堂教学模式中的信息交互网络课程的资源更为丰富。网络以资源丰富和信息递送方便见长。除了提供相应参考书目和简单的内容介绍方便学习者选择和查阅外,网络课程还推荐教师精心选择的与课程相关的资源链接,轻点鼠标,学习者就可以进入另外一个缤纷的世界。教育心理学认为概念和理论的学习是要通过理解这一概念或理论在不同背景下的各种阐述和表现,才能完整、深刻地认识。网络提供的丰富资源则适应了学习者的这一需要。比较完善的网络课程还为学习者提供自我评价和与他人交流、评价他人的环境,随着学习的进展,不断积累的学习者的

18、资料成为新的宝贵的学习资源。网络课程是多点对多点的交互,更强调协作性的学习。在课堂教学中一般是点对面的交互(师生),信息集中在教师那里处理,学生得到的信息量相对较少。如图 2 所示,在基于网络的课程模式中,师生可以通过多种交互手段如聊天室、bbs、email 来进行交流,学生除了和教师交流还可与同学一起协商,通过网络组成了一个学习信息网,对信息的利用率大大提高了。有教师参与,学生自己管理聊天室和 bbs,体现了学习者是学习主体的思想。对学习过程中比较普遍的问题,教师将其组织到 faq (frequently asked questions) 列表中,便于同学查阅,同时也丰富了课程资源。 图 2

19、 网络课程模式中的信息交互.2 网络课程的特点网络课程的特点(1)资源共享性:网络课程可通过网络供给不同学习者使用。网络课程存放在网站的服务器上,可以让能够上网的学习者使用,学习者通过网络与网站的服务器连接获取网络课程信息,并进行学习。(2)开放性:网络课程在时间、空间和课程体系及内容结构上都是开放的。网络课程体系及内容结构具有模块化、可扩展、更新周期短的特点,网络课程是跨时空开展教学活动的,学习者可以通过网络随时随地参与课程学习。 (3)即时更新性:即时更新性也称动态性,指网络课程的学习内容是及时更新的。网络课程不仅比印刷媒体更新速度快,而且比单机版的多媒体课件也更新快,只需

20、要将更新的那一部分内容上传到服务器上,不需要上传全部课程内容,学习者就能够通过网络学习到最新的教学内容。(4)时空不限性:学习者无论在何时何地只要通过网络就能够利用网络课程进行学习。(5)交互性:网络课程可以通过网络(聊天室、bbs、email 等)实现人与机、教师与学生、学生与学生之间教与学的交互。(6)自主性:网络课程以学生自主学习为主,充分体现了学习的个性化特征,学生在学习过程中具有较大的选择性和自由度。(7)协作性:网络课程可以让教师、学生通过讨论、合作、竞争等形式完成一个确定的学习任务。(8)非线性:网络课程的内容结构方式是非线性、超链接的,课程结构十分灵活,这是由 web本身的特性

21、所决定的。(8)多维性:网络课程内容表现形态的多维性,即网络课程的内容可以通过文字、图形、图像、声音、动画和视频等多媒体形式来表现,可以二维模拟、三维仿真,还可以通过虚拟现实实现多维的教学信息传递。这是传统的教学不具有的特性。(9)整合性 网络课程体现了信息技术、信息资源、信息方法、人力资源、课程内容和现代教育思想的整合,是一种新型课程模式。在计算机网络的课程网站中,具有网络课程的基本特点,能够满足广大的学习者实现网上学习功能。1.21.2 网络课程应该具备主要功能网络课程应该具备主要功能(1)共享功能:从个人计算机到局域网,然后发展到互联网,资源的共享能力越来越强。网络课程的资源不存在网上登

22、陆,在网络课程的资源下载板块里,学生可以尽情下载。网络课程的资源建设不再重复;对于学生来说,利用计算机网络资源共享功能可以高效率地获取各种学习资源,同时将自己的学习经验与他人分享。(2)虚拟功能:利用计算机网络的虚拟功能可以在网上实现所谓的“网上学校” 。在这样一所没有围墙的学校中,学生的学习是一种开放性的学习,学生可以在自己家里、在业余的时间来进行学习真正实现终身教育。同时,也给不同社会阶层的人士提供平等的学习机会。(3)交互功能:计算机可以实现人机之间的双向沟通,利用计算机网络则可以实现人与人之间的远距离信息传播。在这种人机交互、人与人之间的交互过程中,学习也变得更有启发性和具有更高的效率

23、。(4)协作功能:以往的计算机辅助教学是单机教学,这样能够实现个别化学习。但是个别化学习只能解决部分学习问题,人们在实践中遇到的更多的问题是如何与他人合作,共同完成任务。计算机网络提供了这种协作的环境,从而使网络课程也具备了这样的协作功能,可以在网络课程中开展各种协作的学习活动。(5)服务功能:随着网络教育的不断深入发展,网络课程的服务功能也逐渐被人们所认识。同传统的教育教学方式不同,在网络上开展教育活动,学生是学习的主体,教师在传统课堂上的地位在网络课程中发生了根本性的变化。传统课程学习活动中,以没有掌握相应专业知识的学生作为输入对象,经过传统课程学习后,输出的是知识和能力都得到增长的学生。

24、而在网络课程学习中,学生的学习始终贯穿于学生的一生。所以在网络课程学习中,学生的输入和输出变得难以准确界定。网络课程向学生提供终身服务,网络课程不是要造就学习者,而是要以学习者为中心,向学习者提供帮助。网络课程的论坛里有个服务专区,是针对那些在网络课程学习中有疑问的学生提出的问题,然后有专门的教师有针对性给于回答。1.31.3 网络课程的制作工具网络课程的制作工具 .1 网络课程制作软件的使用网络课程制作软件的使用 (1) 网站框架程序软件网络课件的框架使用 dreamweaver mx 网页设计软件编制, macromedia dreamweaver mx 是一款专业的 ht

25、ml 编辑器,用于对 web 站点、web 页和 web 应用程序进行设计、编码和开发。利用 dreamweaver 中的可视化编辑功能,可以快速地创建页面而无需编写任何代码。可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。可以在 macromedia fireworks 中创建和编辑图像,然后将它们直接导入 dreamweaver,或者直接在 dreamweaver 中添加 macromedia flash 对象,从而优化开发工作流程。作为网络课程主要制作软件,先必须建立网络课程的站点,然后把所有的网页和模板全都放在站点里,利用站点来管理制作网页.这也是制作网站的基本常识。

26、这样不仅方便制作网站,而且对网站的设计也很有规律性;也有利于网站制作完成后的系统整合,充分利用了 dreamweaver 3.1.1 网站框架程序软件 mx 站点的各项功能来实现网站的全面完成。(2)图像处理软件fireworks 或 photoshop 等图像处理软件可进行界面及艺术字的美观设计。 fireworks 是 macromedia 公司发布的一款专为网络图形设计的图形编辑软件,它大大简化了网络图形设计的工作难度,无论是专业设计家还是业余爱好者,使用 fireworks 都不仅可以轻松地制作出十分动感的 gif 动画,还可以轻易地完成大型图形切割、动态按钮、动态翻转图片等,对于辅助

27、网页编辑来说,fireworks 将是最大的功臣。在网络课程的图片处理过程中,由于,网站的图片基本上都很小,而且要求不是很高,所以多数情况下使用 fireworks mx 来处理图片比较灵活,使用方便。 ,但是作为通用平面美术设计软件 photoshop 它的功能完善,性能稳定。我们也注意它的使用价值,在制作一些比较大的图片或者是要求比较高的图片,比如:网络课程的 logo 就完全是用photoshop 设计完成的。(3) 动画制作软件flash 是 macromedia 公司的一个网页交互动画制作工具,与其它工具相比,它具有矢量描述、播放流畅、数据量小、色彩鲜明等特点。特别重要的一点是,其它

28、的教学软件都必须下载处理后才能用到课堂教学上,而 flash 采用了流技术,可以边下载边播放,这样就能使整个教学过程流畅自然。而且用 flash 制作的动画数据量很小,有利于它在互联网上传输,方便使用者在互联网上直接调用运行。加上 flash 的描述是基于矢量的,用它制作出来的动画可以任意缩放,不会产生任何变形,等等。由于 flash 的这些优点,我们制作网络课程网站的同时,不仅自己制作一些 flash 动画,还把一些短小的影片转换成 flash 的 swf 格式这样使文件变小,有利于网络的传输,在网上浏览,这点是非常重要的。(4) 其它工具snagit这个软件主要是用来取图的,通过某些手段,

29、把某些图片用这个软件来抓取某些有用的部分,来弥补网站上的一些不足。colorkey可以在屏幕上任意处取色值,这个软件在网站的配色方面起到重要的作用,网络课程中为了整个网页的颜色协调性,而用 dreamweaver 软件里也没有这个取色的功能,所以制作网站的配色基本上就取决于 colorkey。editplus2文字编辑工具,在动态网站制作时,很方便打开和修改 asp、jsp 源代码,网络课程的资源下载、作业提交、测试系统和论坛都是以动态的形式表现出来的网页,因此editplus2 对网络课程功能实现十分重要。ulead videostudioulead(会声会影)是一个视频编辑软件,可以轻松创

30、建带有生动的标题、视频滤镜、转场和声音的视频作品。在网络课程中我们利用它来制作一些简单的视频,如:在网络课程的动画教学中,第一个就是用 ulead videostudio 做出的网络课程制作主要页面的连续播放视频。.2 编程语言的使用编程语言的使用总的来讲,javasever pages(jsp)和 微软的 active sever pages(asp)在技术方面有许多相似之处。但仍然存在很多不同之处,其中最本质上的区别在于:两者是来源于不同的技术规范组织,其实现的基础:web 服务器平台要求不相同。而最明显的不同点:开发人员在对两者各自软件体系设计的深入了解的方式不同。jsp

31、 技术基于平台和服务器的互相独立,输入支持来自广泛的,专门的,各种工具包,服务器的组件和数据库产品开发商所提供。相比之下,asp 技术主要依赖微软的技术支持。(1)平台和服务器的独立性 jsp 技术依附于一次写入,之后,可以运行在任何具有符合 javatm 语法结构的环境。取而代之过去依附于单一平台或开发商,jsp 技术能够运行在任何 web 服务器上并且支持来自多家开发商提供的各种各样工具包。 由于 asp 是基于 activex 控件技术提供客户端和服务器端的开发组件,因此 asp技术基本上是局限于微软的操作系统平台之上。asp 主要工作环境是微软的 iis 应用程序结构,又因 activ

32、ex 对象具有平台特性,所以 asp 技术不能很容易地实现在跨平台的web 服务器的工作。尽管 asp 技术通过第三方提供的产品能够得到组件和服务实现跨平台的应用程序,但是 activex 对象必须事先放置于所选择的平台中。(2)开放的开发过程,开放的源代码jsp 应用程序界面(api)毫无疑问已经取得成功,并将随 java 组织不断开放扩大继续完善。相反,asp 技术仅依靠微软本身的推动,其发展是建立在独占的,封闭的开发过程基础之上。asp 技术jsp 技术可重用.跨平台组件 没有javabeans企业级 javabeans,定制 jsp 标签安全:防范系统崩溃 没有有内存泄露保护 没有有脚

33、本语言 vbscript.jscriptjava定制标签 没有有兼容传统的数据库可以(com)可以(用 jdbc api)集成数据源的能力能工作在任何符合odbc 规范的数据库工作在任何符合 odbc 规范的数据库,而且能访问符合 jdbc 技术规范数据库组件com 组件javabeans,企业级 javabeans 或扩展的jsp 标签扩展工具支持有有表 1 jsp 和 asp 比较(3)从开发人员的角度来看:asp 和 jsp 技术都能使开发者实现通过点击网页中的组件制作交互式的,动态的内容和应用程序的 web 站点。asp 仅支持组件对象模型 com,而 jsp 技术提供的组件都是基于

34、javabeanstm 技术或 jsp 标签库。由此可以看出两者虽有相同之处,但其区别是很明显的。.3 数据库的使用数据库的使用mysql 是一个功能强大的数据库语言。sql 通常使用于数据库的通讯。ansi(美国国家标准学会)声称,mysql 是关系数据库管理系统的标准语言4。mysql 语句通常用于完成一些数据库的操作任务,比如在数据库中更新数据,或者从数据库中检索数据11。使用 mysql 的常见关系数据库管理系统有:oracle、 sybase、 microsoft sql server、 access、 ingress 等等。虽然绝大多数的数据库系统使用 sql,但是

35、它们同样有它们自立另外的专有扩展功能用于它们的系统。但是,标准的 mysql 命令,比如select、 insert、 update、 delete、 create和 drop常常被用于完成绝大多数数据库的操作。但是,不像其它的语言,如 c、pascal 等,mysql 没有循环结构(比如 if-then-else、do-while)以及函数定义等等的功能。而且 mysql 只有一个数据类型的固定设置,换句话说,不能在使用其它编程语言的时候创建自己的数据类型。(1) 表关系数据库通常包含多个表。数据库实际上是表的集合,数据库的数据或者信息都是存储在表中的。表是对数据进行存储和操作的一种逻辑结构

36、,每一个表都代表一个对用户意义的对象。例如,一个公司数据库中,会有雇员表、部门表、库存表、销售表、工资表等等。经常见到的成绩表就是一种表,它是有行和列组成的,并且可以通过名字来识别数据。列包含了列的名字、数据类型以及列的其它属性;行包含了列的记录或者数据。(2) 数据检索在 sql 中 select 语句通常用于检索数据库,或者检索满足设定条件的数据。(3)网站中的数据库网站数据库的主要目的就是存储信息,一般是通过前台页面与浏览者的交互收集信息,然后结合前台的程序(一般为动态页面),实时生成浏览者所看到的最新内容,从而具备普通静态页面所不能达到的效果。2 2课程网站的设计课程网站的设计与开发与

37、开发2.12.1 网站的设计网站的设计2.1.1 网站的设计原则网站的设计原则 网络课程的网站必须以实用、有效的原则来制作。能体现个性化、协作化、交互性、开放性。.2 网站的设计思想网站的设计思想 (1)总体设计总体设计是设计过程中最重要的一环,它是形成网络课程设计总体思路的过程,决定了后续开发的方方面面,网络课程设计过程中,总体设计具有规范性、组织结构具有条理性。网络课程的总体设计中,不仅对网络课程的整体框架的设计还包含了内容的整体规划以及课程内容怎样安排在网页中,都作了详细的计划,和老师一起讨论了很长时间,经过不断的修改最后才决定。(2)教学设计网络课程设计时,教学设计注重

38、教学目标及教学内容分析、设计教学活动时注意情境创设,强调情境在学习中的重要作用、注意信息资源设计,强调利用各种信息资源来支持学(而非支持教) 、强调以学生为中心、注重自主学习设计、强调协作学习,要注重协作学习环境设计、注重基于网络教学策略设计。网络课程的网上学习就是针对这个环节还设计的,网上学习中有三部分,两部分是教学内容:文本教程和动画教程;第三部分是课后测试,这里也是针对网上学习后的一个总结,可以巩固和检测学习内容,通过网上学习的设计,静态学习,动态学习再加上课后测试,相信学生的学习效果可以得到很大的提高,同时也是我们设计网上学习时希望达到的一个结果。 (3)界面设计界面设计即对屏幕上将要

39、显示的信息的布局进行设计,包括主页面、子栏目分页面不同级别设计、页面的过渡方式等。界面布局要合理、风格一致、色彩搭配协调。文本设计、图片选择要美观大方,能激发学习者的学习激情。界面设计中,充分利用网页制作工具及其辅助工具,例如,取色工具可以协调整个网站的配色;动画和图片处理这里也能得到充分利用等等。(4)课程完整性一个完整的网络课程,不仅在完成网页和基本功能外,还要把他们结合起来,充分利用站点,成为一个形式上完整的网络课程。最后完成网络课程系统整合后,还要添加相应的说明文档等,这样才具备了发布网络课程的资格。(5)网络发布性由于网络课程直接运行在 internet 上,所以必须考虑其在低带宽下

40、运行的流畅性。网络课程的设计时就考虑到发布性的特点,所以我们采用大图换小图,进行图片的优化,全部图片都是 jpg 和 gif 格式。2.22.2 网站的制作网站的制作.1 网站的基本结构网站的基本结构(1)程序目录结构:|-|-|-admin|后台管理的目录|-|-|-|-css后台 css 文件目录|-|-|-|-help后台帮助系统目录|-|-|-|-images后台的图片图片目录|-|-|-|-js 使用 js 的文件目录|-|- |-|-addnews.jsp添加新闻|-|-admin_class.jsp类别管理|-|-admin_config.jsp系统参数设置|-|

41、-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管理员个人信息页面|-|-sessi

42、on.jsp是否登录判断遄|-|-verifycode.jsp验证码页面|-|- |-buttonimageewebeditor 编辑器工具图片目录|-|-|-css css 文件目录|-|-|-|-coolblueewebeditor 编辑器使用的 css 文件|-|-|-|-newscss本系统前台使用的 css 文件|-|-|-dialogewebeditor 编辑器弹出窗口页面目录|-|-images图片目录|-|-|-includeewebeditor 编辑器包含文件目录|-|-|-pic 本系统图片目录|-|-|-sql 本系统使用的数据库的角本文件|-|-|-sysimge ew

43、ebeditor 编辑器系统图片目录|-|-|-uploadfile上传图片保存的目录|-|-|-web-inf|-|-|-|-libjar 包存放的目录|-|-|-|-|-|-dom4j.jarewebeditor 编辑器自带的类|-|-|-|-dreamnews.jar 本系统所使用的类文件|-|-|-|-mysql-driver.jar本系统附带的 mysql 驱动程序|-|-|-|-oracle-driver.jar 本系统附带的 oracle 驱动程序|-|-|-|-mssql-driver.jar 本系统附带的 sql server 驱动程序|-|-|-|-classes 类文件目

44、录 |-|-|-|-|-srcjavabean 源程序目录|-|-|-|-|-|-|-adminclass.java 类别管理类源文件|-|-|-|-config.java 系统设置类源文件|-|-|-|-dbconnection.java 数据库连接类源文件|-|-|-|-function.java 常用方法定义类源文件|-|-|-|-listclass.java 前台类别显示类源文件|-|-|-|-log.java 日志类源文件|-|-|-|-login.java 用户登录类源文件|-|-|-|-md5.java md5 加密算法源文件|-|-|-|-news.java 新闻管理类源文件|

45、-|-|-|-shownews.java 新闻显示类源文件|-|-|-|-user.java 用户管理类源文件|-|-|-|-verifycode.java 验证码类源文件|-|-|-|-|-dbcperty 数据库配置文件|-|-|-|-button.xmlewebeditor 编辑器样式定义文件|-|-dreamnews.mdbaccess 数据库|-|-style.xmlewebeditor 编辑器样式定义文件 |-|-web.xml应用程序配置页面|-|- |-config.jsp本系统配置页面|-ewebeditor.jspewebeditor 编辑器主页面|-in

46、dex.jsp本系统首页|-readclass.jsp本系统大类显示页面|-readsclass.jsp本系统小类显示页面|-search.jsp本系统新闻搜索页面|-special.jsp 本系统专题显示页面|-top.jsp本系统头部公共页面|-upload.jspewebeditor 编辑器文件上传页面|-说明.txt本说明文件 (2)首页 图 3 首页首页是最重要的部分,因为它是别人接触这个网站的第一眼。首页应该对这个网站的性质与所提供的内容做个扼要说明与导引,让别人判断要不要继续点击。首页就有很清楚的类别栏目选项,而且尽量人性化,让浏览者可以很快找到需要的东西。在设计上,坚持干净而清

47、爽的原则。 首页中,我们采用清晰的导航和简洁的页面设计,没有复杂过多的内容。登陆系统,和调查系统,保持一个完整的网站程序,友情连接具有一定的参考价值。打开首页能够清晰的了解到进入的是一个网络课程。(3) 课程简介主要对本课程的一些说明,方便学生从整体上去把握学习的内容,这是十分重要的。网络课程针对文本教程的内容,让学生了解到网上学习的主要内容,从而有选者性的去学习。(4)网上学习这是网络课程的主要内容,也是我们网路课程设计的主要部分。网上学习共分为 3部分,一部分是网上课堂;一部分是动画教程;最后一部分为课后习题。并在网上学习首页上提示重难点和学习建议,有助于学生对网络课程的文本学习有个充分的

48、认识。(5)信息公布信息公布是对当前的网络课程改版、更新以及其他消息以公告的形式让学生知道,方便学生及时的关注网络课程的最新变化从而让学生全面掌握课程动态,有利于进一步学习。这个栏目也是更新的主要内容之一,网络课程的学习离不开信息的公布,同时也是网站的维护的重点,要注意到更新及时性。(6)学习资源网络课程应当提供一定数量的学习资源,学习包括图像、声音、视频等媒体素材,也包括与学习有关的网站地址,并要为学生提供一定数量的参考文献,供学生在自主学生中使用,也为学生进行研究和探索提供条件。在网络课程中,我们将会提供教师的课件、学生的作品还有网上收集的其他学习素材,做好收集方便学生学习。学习资源的设计

49、中,我们采用了一套教师管理系统。主要是通过教师的收集,然后上传到服务器,提供给学生下载。同时这里也提供学生作业的下载文本,详细的说明作业的基本要求。这个网页的设计比较简单,主要是针对教师的管理课件和发布课件。(7)习题集学生在进行一段网络学习之后,应当通过做练习题以加深对所学知识的理解。这里我们不仅提供与网络课程相关的习题外,还收集了大量网络方面的习题,整理成一个习题库,让学生在学习网络课程内容的同时还能增长网络方面的知识。这里我们采用了教师管理习题库,教师可以增加、删除、修改习题库的内容,有更多、更新的习题。同时系统还提供参考答案,和任意选择答题,使得答题的方式更加灵活,跳过已经回答过的问题

50、。习题集栏目中还有一个作业上传专区,这样让学生能够通过学习和完成习题,以及上传作业的形式达到一个与教师相互交流的目的。(8)交流讨论在网络课程中,网上讨论一般以论坛形式出现。网上讨论是传统教学中课堂讨论的另一种实现方式,是协作学习网络课程必备的一项功能。有教师答疑专区,学生自由讨论的专区。(9)帮助系统网络课程应当有完整的帮助系统,告诉学生如何利用网络课程进行学习,告诉学生如何利用网络资源,帮助学生解决在学习中遇到的问题,以及有特殊问题能够联系站长等信息.2 网站的框架图网站的框架图网络课程中我们采用了结合树形结构和网状结构来完成网站的制作。树形结构,主页可以直接链接到下一层的

51、各个页面,这些页面可能还有再下一层页面链接,在网上学习栏目中,我们采用的是网状结构,这样对学习者来说,很方便的找到自己想学习的内容,也便于栏目的跳转。具体的框架图如图 3 所示。 图 4 网络课程框架图.3 网站的制作流程网站的制作流程计算机网络的课程网站利用网页三剑客把文字、图形、图像、动画结合起来的交互式网络课程。网络课程用超文本标记语言 html 来实现。超文本标记语言 html 可以跨平台使用,常用的浏览器都能对它进行很好的解释,它支持众多的图像、声音文件,可用 macromidea dreamweaver mx 工具软件进行开发,并且可以使用 asp、css 等,制作

52、动感和交互性都比较强的页面。在教学中生动形象地把教学内容展示出来,能激发学生的感观,使学习者容易理解、且记忆深刻。能培养教师和学生应用计算机的水平和能力。网络课程制作的环节及过程是:搜索参考网站整理网络课程内容教学设计设计制作框架素材的制作整理其他功能的实现整个网站的整合测试运行发布和推广网站维护与管理。(1)搜索参考网站在制作网站前,必须明确网站的性质和目的,从而寻找相关的网站信息作为参考。设计制作网络课程时,搜集其他网络课程作为参考是必需的。从网络课程的教学内容安排和网站设计框架及其美工方面评价,从而完善自己的网络课程,为框架设计做好充分的准备。技术方面主要参考了宇风多媒体 (http:/

53、)和 5d 多媒体(http:/)网站(2)整理网络课程内容网络课程的主要内容基本上就是我们选取的一本教材中文版 frontpage 2002 dreamweaver mx flash mx fireworks mx 网页制作 ,这里我们需要整理的不仅是书本上的内容,而且与网络课程相关的内容我们也要收集,这样我们的网络课程才能比较生动和形象,并且学习起来更加方便。再配上习题,网络课程基本的功能就能够实现。(3)教学设计进行教学设计是网络课程制作中的重要环节,网上学习效果的好坏、是否符合教学需求,关键在于教学设计。这方面的设计主要根据教材的内容来设计的。加上我们收集的动画教程,共同完成了网络课程

54、的网上学习部分。(4)设计制作框架进行框架设计实际就是对网络课程的总体设计,主要就是页面设计和功能设计,其设计的要点包括:页面设计、层次结构设计、知识点的表示形式设计、练习方式设计、交流方式设计、页面链接设计、导航设计等内容设计。 “网站设计与网页制作”网络课程要充分体现网页制作的特点,我们在页面设计时,完全采用静态页面制作,因此我们采用了模板技术。在进行框架设计时,要注意以下几点:要最大限度地满足学习者在获取学习资源上的要求。我们制作网络课程的目的不是为了迎合设计者的口味,而是为了满足学习者对学科知识的需求,我们要为学习者提供丰富的学习资源,这才是我们制作网络课程的首要目标。要保证网络课程结

55、构清晰、界面连贯、运行高效。页面设计应该美观大方,不但让学习者能够方便快速地得到需要的信息,还能得到一种美的享受。(5)素材的制作整理在选择使用图像、声音、动画、等各种素材时,目的是要表达学习内容、突出学习主题,不能不顾主题思想的表达,只顾追求时髦、好看。(6)其他功能的实现网络课程的基本内容和框架都完成以后,下面就是进行网络课程的功能设置,我们的网络课程的几个基本功能有:师生之间,学生之间互相讨论采用了论坛的形式;提供资源下载,教师可以把自己的课件和收集整理的比较好的资料上传到服务器,然后提供给学生下载;学生在线练习,这里收集了一定量的习题并且提供正确答案给学生练习使用;学生作业上传系统,当

56、老师布置作业后,学生应该按时上传作业,这样免除了很多传统交作业的麻烦。整个功能的实现都是围绕网络课程的特点,体现了强烈的交互性,也是以后网络课程的发展的基本方向。(7)整个网站的整合前面的工作做好后,开始进行链接,动态和静态联系起来,组成一个功能比较齐全的网络课程。这里面的问题可能有很多,需要下面的测试来更正和完善。用dreamweaver 的站点管理来整合网络课程就比较方便,其中一个重要的过程是整站链接检查,全面去检查网站的各个链接,保证链接正确是网络课程的重点;通过站点的站点地图很方便的对网络课程的层次关系有个清晰的了解,各个页面的相互关系跳转和链接;站点的资源对网络课程所有的资源(图片,

57、flash、颜色等)整体宏观管理。(8)测试运行网站发布前要进行细致周密的测试,以保证证场浏览和使用,测试过程如果发现错误,则应立即修改。瓦干测试的主要内容有服务器稳定性、安全性、程序及数据库测试,网页兼容性测试及其相关其它。 (9)发布和推广网站制作完成以后,需要上传到服务器上,并且在网上进行宣传。(10)网站维护与管理网站开始正常运行,需要管理员对网站进行正常和维护管理。这里不仅有网络课程内容的不断更新,还涉及到网络课程的安全性,需要管理员应该具备一定的网络安全知识。.4 数据库的建立数据库的建立本系统通过 ems mysql manager 3 lite 建立了数据库,其

58、中要创建 7 个表,分别是:admin、bigclass、config、log、news、smallclass、special。由于篇幅有限仅列出表 adminde 的脚本:表的结构 admincreate table admin ( adminid int(11) not null auto_increment. adminname varchar(32) default null. adminpwd varchar(64) default null. admintype smallint(6) default 0. addtime varchar(20) default null. las

59、tlogintime varchar(50) default 暂无登录. lastloginip varchar(50) default 暂无登录. newsnum int(11) default 0. loginnum int(11) default 0. username varchar(20) default null. usersex char(2) default null. userbirthday varchar(10) default null. useremail varchar(50) default null. userqq varchar(10) default nul

60、l. usertel varchar(50) default null. useraddress varchar(80) default null. userzip varchar(6) default null. userinfo longtext. primary key (adminid). key adminuid (adminname). key loginnum (loginnum). key newsnum (newsnum) type=myisam auto_increment=5 ;导出表中的数据 admininsert into admin (adminid. adminn

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论