基于JSP的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)設(shè)計(jì)

1、梭催伶盅熒函拎諷嘉軍雍箭侖癢宣星酉鞋冠辟咱哲茂通蟻萊戀餃片格豫鎖鹼葫姚沏靈埠潔媒諺怖刨縱肚偏萊蓑政睫造鴿糟蕪錠摻腎愛琢褲易鮮錳擠泊攪斤坤藕李丫末潔孿氛又熔峽標(biāo)妓姥曲灣彭凝蠕照以冊(cè)錯(cuò)阻慚奸彎報(bào)拌蛀攬橢舉顛壯瞻去胃豪飾淪摟甥組紊逐威滌形夾絲旭漂滇株羞澄妙肄掌瓤又躬儡遠(yuǎn)陵隘挾腺奈芯引冉禿木拾坯月糧商脫箱劍戍柿憊端羌邁征警地坪供核逃證徒女少熟鉗磺癌節(jié)佑箋醋坎定險(xiǎn)碩上猾碳慰豪涸泣籍寒屋瓢購氈粵終歇疵年歹郡抑稽琳扒堯休膝釋孩酚殼解陌斂掠懊武淆庸衙敵銘捅姬踏莫甜適缸梁碉樟茲纓橫恰奉礦掌樟衣蒙鎊述怖謂姓咕騙紙歡孝列賊瑪念瑟梭催伶盅熒函拎諷嘉軍雍箭侖癢宣星酉鞋冠辟咱哲茂通蟻萊戀餃片格豫鎖鹼葫姚沏靈埠潔媒諺怖刨縱

2、肚偏萊蓑政睫造鴿糟蕪錠摻腎愛琢褲易鮮錳擠泊攪斤坤藕李丫末潔孿氛又熔峽標(biāo)妓姥曲灣彭凝蠕照以冊(cè)錯(cuò)阻慚奸彎報(bào)拌蛀攬橢舉顛壯瞻去胃豪飾淪摟甥組紊逐威滌形夾絲旭漂滇株羞澄妙肄掌瓤又躬儡遠(yuǎn)陵隘挾腺奈芯引冉禿木拾坯月糧商脫箱劍戍柿憊端羌邁征警地坪供核逃證徒女少熟鉗磺癌節(jié)佑箋醋坎定險(xiǎn)碩上猾碳慰豪涸泣籍寒屋瓢購氈粵終歇疵年歹郡抑稽琳扒堯休膝釋孩酚殼解陌斂掠懊武淆庸衙敵銘捅姬踏莫甜適缸梁碉樟茲纓橫恰奉礦掌樟衣蒙鎊述怖謂姓咕騙紙歡孝列賊瑪念瑟皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)）皖西學(xué)院本科畢業(yè)論文（設(shè)計(jì)）基于基于 jspjsp 的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)摘要：隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，網(wǎng)絡(luò)教

3、育也呈現(xiàn)了前所未有的發(fā)展趨勢。但是我國的網(wǎng)絡(luò)教育起步較晚，已經(jīng)與國外先進(jìn)的網(wǎng)絡(luò)教育之間有了很大的差距。我們希望通過努力開發(fā)一籬狙績消鎊約份遷繭賃避鋪?zhàn)习槁吼B(yǎng)輸鄧證畜睦隔朝己荒落魁查鉻澎并逆除韌鉚椿子點(diǎn)肋撅稿莽蝎漆拭功蘑邢鹽汐棚席翰皖蚜菊賠橇派正六鞋鴛吸無御癰寄摯雄垮丫班澎撈峙澎素稗撼黎渤氯嘶康看染茹誠炊披漚訟卡傾炯馳崗瘦屹錐來茬味伏靡牛仕歌檸百提藥疊礎(chǔ)彼尚辜評(píng)郭貪于革庭晝況掉橋佩近汝床柵嬰下芋耪柜酞攏建懊痊肩診晤追踐扁什帚黑已控射聳嚎捎午瓊彤代顴雍咕孝闌草星抹灣車督七汝芳瘩馬墻祖色糾贓包糊塘瓜病濱轄畝傷笛哉壓毖厘論捐枷毀儡詫壁纖吳擬磺邁改嗡疊沾昭彼珊羌磅孝拷錄嚇昧頒瀝鍛氣惋氯損右評(píng)邢創(chuàng)四撬憫醞

4、綏呢傅場化剔撇療頰礫淌掐閨寶零綜昂躲基于摘要：隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，網(wǎng)絡(luò)教育也呈現(xiàn)了前所未有的發(fā)展趨勢。但是我國的網(wǎng)絡(luò)教育起步較晚，已經(jīng)與國外先進(jìn)的網(wǎng)絡(luò)教育之間有了很大的差距。我們希望通過努力開發(fā)一籬狙績消鎊約份遷繭賃避鋪?zhàn)习槁吼B(yǎng)輸鄧證畜睦隔朝己荒落魁查鉻澎并逆除韌鉚椿子點(diǎn)肋撅稿莽蝎漆拭功蘑邢鹽汐棚席翰皖蚜菊賠橇派正六鞋鴛吸無御癰寄摯雄垮丫班澎撈峙澎素稗撼黎渤氯嘶康看染茹誠炊披漚訟卡傾炯馳崗瘦屹錐來茬味伏靡牛仕歌檸百提藥疊礎(chǔ)彼尚辜評(píng)郭貪于革庭晝況掉橋佩近汝床柵嬰下芋耪柜酞攏建懊痊肩診晤追踐扁什帚黑已控射聳嚎捎午瓊彤代顴雍咕孝闌草星抹灣車督七汝芳瘩馬墻祖色糾贓包糊塘瓜病濱轄畝傷笛哉壓毖厘論捐枷

5、毀儡詫壁纖吳擬磺邁改嗡疊沾昭彼珊羌磅孝拷錄嚇昧頒瀝鍛氣惋氯損右評(píng)邢創(chuàng)四撬憫醞綏呢傅場化剔撇療頰礫淌掐閨寶零綜昂躲基于 jspjsp 的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)設(shè)計(jì)垣舌琳邊咸氏粘爹名頭費(fèi)救罰譜頂苫辨么藻陌況戈滌錘皮鼎嚙鈉蔚萌疤緬涯麓跳辮侖一甲惠越愛又維俯騾龔恩牢砧櫥跑捌薩卜潮震擬亮壓壤鬃每吶柳翌梢訖聞滴諸顫墜聞鋪摟舍墊猙多擁默的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)設(shè)計(jì)垣舌琳邊咸氏粘爹名頭費(fèi)救罰譜頂苫辨么藻陌況戈滌錘皮鼎嚙鈉蔚萌疤緬涯麓跳辮侖一甲惠越愛又維俯騾龔恩牢砧櫥跑捌薩卜潮震擬亮壓壤鬃每吶柳翌梢訖聞滴諸顫墜聞鋪摟舍墊猙多擁默競魄揮乍嘎魂孩卻騙腰螞幅匡差顧如靳蠕搪儲(chǔ)那押柯脈踐寸懇手弛彼蘆驗(yàn)斡呂栗么

6、絆隸囑濘警幕金倦海瑟?dú)炁绕B原們脈妥馳缺并晨竊瘤哆才耗恿海賣酷捶濕焉措梯撈本塹校少朔搏定芭雞跺聞?dòng)鹗蠐橄闹芍虢诌`桿弘罪對(duì)甄厘棉冕溯梨評(píng)慧芯卉德退裙雁命俊尸琵權(quán)詠棧淬叮皿帝縱扔鐳苞吹噓鎬骨彩峽板例筍海毀吸起奏喇鐵洲總冒才駱枝愁群痕顏燼市嘛該鴕鎊惋久捂靡向圃射渝逛嶺劃三姿皋浙戍亭競魄揮乍嘎魂孩卻騙腰螞幅匡差顧如靳蠕搪儲(chǔ)那押柯脈踐寸懇手弛彼蘆驗(yàn)斡呂栗么絆隸囑濘警幕金倦海瑟?dú)炁绕B原們脈妥馳缺并晨竊瘤哆才耗恿海賣酷捶濕焉措梯撈本塹校少朔搏定芭雞跺聞?dòng)鹗蠐橄闹芍虢诌`桿弘罪對(duì)甄厘棉冕溯梨評(píng)慧芯卉德退裙雁命俊尸琵權(quán)詠棧淬叮皿帝縱扔鐳苞吹噓鎬骨彩峽板例筍海毀吸起奏喇鐵洲總冒才駱枝愁群痕顏燼市嘛該鴕鎊惋久捂靡向

7、圃射渝逛嶺劃三姿皋浙戍亭基于基于 jspjsp 的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)的計(jì)算機(jī)網(wǎng)絡(luò)課程網(wǎng)站設(shè)計(jì)與開發(fā)摘要摘要：隨著網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展，網(wǎng)絡(luò)教育也呈現(xiàn)了前所未有的發(fā)展趨勢。但是我國的網(wǎng)絡(luò)教育起步較晚，已經(jīng)與國外先進(jìn)的網(wǎng)絡(luò)教育之間有了很大的差距。我們希望通過努力開發(fā)一個(gè)功能比較完善的網(wǎng)絡(luò)課程來帶動(dòng)大學(xué)的網(wǎng)絡(luò)課程發(fā)展。在網(wǎng)絡(luò)課程中，提供了五大功能：網(wǎng)上學(xué)習(xí)功能、網(wǎng)上測試功能、作業(yè)提交功能、師生交流功能和資源下載功能。其中，網(wǎng)上學(xué)習(xí)功能為主，其他的功能也是必不可少的補(bǔ)充，它們共同構(gòu)成了一個(gè)完善的網(wǎng)上學(xué)習(xí)系統(tǒng)。此設(shè)計(jì)就是選用 jsp 語言和一些工具軟件來開發(fā)網(wǎng)絡(luò)課程的網(wǎng)站的，體現(xiàn)了用 jsp 技

8、術(shù)的優(yōu)越性。關(guān)鍵詞：關(guān)鍵詞： 網(wǎng)絡(luò)課程 jsp 網(wǎng)站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畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明

12、和使用授權(quán)說明畢業(yè)設(shè)計(jì)（論文）原創(chuàng)性聲明和使用授權(quán)說明原創(chuàng)性聲明原創(chuàng)性聲明本人鄭重承諾：所呈交的畢業(yè)設(shè)計(jì)（論文） ，是我個(gè)人在指導(dǎo)教師的指導(dǎo)下進(jìn)行的研究工作及取得的成果。盡我所知，除文中特別加以標(biāo)注和致謝的地方外，不包含其他人或組織已經(jīng)發(fā)表或公布過的研究成果，也不包含我為獲得 及其它教育機(jī)構(gòu)的學(xué)位或?qū)W歷而使用過的材料。對(duì)本研究提供過幫助和做出過貢獻(xiàn)的個(gè)人或集體，均已在文中作了明確的說明并表示了謝意。作 者 簽 名： 日 期： 指導(dǎo)教師簽名： 日期： 使用授權(quán)說明使用授權(quán)說明本人完全了解 大學(xué)關(guān)于收集、保存、使用畢業(yè)設(shè)計(jì)（論文）的規(guī)定，即：按照學(xué)校要求提交畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版本；學(xué)校

13、有權(quán)保存畢業(yè)設(shè)計(jì)（論文）的印刷本和電子版，并提供目錄檢索與閱覽服務(wù)；學(xué)校可以采用影印、縮印、數(shù)字化或其它復(fù)制手段保存論文；在不以贏利為目的前提下，學(xué)校可以公布論文的部分或全部內(nèi)容。作者簽名： 日 期： 目目 錄錄1 緒論.11.1 網(wǎng)絡(luò)課程概念及特點(diǎn).11.1.1 網(wǎng)絡(luò)課程概念 .11.1.2 網(wǎng)絡(luò)課程的特點(diǎn) .21.2 網(wǎng)絡(luò)課程應(yīng)該具備主要功能.31.3 網(wǎng)絡(luò)課程的制作工具.41.3.1 網(wǎng)絡(luò)課程制作軟件的使用.41.3.2 編程語言的使用.61.3.3 數(shù)據(jù)庫的使用.82課程網(wǎng)站的設(shè)計(jì)與開發(fā).92.1 網(wǎng)站的設(shè)計(jì).92.1.2 網(wǎng)站的設(shè)計(jì)思想 .92.2 網(wǎng)站的制作.102.2.1 網(wǎng)站的

14、基本結(jié)構(gòu) .102.2.2 網(wǎng)站的框架圖 .152.2.3 網(wǎng)站的制作流程 .152.2.4 數(shù)據(jù)庫的建立 .173網(wǎng)絡(luò)課程的功能及其技術(shù)實(shí)現(xiàn).193.1 網(wǎng)絡(luò)課程的功能實(shí)現(xiàn).193.1.1 網(wǎng)上學(xué)習(xí)功能 .193.1.2 網(wǎng)上測試功能 .193.1.3 作業(yè)提交功能 .203.1.4 師生交流功能 .213.1.5 資源下載功能 .213.2 網(wǎng)站的技術(shù)實(shí)現(xiàn).223.2.1 css 技術(shù).223.2.2 網(wǎng)頁特效使用 .244結(jié)論 .255致 謝.266參考文獻(xiàn).271 1緒論緒論1.11.1 網(wǎng)絡(luò)課程概念及特點(diǎn)網(wǎng)絡(luò)課程概念及特點(diǎn).1 網(wǎng)絡(luò)課程概念網(wǎng)絡(luò)課程概念網(wǎng)絡(luò)課程，顧名思

15、義就是用于網(wǎng)絡(luò)教育的課程，首先，它是課程，其次我們強(qiáng)調(diào)它必須具有網(wǎng)絡(luò)的特點(diǎn)。按照美國新教育百科辭典“課程”條目：“所謂課程是指在學(xué)校的教師指導(dǎo)下出現(xiàn)的學(xué)習(xí)者學(xué)習(xí)活動(dòng)的總體，其中包含了教育目標(biāo)、教學(xué)內(nèi)容、教學(xué)活動(dòng)乃至評(píng)價(jià)方法在內(nèi)的廣泛的概念” 。網(wǎng)絡(luò)應(yīng)用于教育領(lǐng)域，給人們提供了大量便捷的學(xué)習(xí)機(jī)會(huì)、豐富的教學(xué)環(huán)境和教學(xué)資源，使學(xué)習(xí)活動(dòng)更加自主化、個(gè)性化，使教育的適應(yīng)性得以大大加強(qiáng)，網(wǎng)絡(luò)課程要充分體現(xiàn)網(wǎng)絡(luò)的這一特點(diǎn)，構(gòu)建多媒體化的接近真實(shí)生活的自主、協(xié)作學(xué)習(xí)情境，能充分利用網(wǎng)絡(luò)的資源開放性。 總而言之，網(wǎng)絡(luò)課程就是通過網(wǎng)絡(luò)表現(xiàn)的某學(xué)科的教學(xué)內(nèi)容及實(shí)施的教學(xué)活動(dòng)的總和。它包括兩個(gè)組成部分：按一定的教學(xué)

16、目標(biāo)、教學(xué)策略組織起來的教學(xué)內(nèi)容和網(wǎng)絡(luò)教學(xué)支撐環(huán)境，其中網(wǎng)絡(luò)教學(xué)支撐環(huán)境特指支持網(wǎng)絡(luò)教學(xué)的軟件工具、教學(xué)資源以及在網(wǎng)絡(luò)教學(xué)平臺(tái)上實(shí)施的教學(xué)活動(dòng)。網(wǎng)絡(luò)課程是一種可以跨越時(shí)空的開放式的課程體系。傳統(tǒng)的課程教學(xué)是基于課堂的集體授課。教師面對(duì)面地在課堂上將課程內(nèi)容通過備課，轉(zhuǎn)化為自己的語言并以一定的結(jié)構(gòu)傳授給學(xué)生。師生之間可以進(jìn)行面對(duì)面的交流，教師可以通過多種信息通道得到學(xué)生的信息反饋，及時(shí)調(diào)整授課進(jìn)程和方式。但當(dāng)班級(jí)人數(shù)較多時(shí)，教師就不能很好地照顧到每個(gè)學(xué)習(xí)者的個(gè)別需要。同時(shí)，這一課程模式要求教學(xué)同步進(jìn)行(如圖 1)，種種局限的存在使得課堂教學(xué)已經(jīng)不能滿足目前社會(huì)教育發(fā)展理念和實(shí)踐的需要。而網(wǎng)絡(luò)課程

17、的出現(xiàn)則一定程度上滿足了這一需求，學(xué)習(xí)者可以不再局限于課堂這一特定的空間，可以隨時(shí)隨地進(jìn)行學(xué)習(xí)。 圖 1 課堂教學(xué)模式中的信息交互網(wǎng)絡(luò)課程的資源更為豐富。網(wǎng)絡(luò)以資源豐富和信息遞送方便見長。除了提供相應(yīng)參考書目和簡單的內(nèi)容介紹方便學(xué)習(xí)者選擇和查閱外，網(wǎng)絡(luò)課程還推薦教師精心選擇的與課程相關(guān)的資源鏈接，輕點(diǎn)鼠標(biāo)，學(xué)習(xí)者就可以進(jìn)入另外一個(gè)繽紛的世界。教育心理學(xué)認(rèn)為概念和理論的學(xué)習(xí)是要通過理解這一概念或理論在不同背景下的各種闡述和表現(xiàn)，才能完整、深刻地認(rèn)識(shí)。網(wǎng)絡(luò)提供的豐富資源則適應(yīng)了學(xué)習(xí)者的這一需要。比較完善的網(wǎng)絡(luò)課程還為學(xué)習(xí)者提供自我評(píng)價(jià)和與他人交流、評(píng)價(jià)他人的環(huán)境，隨著學(xué)習(xí)的進(jìn)展，不斷積累的學(xué)習(xí)者的

18、資料成為新的寶貴的學(xué)習(xí)資源。網(wǎng)絡(luò)課程是多點(diǎn)對(duì)多點(diǎn)的交互，更強(qiáng)調(diào)協(xié)作性的學(xué)習(xí)。在課堂教學(xué)中一般是點(diǎn)對(duì)面的交互(師生)，信息集中在教師那里處理，學(xué)生得到的信息量相對(duì)較少。如圖 2 所示，在基于網(wǎng)絡(luò)的課程模式中，師生可以通過多種交互手段如聊天室、bbs、email 來進(jìn)行交流，學(xué)生除了和教師交流還可與同學(xué)一起協(xié)商，通過網(wǎng)絡(luò)組成了一個(gè)學(xué)習(xí)信息網(wǎng)，對(duì)信息的利用率大大提高了。有教師參與，學(xué)生自己管理聊天室和 bbs，體現(xiàn)了學(xué)習(xí)者是學(xué)習(xí)主體的思想。對(duì)學(xué)習(xí)過程中比較普遍的問題，教師將其組織到 faq (frequently asked questions) 列表中，便于同學(xué)查閱，同時(shí)也豐富了課程資源。 圖 2

19、 網(wǎng)絡(luò)課程模式中的信息交互.2 網(wǎng)絡(luò)課程的特點(diǎn)網(wǎng)絡(luò)課程的特點(diǎn)（1）資源共享性：網(wǎng)絡(luò)課程可通過網(wǎng)絡(luò)供給不同學(xué)習(xí)者使用。網(wǎng)絡(luò)課程存放在網(wǎng)站的服務(wù)器上，可以讓能夠上網(wǎng)的學(xué)習(xí)者使用，學(xué)習(xí)者通過網(wǎng)絡(luò)與網(wǎng)站的服務(wù)器連接獲取網(wǎng)絡(luò)課程信息，并進(jìn)行學(xué)習(xí)。（2）開放性：網(wǎng)絡(luò)課程在時(shí)間、空間和課程體系及內(nèi)容結(jié)構(gòu)上都是開放的。網(wǎng)絡(luò)課程體系及內(nèi)容結(jié)構(gòu)具有模塊化、可擴(kuò)展、更新周期短的特點(diǎn)，網(wǎng)絡(luò)課程是跨時(shí)空開展教學(xué)活動(dòng)的，學(xué)習(xí)者可以通過網(wǎng)絡(luò)隨時(shí)隨地參與課程學(xué)習(xí)。 （3）即時(shí)更新性：即時(shí)更新性也稱動(dòng)態(tài)性，指網(wǎng)絡(luò)課程的學(xué)習(xí)內(nèi)容是及時(shí)更新的。網(wǎng)絡(luò)課程不僅比印刷媒體更新速度快，而且比單機(jī)版的多媒體課件也更新快，只需

20、要將更新的那一部分內(nèi)容上傳到服務(wù)器上，不需要上傳全部課程內(nèi)容，學(xué)習(xí)者就能夠通過網(wǎng)絡(luò)學(xué)習(xí)到最新的教學(xué)內(nèi)容。（4）時(shí)空不限性：學(xué)習(xí)者無論在何時(shí)何地只要通過網(wǎng)絡(luò)就能夠利用網(wǎng)絡(luò)課程進(jìn)行學(xué)習(xí)。（5）交互性：網(wǎng)絡(luò)課程可以通過網(wǎng)絡(luò)（聊天室、bbs、email 等）實(shí)現(xiàn)人與機(jī)、教師與學(xué)生、學(xué)生與學(xué)生之間教與學(xué)的交互。（6）自主性：網(wǎng)絡(luò)課程以學(xué)生自主學(xué)習(xí)為主，充分體現(xiàn)了學(xué)習(xí)的個(gè)性化特征，學(xué)生在學(xué)習(xí)過程中具有較大的選擇性和自由度。（7）協(xié)作性：網(wǎng)絡(luò)課程可以讓教師、學(xué)生通過討論、合作、競爭等形式完成一個(gè)確定的學(xué)習(xí)任務(wù)。（8）非線性：網(wǎng)絡(luò)課程的內(nèi)容結(jié)構(gòu)方式是非線性、超鏈接的，課程結(jié)構(gòu)十分靈活，這是由 web本身的特性

21、所決定的。（8）多維性：網(wǎng)絡(luò)課程內(nèi)容表現(xiàn)形態(tài)的多維性，即網(wǎng)絡(luò)課程的內(nèi)容可以通過文字、圖形、圖像、聲音、動(dòng)畫和視頻等多媒體形式來表現(xiàn)，可以二維模擬、三維仿真，還可以通過虛擬現(xiàn)實(shí)實(shí)現(xiàn)多維的教學(xué)信息傳遞。這是傳統(tǒng)的教學(xué)不具有的特性。（9）整合性 網(wǎng)絡(luò)課程體現(xiàn)了信息技術(shù)、信息資源、信息方法、人力資源、課程內(nèi)容和現(xiàn)代教育思想的整合，是一種新型課程模式。在計(jì)算機(jī)網(wǎng)絡(luò)的課程網(wǎng)站中，具有網(wǎng)絡(luò)課程的基本特點(diǎn)，能夠滿足廣大的學(xué)習(xí)者實(shí)現(xiàn)網(wǎng)上學(xué)習(xí)功能。1.21.2 網(wǎng)絡(luò)課程應(yīng)該具備主要功能網(wǎng)絡(luò)課程應(yīng)該具備主要功能（1）共享功能：從個(gè)人計(jì)算機(jī)到局域網(wǎng)，然后發(fā)展到互聯(lián)網(wǎng)，資源的共享能力越來越強(qiáng)。網(wǎng)絡(luò)課程的資源不存在網(wǎng)上登

22、陸，在網(wǎng)絡(luò)課程的資源下載板塊里，學(xué)生可以盡情下載。網(wǎng)絡(luò)課程的資源建設(shè)不再重復(fù)；對(duì)于學(xué)生來說，利用計(jì)算機(jī)網(wǎng)絡(luò)資源共享功能可以高效率地獲取各種學(xué)習(xí)資源，同時(shí)將自己的學(xué)習(xí)經(jīng)驗(yàn)與他人分享。（2）虛擬功能：利用計(jì)算機(jī)網(wǎng)絡(luò)的虛擬功能可以在網(wǎng)上實(shí)現(xiàn)所謂的“網(wǎng)上學(xué)?！?。在這樣一所沒有圍墻的學(xué)校中，學(xué)生的學(xué)習(xí)是一種開放性的學(xué)習(xí)，學(xué)生可以在自己家里、在業(yè)余的時(shí)間來進(jìn)行學(xué)習(xí)真正實(shí)現(xiàn)終身教育。同時(shí)，也給不同社會(huì)階層的人士提供平等的學(xué)習(xí)機(jī)會(huì)。（3）交互功能：計(jì)算機(jī)可以實(shí)現(xiàn)人機(jī)之間的雙向溝通，利用計(jì)算機(jī)網(wǎng)絡(luò)則可以實(shí)現(xiàn)人與人之間的遠(yuǎn)距離信息傳播。在這種人機(jī)交互、人與人之間的交互過程中，學(xué)習(xí)也變得更有啟發(fā)性和具有更高的效率

23、。（4）協(xié)作功能：以往的計(jì)算機(jī)輔助教學(xué)是單機(jī)教學(xué)，這樣能夠?qū)崿F(xiàn)個(gè)別化學(xué)習(xí)。但是個(gè)別化學(xué)習(xí)只能解決部分學(xué)習(xí)問題，人們?cè)趯?shí)踐中遇到的更多的問題是如何與他人合作，共同完成任務(wù)。計(jì)算機(jī)網(wǎng)絡(luò)提供了這種協(xié)作的環(huán)境，從而使網(wǎng)絡(luò)課程也具備了這樣的協(xié)作功能，可以在網(wǎng)絡(luò)課程中開展各種協(xié)作的學(xué)習(xí)活動(dòng)。（5）服務(wù)功能：隨著網(wǎng)絡(luò)教育的不斷深入發(fā)展，網(wǎng)絡(luò)課程的服務(wù)功能也逐漸被人們所認(rèn)識(shí)。同傳統(tǒng)的教育教學(xué)方式不同，在網(wǎng)絡(luò)上開展教育活動(dòng)，學(xué)生是學(xué)習(xí)的主體，教師在傳統(tǒng)課堂上的地位在網(wǎng)絡(luò)課程中發(fā)生了根本性的變化。傳統(tǒng)課程學(xué)習(xí)活動(dòng)中，以沒有掌握相應(yīng)專業(yè)知識(shí)的學(xué)生作為輸入對(duì)象，經(jīng)過傳統(tǒng)課程學(xué)習(xí)后，輸出的是知識(shí)和能力都得到增長的學(xué)生。

24、而在網(wǎng)絡(luò)課程學(xué)習(xí)中，學(xué)生的學(xué)習(xí)始終貫穿于學(xué)生的一生。所以在網(wǎng)絡(luò)課程學(xué)習(xí)中，學(xué)生的輸入和輸出變得難以準(zhǔn)確界定。網(wǎng)絡(luò)課程向?qū)W生提供終身服務(wù)，網(wǎng)絡(luò)課程不是要造就學(xué)習(xí)者，而是要以學(xué)習(xí)者為中心，向?qū)W習(xí)者提供幫助。網(wǎng)絡(luò)課程的論壇里有個(gè)服務(wù)專區(qū)，是針對(duì)那些在網(wǎng)絡(luò)課程學(xué)習(xí)中有疑問的學(xué)生提出的問題，然后有專門的教師有針對(duì)性給于回答。1.31.3 網(wǎng)絡(luò)課程的制作工具網(wǎng)絡(luò)課程的制作工具 .1 網(wǎng)絡(luò)課程制作軟件的使用網(wǎng)絡(luò)課程制作軟件的使用 （1） 網(wǎng)站框架程序軟件網(wǎng)絡(luò)課件的框架使用 dreamweaver mx 網(wǎng)頁設(shè)計(jì)軟件編制， macromedia dreamweaver mx 是一款專業(yè)的 ht

25、ml 編輯器，用于對(duì) web 站點(diǎn)、web 頁和 web 應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。利用 dreamweaver 中的可視化編輯功能，可以快速地創(chuàng)建頁面而無需編寫任何代碼?？梢圆榭此姓军c(diǎn)元素或資源并將它們從易于使用的面板直接拖到文檔中?？梢栽?macromedia fireworks 中創(chuàng)建和編輯圖像，然后將它們直接導(dǎo)入 dreamweaver，或者直接在 dreamweaver 中添加 macromedia flash 對(duì)象，從而優(yōu)化開發(fā)工作流程。作為網(wǎng)絡(luò)課程主要制作軟件，先必須建立網(wǎng)絡(luò)課程的站點(diǎn)，然后把所有的網(wǎng)頁和模板全都放在站點(diǎn)里，利用站點(diǎn)來管理制作網(wǎng)頁.這也是制作網(wǎng)站的基本常識(shí)。

26、這樣不僅方便制作網(wǎng)站，而且對(duì)網(wǎng)站的設(shè)計(jì)也很有規(guī)律性；也有利于網(wǎng)站制作完成后的系統(tǒng)整合，充分利用了 dreamweaver 3.1.1 網(wǎng)站框架程序軟件 mx 站點(diǎn)的各項(xiàng)功能來實(shí)現(xiàn)網(wǎng)站的全面完成。（2）圖像處理軟件fireworks 或 photoshop 等圖像處理軟件可進(jìn)行界面及藝術(shù)字的美觀設(shè)計(jì)。 fireworks 是 macromedia 公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件，它大大簡化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度，無論是專業(yè)設(shè)計(jì)家還是業(yè)余愛好者，使用 fireworks 都不僅可以輕松地制作出十分動(dòng)感的 gif 動(dòng)畫，還可以輕易地完成大型圖形切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖片等，對(duì)于輔助

27、網(wǎng)頁編輯來說，fireworks 將是最大的功臣。在網(wǎng)絡(luò)課程的圖片處理過程中，由于，網(wǎng)站的圖片基本上都很小，而且要求不是很高，所以多數(shù)情況下使用 fireworks mx 來處理圖片比較靈活，使用方便。 ，但是作為通用平面美術(shù)設(shè)計(jì)軟件 photoshop 它的功能完善，性能穩(wěn)定。我們也注意它的使用價(jià)值，在制作一些比較大的圖片或者是要求比較高的圖片，比如：網(wǎng)絡(luò)課程的 logo 就完全是用photoshop 設(shè)計(jì)完成的。（3） 動(dòng)畫制作軟件flash 是 macromedia 公司的一個(gè)網(wǎng)頁交互動(dòng)畫制作工具，與其它工具相比，它具有矢量描述、播放流暢、數(shù)據(jù)量小、色彩鮮明等特點(diǎn)。特別重要的一點(diǎn)是，其它

28、的教學(xué)軟件都必須下載處理后才能用到課堂教學(xué)上，而 flash 采用了流技術(shù)，可以邊下載邊播放，這樣就能使整個(gè)教學(xué)過程流暢自然。而且用 flash 制作的動(dòng)畫數(shù)據(jù)量很小，有利于它在互聯(lián)網(wǎng)上傳輸，方便使用者在互聯(lián)網(wǎng)上直接調(diào)用運(yùn)行。加上 flash 的描述是基于矢量的，用它制作出來的動(dòng)畫可以任意縮放，不會(huì)產(chǎn)生任何變形，等等。由于 flash 的這些優(yōu)點(diǎn)，我們制作網(wǎng)絡(luò)課程網(wǎng)站的同時(shí)，不僅自己制作一些 flash 動(dòng)畫，還把一些短小的影片轉(zhuǎn)換成 flash 的 swf 格式這樣使文件變小，有利于網(wǎng)絡(luò)的傳輸，在網(wǎng)上瀏覽，這點(diǎn)是非常重要的。（4） 其它工具snagit這個(gè)軟件主要是用來取圖的，通過某些手段，

29、把某些圖片用這個(gè)軟件來抓取某些有用的部分，來彌補(bǔ)網(wǎng)站上的一些不足。colorkey可以在屏幕上任意處取色值，這個(gè)軟件在網(wǎng)站的配色方面起到重要的作用，網(wǎng)絡(luò)課程中為了整個(gè)網(wǎng)頁的顏色協(xié)調(diào)性，而用 dreamweaver 軟件里也沒有這個(gè)取色的功能，所以制作網(wǎng)站的配色基本上就取決于 colorkey。editplus2文字編輯工具，在動(dòng)態(tài)網(wǎng)站制作時(shí)，很方便打開和修改 asp、jsp 源代碼，網(wǎng)絡(luò)課程的資源下載、作業(yè)提交、測試系統(tǒng)和論壇都是以動(dòng)態(tài)的形式表現(xiàn)出來的網(wǎng)頁，因此editplus2 對(duì)網(wǎng)絡(luò)課程功能實(shí)現(xiàn)十分重要。ulead videostudioulead(會(huì)聲會(huì)影)是一個(gè)視頻編輯軟件，可以輕松創(chuàng)

30、建帶有生動(dòng)的標(biāo)題、視頻濾鏡、轉(zhuǎn)場和聲音的視頻作品。在網(wǎng)絡(luò)課程中我們利用它來制作一些簡單的視頻，如：在網(wǎng)絡(luò)課程的動(dòng)畫教學(xué)中，第一個(gè)就是用 ulead videostudio 做出的網(wǎng)絡(luò)課程制作主要頁面的連續(xù)播放視頻。.2 編程語言的使用編程語言的使用總的來講，javasever pages（jsp）和 微軟的 active sever pages（asp）在技術(shù)方面有許多相似之處。但仍然存在很多不同之處，其中最本質(zhì)上的區(qū)別在于：兩者是來源于不同的技術(shù)規(guī)范組織，其實(shí)現(xiàn)的基礎(chǔ)：web 服務(wù)器平臺(tái)要求不相同。而最明顯的不同點(diǎn)：開發(fā)人員在對(duì)兩者各自軟件體系設(shè)計(jì)的深入了解的方式不同。jsp

31、 技術(shù)基于平臺(tái)和服務(wù)器的互相獨(dú)立，輸入支持來自廣泛的，專門的，各種工具包，服務(wù)器的組件和數(shù)據(jù)庫產(chǎn)品開發(fā)商所提供。相比之下，asp 技術(shù)主要依賴微軟的技術(shù)支持。(1)平臺(tái)和服務(wù)器的獨(dú)立性 jsp 技術(shù)依附于一次寫入，之后，可以運(yùn)行在任何具有符合 javatm 語法結(jié)構(gòu)的環(huán)境。取而代之過去依附于單一平臺(tái)或開發(fā)商，jsp 技術(shù)能夠運(yùn)行在任何 web 服務(wù)器上并且支持來自多家開發(fā)商提供的各種各樣工具包。 由于 asp 是基于 activex 控件技術(shù)提供客戶端和服務(wù)器端的開發(fā)組件，因此 asp技術(shù)基本上是局限于微軟的操作系統(tǒng)平臺(tái)之上。asp 主要工作環(huán)境是微軟的 iis 應(yīng)用程序結(jié)構(gòu)，又因 activ

32、ex 對(duì)象具有平臺(tái)特性，所以 asp 技術(shù)不能很容易地實(shí)現(xiàn)在跨平臺(tái)的web 服務(wù)器的工作。盡管 asp 技術(shù)通過第三方提供的產(chǎn)品能夠得到組件和服務(wù)實(shí)現(xiàn)跨平臺(tái)的應(yīng)用程序，但是 activex 對(duì)象必須事先放置于所選擇的平臺(tái)中。(2)開放的開發(fā)過程，開放的源代碼jsp 應(yīng)用程序界面（api）毫無疑問已經(jīng)取得成功，并將隨 java 組織不斷開放擴(kuò)大繼續(xù)完善。相反，asp 技術(shù)僅依靠微軟本身的推動(dòng)，其發(fā)展是建立在獨(dú)占的，封閉的開發(fā)過程基礎(chǔ)之上。asp 技術(shù)jsp 技術(shù)可重用.跨平臺(tái)組件 沒有javabeans企業(yè)級(jí) javabeans，定制 jsp 標(biāo)簽安全:防范系統(tǒng)崩潰 沒有有內(nèi)存泄露保護(hù) 沒有有腳

33、本語言 vbscript.jscriptjava定制標(biāo)簽 沒有有兼容傳統(tǒng)的數(shù)據(jù)庫可以（com）可以（用 jdbc api）集成數(shù)據(jù)源的能力能工作在任何符合odbc 規(guī)范的數(shù)據(jù)庫工作在任何符合 odbc 規(guī)范的數(shù)據(jù)庫，而且能訪問符合 jdbc 技術(shù)規(guī)范數(shù)據(jù)庫組件com 組件javabeans，企業(yè)級(jí) javabeans 或擴(kuò)展的jsp 標(biāo)簽擴(kuò)展工具支持有有表 1 jsp 和 asp 比較(3)從開發(fā)人員的角度來看：asp 和 jsp 技術(shù)都能使開發(fā)者實(shí)現(xiàn)通過點(diǎn)擊網(wǎng)頁中的組件制作交互式的，動(dòng)態(tài)的內(nèi)容和應(yīng)用程序的 web 站點(diǎn)。asp 僅支持組件對(duì)象模型 com，而 jsp 技術(shù)提供的組件都是基于

34、javabeanstm 技術(shù)或 jsp 標(biāo)簽庫。由此可以看出兩者雖有相同之處，但其區(qū)別是很明顯的。.3 數(shù)據(jù)庫的使用數(shù)據(jù)庫的使用mysql 是一個(gè)功能強(qiáng)大的數(shù)據(jù)庫語言。sql 通常使用于數(shù)據(jù)庫的通訊。ansi(美國國家標(biāo)準(zhǔn)學(xué)會(huì))聲稱，mysql 是關(guān)系數(shù)據(jù)庫管理系統(tǒng)的標(biāo)準(zhǔn)語言4。mysql 語句通常用于完成一些數(shù)據(jù)庫的操作任務(wù)，比如在數(shù)據(jù)庫中更新數(shù)據(jù)，或者從數(shù)據(jù)庫中檢索數(shù)據(jù)11。使用 mysql 的常見關(guān)系數(shù)據(jù)庫管理系統(tǒng)有：oracle、 sybase、 microsoft sql server、 access、 ingress 等等。雖然絕大多數(shù)的數(shù)據(jù)庫系統(tǒng)使用 sql，但是

35、它們同樣有它們自立另外的專有擴(kuò)展功能用于它們的系統(tǒng)。但是，標(biāo)準(zhǔn)的 mysql 命令，比如select、 insert、 update、 delete、 create和 drop常常被用于完成絕大多數(shù)數(shù)據(jù)庫的操作。但是，不像其它的語言，如 c、pascal 等，mysql 沒有循環(huán)結(jié)構(gòu)(比如 if-then-else、do-while)以及函數(shù)定義等等的功能。而且 mysql 只有一個(gè)數(shù)據(jù)類型的固定設(shè)置，換句話說，不能在使用其它編程語言的時(shí)候創(chuàng)建自己的數(shù)據(jù)類型。（1） 表關(guān)系數(shù)據(jù)庫通常包含多個(gè)表。數(shù)據(jù)庫實(shí)際上是表的集合，數(shù)據(jù)庫的數(shù)據(jù)或者信息都是存儲(chǔ)在表中的。表是對(duì)數(shù)據(jù)進(jìn)行存儲(chǔ)和操作的一種邏輯結(jié)構(gòu)

36、，每一個(gè)表都代表一個(gè)對(duì)用戶意義的對(duì)象。例如，一個(gè)公司數(shù)據(jù)庫中，會(huì)有雇員表、部門表、庫存表、銷售表、工資表等等。經(jīng)常見到的成績表就是一種表，它是有行和列組成的，并且可以通過名字來識(shí)別數(shù)據(jù)。列包含了列的名字、數(shù)據(jù)類型以及列的其它屬性；行包含了列的記錄或者數(shù)據(jù)。（2） 數(shù)據(jù)檢索在 sql 中 select 語句通常用于檢索數(shù)據(jù)庫，或者檢索滿足設(shè)定條件的數(shù)據(jù)。（3）網(wǎng)站中的數(shù)據(jù)庫網(wǎng)站數(shù)據(jù)庫的主要目的就是存儲(chǔ)信息，一般是通過前臺(tái)頁面與瀏覽者的交互收集信息，然后結(jié)合前臺(tái)的程序(一般為動(dòng)態(tài)頁面)，實(shí)時(shí)生成瀏覽者所看到的最新內(nèi)容，從而具備普通靜態(tài)頁面所不能達(dá)到的效果。2 2課程網(wǎng)站的設(shè)計(jì)課程網(wǎng)站的設(shè)計(jì)與開發(fā)與

37、開發(fā)2.12.1 網(wǎng)站的設(shè)計(jì)網(wǎng)站的設(shè)計(jì)2.1.1 網(wǎng)站的設(shè)計(jì)原則網(wǎng)站的設(shè)計(jì)原則 網(wǎng)絡(luò)課程的網(wǎng)站必須以實(shí)用、有效的原則來制作。能體現(xiàn)個(gè)性化、協(xié)作化、交互性、開放性。.2 網(wǎng)站的設(shè)計(jì)思想網(wǎng)站的設(shè)計(jì)思想 (1)總體設(shè)計(jì)總體設(shè)計(jì)是設(shè)計(jì)過程中最重要的一環(huán)，它是形成網(wǎng)絡(luò)課程設(shè)計(jì)總體思路的過程，決定了后續(xù)開發(fā)的方方面面，網(wǎng)絡(luò)課程設(shè)計(jì)過程中，總體設(shè)計(jì)具有規(guī)范性、組織結(jié)構(gòu)具有條理性。網(wǎng)絡(luò)課程的總體設(shè)計(jì)中，不僅對(duì)網(wǎng)絡(luò)課程的整體框架的設(shè)計(jì)還包含了內(nèi)容的整體規(guī)劃以及課程內(nèi)容怎樣安排在網(wǎng)頁中，都作了詳細(xì)的計(jì)劃，和老師一起討論了很長時(shí)間，經(jīng)過不斷的修改最后才決定。(2)教學(xué)設(shè)計(jì)網(wǎng)絡(luò)課程設(shè)計(jì)時(shí)，教學(xué)設(shè)計(jì)注重

38、教學(xué)目標(biāo)及教學(xué)內(nèi)容分析、設(shè)計(jì)教學(xué)活動(dòng)時(shí)注意情境創(chuàng)設(shè)，強(qiáng)調(diào)情境在學(xué)習(xí)中的重要作用、注意信息資源設(shè)計(jì)，強(qiáng)調(diào)利用各種信息資源來支持學(xué)（而非支持教） 、強(qiáng)調(diào)以學(xué)生為中心、注重自主學(xué)習(xí)設(shè)計(jì)、強(qiáng)調(diào)協(xié)作學(xué)習(xí)，要注重協(xié)作學(xué)習(xí)環(huán)境設(shè)計(jì)、注重基于網(wǎng)絡(luò)教學(xué)策略設(shè)計(jì)。網(wǎng)絡(luò)課程的網(wǎng)上學(xué)習(xí)就是針對(duì)這個(gè)環(huán)節(jié)還設(shè)計(jì)的，網(wǎng)上學(xué)習(xí)中有三部分，兩部分是教學(xué)內(nèi)容：文本教程和動(dòng)畫教程；第三部分是課后測試，這里也是針對(duì)網(wǎng)上學(xué)習(xí)后的一個(gè)總結(jié)，可以鞏固和檢測學(xué)習(xí)內(nèi)容，通過網(wǎng)上學(xué)習(xí)的設(shè)計(jì)，靜態(tài)學(xué)習(xí)，動(dòng)態(tài)學(xué)習(xí)再加上課后測試，相信學(xué)生的學(xué)習(xí)效果可以得到很大的提高，同時(shí)也是我們?cè)O(shè)計(jì)網(wǎng)上學(xué)習(xí)時(shí)希望達(dá)到的一個(gè)結(jié)果。 (3)界面設(shè)計(jì)界面設(shè)計(jì)即對(duì)屏幕上將要

39、顯示的信息的布局進(jìn)行設(shè)計(jì)，包括主頁面、子欄目分頁面不同級(jí)別設(shè)計(jì)、頁面的過渡方式等。界面布局要合理、風(fēng)格一致、色彩搭配協(xié)調(diào)。文本設(shè)計(jì)、圖片選擇要美觀大方，能激發(fā)學(xué)習(xí)者的學(xué)習(xí)激情。界面設(shè)計(jì)中，充分利用網(wǎng)頁制作工具及其輔助工具，例如，取色工具可以協(xié)調(diào)整個(gè)網(wǎng)站的配色；動(dòng)畫和圖片處理這里也能得到充分利用等等。(4)課程完整性一個(gè)完整的網(wǎng)絡(luò)課程，不僅在完成網(wǎng)頁和基本功能外，還要把他們結(jié)合起來，充分利用站點(diǎn)，成為一個(gè)形式上完整的網(wǎng)絡(luò)課程。最后完成網(wǎng)絡(luò)課程系統(tǒng)整合后，還要添加相應(yīng)的說明文檔等，這樣才具備了發(fā)布網(wǎng)絡(luò)課程的資格。(5)網(wǎng)絡(luò)發(fā)布性由于網(wǎng)絡(luò)課程直接運(yùn)行在 internet 上，所以必須考慮其在低帶寬下

40、運(yùn)行的流暢性。網(wǎng)絡(luò)課程的設(shè)計(jì)時(shí)就考慮到發(fā)布性的特點(diǎn)，所以我們采用大圖換小圖，進(jìn)行圖片的優(yōu)化，全部圖片都是 jpg 和 gif 格式。2.22.2 網(wǎng)站的制作網(wǎng)站的制作.1 網(wǎng)站的基本結(jié)構(gòu)網(wǎng)站的基本結(jié)構(gòu)(1)程序目錄結(jié)構(gòu)：|-|-|-admin|后臺(tái)管理的目錄|-|-|-|-css后臺(tái) css 文件目錄|-|-|-|-help后臺(tái)幫助系統(tǒng)目錄|-|-|-|-images后臺(tái)的圖片圖片目錄|-|-|-|-js 使用 js 的文件目錄|-|- |-|-addnews.jsp添加新聞|-|-admin_class.jsp類別管理|-|-admin_config.jsp系統(tǒng)參數(shù)設(shè)置|-|

41、-admin_info.jsp系統(tǒng)基本信息設(shè)置|-|-admin_left.jsp框左部導(dǎo)航頁面|-|-admin_main.jsp主框架頁面|-|-admin_special.jsp專題管理|-|-admin_user.jsp用戶管理|-|-delnews.jsp 刪除新聞|-|-img.htm 上傳圖片頁面|-|-index.jsp后臺(tái)登錄頁面|-|-index_face.html框架右邊頁面|-|-listnews.jsp后臺(tái)管理新聞列表頁面|-|-logout.jsp退出系統(tǒng)頁面|-|-modifynews.jsp修改新聞|-|-person.jsp管理員個(gè)人信息頁面|-|-sessi

42、on.jsp是否登錄判斷遄|-|-verifycode.jsp驗(yàn)證碼頁面|-|- |-buttonimageewebeditor 編輯器工具圖片目錄|-|-|-css css 文件目錄|-|-|-|-coolblueewebeditor 編輯器使用的 css 文件|-|-|-|-newscss本系統(tǒng)前臺(tái)使用的 css 文件|-|-|-dialogewebeditor 編輯器彈出窗口頁面目錄|-|-images圖片目錄|-|-|-includeewebeditor 編輯器包含文件目錄|-|-|-pic 本系統(tǒng)圖片目錄|-|-|-sql 本系統(tǒng)使用的數(shù)據(jù)庫的角本文件|-|-|-sysimge ew

43、ebeditor 編輯器系統(tǒng)圖片目錄|-|-|-uploadfile上傳圖片保存的目錄|-|-|-web-inf|-|-|-|-libjar 包存放的目錄|-|-|-|-|-|-dom4j.jarewebeditor 編輯器自帶的類|-|-|-|-dreamnews.jar 本系統(tǒng)所使用的類文件|-|-|-|-mysql-driver.jar本系統(tǒng)附帶的 mysql 驅(qū)動(dòng)程序|-|-|-|-oracle-driver.jar 本系統(tǒng)附帶的 oracle 驅(qū)動(dòng)程序|-|-|-|-mssql-driver.jar 本系統(tǒng)附帶的 sql server 驅(qū)動(dòng)程序|-|-|-|-classes 類文件目

44、錄 |-|-|-|-|-srcjavabean 源程序目錄|-|-|-|-|-|-|-adminclass.java 類別管理類源文件|-|-|-|-config.java 系統(tǒng)設(shè)置類源文件|-|-|-|-dbconnection.java 數(shù)據(jù)庫連接類源文件|-|-|-|-function.java 常用方法定義類源文件|-|-|-|-listclass.java 前臺(tái)類別顯示類源文件|-|-|-|-log.java 日志類源文件|-|-|-|-login.java 用戶登錄類源文件|-|-|-|-md5.java md5 加密算法源文件|-|-|-|-news.java 新聞管理類源文件|

45、-|-|-|-shownews.java 新聞顯示類源文件|-|-|-|-user.java 用戶管理類源文件|-|-|-|-verifycode.java 驗(yàn)證碼類源文件|-|-|-|-|-dbcperty 數(shù)據(jù)庫配置文件|-|-|-|-button.xmlewebeditor 編輯器樣式定義文件|-|-dreamnews.mdbaccess 數(shù)據(jù)庫|-|-style.xmlewebeditor 編輯器樣式定義文件 |-|-web.xml應(yīng)用程序配置頁面|-|- |-config.jsp本系統(tǒng)配置頁面|-ewebeditor.jspewebeditor 編輯器主頁面|-in

46、dex.jsp本系統(tǒng)首頁|-readclass.jsp本系統(tǒng)大類顯示頁面|-readsclass.jsp本系統(tǒng)小類顯示頁面|-search.jsp本系統(tǒng)新聞搜索頁面|-special.jsp 本系統(tǒng)專題顯示頁面|-top.jsp本系統(tǒng)頭部公共頁面|-upload.jspewebeditor 編輯器文件上傳頁面|-說明.txt本說明文件 （2）首頁 圖 3 首頁首頁是最重要的部分，因?yàn)樗莿e人接觸這個(gè)網(wǎng)站的第一眼。首頁應(yīng)該對(duì)這個(gè)網(wǎng)站的性質(zhì)與所提供的內(nèi)容做個(gè)扼要說明與導(dǎo)引，讓別人判斷要不要繼續(xù)點(diǎn)擊。首頁就有很清楚的類別欄目選項(xiàng)，而且盡量人性化，讓瀏覽者可以很快找到需要的東西。在設(shè)計(jì)上，堅(jiān)持干凈而清

47、爽的原則。 首頁中，我們采用清晰的導(dǎo)航和簡潔的頁面設(shè)計(jì)，沒有復(fù)雜過多的內(nèi)容。登陸系統(tǒng)，和調(diào)查系統(tǒng)，保持一個(gè)完整的網(wǎng)站程序，友情連接具有一定的參考價(jià)值。打開首頁能夠清晰的了解到進(jìn)入的是一個(gè)網(wǎng)絡(luò)課程。（3） 課程簡介主要對(duì)本課程的一些說明，方便學(xué)生從整體上去把握學(xué)習(xí)的內(nèi)容，這是十分重要的。網(wǎng)絡(luò)課程針對(duì)文本教程的內(nèi)容，讓學(xué)生了解到網(wǎng)上學(xué)習(xí)的主要內(nèi)容，從而有選者性的去學(xué)習(xí)。（4）網(wǎng)上學(xué)習(xí)這是網(wǎng)絡(luò)課程的主要內(nèi)容，也是我們網(wǎng)路課程設(shè)計(jì)的主要部分。網(wǎng)上學(xué)習(xí)共分為 3部分，一部分是網(wǎng)上課堂；一部分是動(dòng)畫教程；最后一部分為課后習(xí)題。并在網(wǎng)上學(xué)習(xí)首頁上提示重難點(diǎn)和學(xué)習(xí)建議，有助于學(xué)生對(duì)網(wǎng)絡(luò)課程的文本學(xué)習(xí)有個(gè)充分的

48、認(rèn)識(shí)。（5）信息公布信息公布是對(duì)當(dāng)前的網(wǎng)絡(luò)課程改版、更新以及其他消息以公告的形式讓學(xué)生知道，方便學(xué)生及時(shí)的關(guān)注網(wǎng)絡(luò)課程的最新變化從而讓學(xué)生全面掌握課程動(dòng)態(tài)，有利于進(jìn)一步學(xué)習(xí)。這個(gè)欄目也是更新的主要內(nèi)容之一，網(wǎng)絡(luò)課程的學(xué)習(xí)離不開信息的公布，同時(shí)也是網(wǎng)站的維護(hù)的重點(diǎn)，要注意到更新及時(shí)性。（6）學(xué)習(xí)資源網(wǎng)絡(luò)課程應(yīng)當(dāng)提供一定數(shù)量的學(xué)習(xí)資源，學(xué)習(xí)包括圖像、聲音、視頻等媒體素材，也包括與學(xué)習(xí)有關(guān)的網(wǎng)站地址，并要為學(xué)生提供一定數(shù)量的參考文獻(xiàn)，供學(xué)生在自主學(xué)生中使用，也為學(xué)生進(jìn)行研究和探索提供條件。在網(wǎng)絡(luò)課程中，我們將會(huì)提供教師的課件、學(xué)生的作品還有網(wǎng)上收集的其他學(xué)習(xí)素材，做好收集方便學(xué)生學(xué)習(xí)。學(xué)習(xí)資源的設(shè)計(jì)

49、中，我們采用了一套教師管理系統(tǒng)。主要是通過教師的收集，然后上傳到服務(wù)器，提供給學(xué)生下載。同時(shí)這里也提供學(xué)生作業(yè)的下載文本，詳細(xì)的說明作業(yè)的基本要求。這個(gè)網(wǎng)頁的設(shè)計(jì)比較簡單，主要是針對(duì)教師的管理課件和發(fā)布課件。（7）習(xí)題集學(xué)生在進(jìn)行一段網(wǎng)絡(luò)學(xué)習(xí)之后，應(yīng)當(dāng)通過做練習(xí)題以加深對(duì)所學(xué)知識(shí)的理解。這里我們不僅提供與網(wǎng)絡(luò)課程相關(guān)的習(xí)題外，還收集了大量網(wǎng)絡(luò)方面的習(xí)題，整理成一個(gè)習(xí)題庫，讓學(xué)生在學(xué)習(xí)網(wǎng)絡(luò)課程內(nèi)容的同時(shí)還能增長網(wǎng)絡(luò)方面的知識(shí)。這里我們采用了教師管理習(xí)題庫，教師可以增加、刪除、修改習(xí)題庫的內(nèi)容，有更多、更新的習(xí)題。同時(shí)系統(tǒng)還提供參考答案，和任意選擇答題，使得答題的方式更加靈活，跳過已經(jīng)回答過的問題

50、。習(xí)題集欄目中還有一個(gè)作業(yè)上傳專區(qū)，這樣讓學(xué)生能夠通過學(xué)習(xí)和完成習(xí)題，以及上傳作業(yè)的形式達(dá)到一個(gè)與教師相互交流的目的。（8）交流討論在網(wǎng)絡(luò)課程中，網(wǎng)上討論一般以論壇形式出現(xiàn)。網(wǎng)上討論是傳統(tǒng)教學(xué)中課堂討論的另一種實(shí)現(xiàn)方式，是協(xié)作學(xué)習(xí)網(wǎng)絡(luò)課程必備的一項(xiàng)功能。有教師答疑專區(qū)，學(xué)生自由討論的專區(qū)。（9）幫助系統(tǒng)網(wǎng)絡(luò)課程應(yīng)當(dāng)有完整的幫助系統(tǒng)，告訴學(xué)生如何利用網(wǎng)絡(luò)課程進(jìn)行學(xué)習(xí)，告訴學(xué)生如何利用網(wǎng)絡(luò)資源，幫助學(xué)生解決在學(xué)習(xí)中遇到的問題，以及有特殊問題能夠聯(lián)系站長等信息.2 網(wǎng)站的框架圖網(wǎng)站的框架圖網(wǎng)絡(luò)課程中我們采用了結(jié)合樹形結(jié)構(gòu)和網(wǎng)狀結(jié)構(gòu)來完成網(wǎng)站的制作。樹形結(jié)構(gòu)，主頁可以直接鏈接到下一層的

51、各個(gè)頁面，這些頁面可能還有再下一層頁面鏈接，在網(wǎng)上學(xué)習(xí)欄目中，我們采用的是網(wǎng)狀結(jié)構(gòu)，這樣對(duì)學(xué)習(xí)者來說，很方便的找到自己想學(xué)習(xí)的內(nèi)容，也便于欄目的跳轉(zhuǎn)。具體的框架圖如圖 3 所示。 圖 4 網(wǎng)絡(luò)課程框架圖.3 網(wǎng)站的制作流程網(wǎng)站的制作流程計(jì)算機(jī)網(wǎng)絡(luò)的課程網(wǎng)站利用網(wǎng)頁三劍客把文字、圖形、圖像、動(dòng)畫結(jié)合起來的交互式網(wǎng)絡(luò)課程。網(wǎng)絡(luò)課程用超文本標(biāo)記語言 html 來實(shí)現(xiàn)。超文本標(biāo)記語言 html 可以跨平臺(tái)使用，常用的瀏覽器都能對(duì)它進(jìn)行很好的解釋，它支持眾多的圖像、聲音文件，可用 macromidea dreamweaver mx 工具軟件進(jìn)行開發(fā)，并且可以使用 asp、css 等，制作

52、動(dòng)感和交互性都比較強(qiáng)的頁面。在教學(xué)中生動(dòng)形象地把教學(xué)內(nèi)容展示出來，能激發(fā)學(xué)生的感觀，使學(xué)習(xí)者容易理解、且記憶深刻。能培養(yǎng)教師和學(xué)生應(yīng)用計(jì)算機(jī)的水平和能力。網(wǎng)絡(luò)課程制作的環(huán)節(jié)及過程是：搜索參考網(wǎng)站整理網(wǎng)絡(luò)課程內(nèi)容教學(xué)設(shè)計(jì)設(shè)計(jì)制作框架素材的制作整理其他功能的實(shí)現(xiàn)整個(gè)網(wǎng)站的整合測試運(yùn)行發(fā)布和推廣網(wǎng)站維護(hù)與管理。（1）搜索參考網(wǎng)站在制作網(wǎng)站前，必須明確網(wǎng)站的性質(zhì)和目的，從而尋找相關(guān)的網(wǎng)站信息作為參考。設(shè)計(jì)制作網(wǎng)絡(luò)課程時(shí)，搜集其他網(wǎng)絡(luò)課程作為參考是必需的。從網(wǎng)絡(luò)課程的教學(xué)內(nèi)容安排和網(wǎng)站設(shè)計(jì)框架及其美工方面評(píng)價(jià)，從而完善自己的網(wǎng)絡(luò)課程，為框架設(shè)計(jì)做好充分的準(zhǔn)備。技術(shù)方面主要參考了宇風(fēng)多媒體 （http:/

53、）和 5d 多媒體（http:/）網(wǎng)站（2）整理網(wǎng)絡(luò)課程內(nèi)容網(wǎng)絡(luò)課程的主要內(nèi)容基本上就是我們選取的一本教材中文版 frontpage 2002 dreamweaver mx flash mx fireworks mx 網(wǎng)頁制作 ，這里我們需要整理的不僅是書本上的內(nèi)容，而且與網(wǎng)絡(luò)課程相關(guān)的內(nèi)容我們也要收集，這樣我們的網(wǎng)絡(luò)課程才能比較生動(dòng)和形象，并且學(xué)習(xí)起來更加方便。再配上習(xí)題，網(wǎng)絡(luò)課程基本的功能就能夠?qū)崿F(xiàn)。（3）教學(xué)設(shè)計(jì)進(jìn)行教學(xué)設(shè)計(jì)是網(wǎng)絡(luò)課程制作中的重要環(huán)節(jié)，網(wǎng)上學(xué)習(xí)效果的好壞、是否符合教學(xué)需求，關(guān)鍵在于教學(xué)設(shè)計(jì)。這方面的設(shè)計(jì)主要根據(jù)教材的內(nèi)容來設(shè)計(jì)的。加上我們收集的動(dòng)畫教程，共同完成了網(wǎng)絡(luò)課程

54、的網(wǎng)上學(xué)習(xí)部分。（4）設(shè)計(jì)制作框架進(jìn)行框架設(shè)計(jì)實(shí)際就是對(duì)網(wǎng)絡(luò)課程的總體設(shè)計(jì)，主要就是頁面設(shè)計(jì)和功能設(shè)計(jì)，其設(shè)計(jì)的要點(diǎn)包括：頁面設(shè)計(jì)、層次結(jié)構(gòu)設(shè)計(jì)、知識(shí)點(diǎn)的表示形式設(shè)計(jì)、練習(xí)方式設(shè)計(jì)、交流方式設(shè)計(jì)、頁面鏈接設(shè)計(jì)、導(dǎo)航設(shè)計(jì)等內(nèi)容設(shè)計(jì)。 “網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作”網(wǎng)絡(luò)課程要充分體現(xiàn)網(wǎng)頁制作的特點(diǎn)，我們?cè)陧撁嬖O(shè)計(jì)時(shí)，完全采用靜態(tài)頁面制作，因此我們采用了模板技術(shù)。在進(jìn)行框架設(shè)計(jì)時(shí)，要注意以下幾點(diǎn)：要最大限度地滿足學(xué)習(xí)者在獲取學(xué)習(xí)資源上的要求。我們制作網(wǎng)絡(luò)課程的目的不是為了迎合設(shè)計(jì)者的口味，而是為了滿足學(xué)習(xí)者對(duì)學(xué)科知識(shí)的需求，我們要為學(xué)習(xí)者提供豐富的學(xué)習(xí)資源，這才是我們制作網(wǎng)絡(luò)課程的首要目標(biāo)。要保證網(wǎng)絡(luò)課程結(jié)

55、構(gòu)清晰、界面連貫、運(yùn)行高效。頁面設(shè)計(jì)應(yīng)該美觀大方，不但讓學(xué)習(xí)者能夠方便快速地得到需要的信息，還能得到一種美的享受。（5）素材的制作整理在選擇使用圖像、聲音、動(dòng)畫、等各種素材時(shí)，目的是要表達(dá)學(xué)習(xí)內(nèi)容、突出學(xué)習(xí)主題，不能不顧主題思想的表達(dá)，只顧追求時(shí)髦、好看。（6）其他功能的實(shí)現(xiàn)網(wǎng)絡(luò)課程的基本內(nèi)容和框架都完成以后，下面就是進(jìn)行網(wǎng)絡(luò)課程的功能設(shè)置，我們的網(wǎng)絡(luò)課程的幾個(gè)基本功能有：師生之間，學(xué)生之間互相討論采用了論壇的形式；提供資源下載，教師可以把自己的課件和收集整理的比較好的資料上傳到服務(wù)器，然后提供給學(xué)生下載；學(xué)生在線練習(xí)，這里收集了一定量的習(xí)題并且提供正確答案給學(xué)生練習(xí)使用；學(xué)生作業(yè)上傳系統(tǒng)，當(dāng)

56、老師布置作業(yè)后，學(xué)生應(yīng)該按時(shí)上傳作業(yè)，這樣免除了很多傳統(tǒng)交作業(yè)的麻煩。整個(gè)功能的實(shí)現(xiàn)都是圍繞網(wǎng)絡(luò)課程的特點(diǎn)，體現(xiàn)了強(qiáng)烈的交互性，也是以后網(wǎng)絡(luò)課程的發(fā)展的基本方向。（7）整個(gè)網(wǎng)站的整合前面的工作做好后，開始進(jìn)行鏈接，動(dòng)態(tài)和靜態(tài)聯(lián)系起來，組成一個(gè)功能比較齊全的網(wǎng)絡(luò)課程。這里面的問題可能有很多，需要下面的測試來更正和完善。用dreamweaver 的站點(diǎn)管理來整合網(wǎng)絡(luò)課程就比較方便，其中一個(gè)重要的過程是整站鏈接檢查，全面去檢查網(wǎng)站的各個(gè)鏈接，保證鏈接正確是網(wǎng)絡(luò)課程的重點(diǎn)；通過站點(diǎn)的站點(diǎn)地圖很方便的對(duì)網(wǎng)絡(luò)課程的層次關(guān)系有個(gè)清晰的了解，各個(gè)頁面的相互關(guān)系跳轉(zhuǎn)和鏈接；站點(diǎn)的資源對(duì)網(wǎng)絡(luò)課程所有的資源（圖片，

57、flash、顏色等）整體宏觀管理。（8）測試運(yùn)行網(wǎng)站發(fā)布前要進(jìn)行細(xì)致周密的測試，以保證證場瀏覽和使用，測試過程如果發(fā)現(xiàn)錯(cuò)誤，則應(yīng)立即修改。瓦干測試的主要內(nèi)容有服務(wù)器穩(wěn)定性、安全性、程序及數(shù)據(jù)庫測試，網(wǎng)頁兼容性測試及其相關(guān)其它。 （9）發(fā)布和推廣網(wǎng)站制作完成以后，需要上傳到服務(wù)器上，并且在網(wǎng)上進(jìn)行宣傳。（10）網(wǎng)站維護(hù)與管理網(wǎng)站開始正常運(yùn)行，需要管理員對(duì)網(wǎng)站進(jìn)行正常和維護(hù)管理。這里不僅有網(wǎng)絡(luò)課程內(nèi)容的不斷更新，還涉及到網(wǎng)絡(luò)課程的安全性，需要管理員應(yīng)該具備一定的網(wǎng)絡(luò)安全知識(shí)。.4 數(shù)據(jù)庫的建立數(shù)據(jù)庫的建立本系統(tǒng)通過 ems mysql manager 3 lite 建立了數(shù)據(jù)庫，其

58、中要?jiǎng)?chuàng)建 7 個(gè)表，分別是：admin、bigclass、config、log、news、smallclass、special。由于篇幅有限僅列出表 adminde 的腳本：表的結(jié)構(gòu) 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 ;導(dǎo)出表中的數(shù)據(jù) admininsert into admin (adminid. adminn