【導讀】較晚，已經(jīng)與國外先進的網(wǎng)絡教育之間有了很大的差距。能、作業(yè)提交功能、師生交流功能和資源下載功能。其中，網(wǎng)上學習功能為主，其他的功能也是必不?？缮俚难a充，它們共同構(gòu)成了一個完善的網(wǎng)上學習系統(tǒng)。此設(shè)計就是選用JSP語言和一些工具軟件來。開發(fā)網(wǎng)絡課程的網(wǎng)站的，體現(xiàn)了用JSP技術(shù)的優(yōu)越性。進行的研究工作及取得的成果。盡我所知，除文中特別加以標注和致謝的地方。及其它教育機構(gòu)的學位或?qū)W歷而使用過的材料。對本研究提供過幫助和做出過。貢獻的個人或集體，均已在文中作了明確的說明并表示了謝意。本人完全了解大學關(guān)于收集、保存、使用畢業(yè)設(shè)計（論文）的規(guī)定，采用影印、縮印、數(shù)字化或其它復制手段保存論文；在不以贏利為目的前提下，學?？梢怨颊撐牡牟糠只蛉績?nèi)容。

　　

【正文】 8:1039。. 39。39。. 0. 1. 39。admin39。. 39。男 39。. 39。198322939。. 39。. 39。39。. 39。39。. 39。39。. 39。39。. 39。39。)。 3 網(wǎng)絡課程的 功能及其技術(shù)實現(xiàn) 網(wǎng)絡課程的功能實現(xiàn) 網(wǎng)上學習功能 網(wǎng)絡課程中提供了網(wǎng)上學習功能，只要是能正常上網(wǎng)就能訪問網(wǎng)絡課程頁面進，通過瀏覽器，正常觀看網(wǎng)上學習，網(wǎng)絡課程通過文本、動畫形式把網(wǎng)絡課程的知識展現(xiàn)給學生。給學生輕松的學習環(huán)境，高效的學習網(wǎng)站設(shè)計和網(wǎng)頁制作的內(nèi)容。 網(wǎng)上測試功能 網(wǎng)上課程中網(wǎng)上學習提供了課后練習：我們是用“模擬練習”這個欄目來實現(xiàn)這個功能的，在這一欄目中給出要求完成的練習，覆蓋基本知識點，學生可以網(wǎng)上完成作業(yè)，可打開答案自己核對。 網(wǎng)絡課程中習題集中提供了在線練 習，收集了許多網(wǎng)絡知識，通過練習提高網(wǎng)絡知識，在習題中配有正確答案，方便及時檢查和糾正錯誤。同時對某些作過以前習題的學生，可以通過跳轉(zhuǎn)的方式選擇性的練習，這樣就節(jié)約了練習時間。 圖 5 練習界面 網(wǎng)上練習不僅讓學生能夠輕松愉快的練習，而且教師在這里也扮演了十分重要的角色。習題集中，教師通過驗證后，可以通過對習題的添加，刪除和修改功能，很方便對習題的管理。 皖西學院本科畢業(yè)論文（設(shè)計） 第 20 頁 圖 6 習題的添加管理 圖 7 習題的修改 作業(yè)提交功能 在我們以前的課程中，總是要經(jīng)過一定的程序把自己的作品或者作業(yè)交給老師。我們開 發(fā)的網(wǎng)絡課程中作業(yè)上傳功能方便了學生在完成作業(yè)后的上交程序，我們只需要把做好的作業(yè)或作品，壓縮后就能很快上傳，實現(xiàn)了在老師規(guī)定的期限內(nèi)異地隨時交作業(yè)。根據(jù)不能的時候網(wǎng)速可能不一樣，增加了測速功能，這樣可以在網(wǎng)速快的時候上傳。 皖西學院本科畢業(yè)論文（設(shè)計） 第 21 頁 圖 8 作業(yè)提交 師生交流功能 設(shè)置網(wǎng)上論壇環(huán)境，實現(xiàn)教學的跨時空交流。增強了師生之間網(wǎng)上交流，并且設(shè)置常見問題專區(qū)方便了學生快速查找常見問題。 資源下載功能 網(wǎng)絡課程學習資料欄目中提供學生下載功能。這里都是老師推薦的學習資源、教學課件。這個系統(tǒng)方便老師對資源 的管理。對每個網(wǎng)絡課程的老師都有自己單獨的管理資源。從老師的注冊、確認、登陸，教師可以把自己的整理的資料發(fā)送上傳到網(wǎng)絡課程中供學生下載使用，這個系統(tǒng)不僅方便了老師的管理還讓學生擁有更多的學習資源，老師可以再這里布置作業(yè)文檔，很方便讓學生按照老師的要求去完成作業(yè)。 圖 9 教師管理界面 皖西學院本科畢業(yè)論文（設(shè)計） 第 22 頁 圖 10 教師發(fā)布課件界面 網(wǎng)站的技術(shù)實現(xiàn) Css 技術(shù) Css 是一種叫做樣式表（ stylesheet）的技術(shù)。又稱層疊樣式表（ Cascading Stylesheet）。 在制作網(wǎng)絡課程的網(wǎng)頁時采用了 CSS技術(shù)，有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。 下面代碼是對網(wǎng)絡課程整個網(wǎng)站的靜態(tài)頁面文本實現(xiàn)具有相同的樣式，使網(wǎng)絡課程更加美觀且方便網(wǎng)站文本的輸入管理： BODY {FONTSIZE: 12px} TD {FONTSIZE: 12px} INPUT {FONTSIZE: 12px} SELECT {FONTSIZE: 12px} .L12 {LINEHEIGHT: 120%} .L14 {LINEHEIGHT: 140%} .L15 {LINEHEIGHT: 150%} .s2 {FONTSIZE: 6pt} .li {FONTSIZE: 8px} .title {FONTSIZE: 14px} .bigtitle {FONTSIZE: 24px。 FONTWEIGHT: bold} 皖西學院本科畢業(yè)論文（設(shè)計） 第 23 頁 A:active {COLOR: 000000。 FONTSIZE: 9pt。 TEXTDECORATION: underline} A:visited {COLOR: 000000。 TEXTDECORATION: none} A:link {COLOR: 000000。 FONTSIZE: 9pt。 TEXTDECORATION: none} A:hover {COLOR: ff0000。 FONTSIZE: 9pt。 TEXTDECORATION: underline} .a1 {FONTSIZE: 14px} .a1:active {COLOR: 8c6d10。 FONTSIZE: 14px。 TEXTDECORATION: underline} .a1:visited {COLOR: 8c6d10。 FONTSIZE: 14px。 TEXTDECORATION: none} .a1:link {COLOR: 8c6d10。 FONTSIZE: 14px。 TEXTDECORATION: none} .a1:hover {COLOR: ff0000。 FONTSIZE: 14px。 TEXTDECORATION: underline} .a3 {COLOR: 525531。 FONTSIZE: 14px} .a3:active {COLOR: 525531。 FONTSIZE: 14px。 TEXTDECORATION: underline} .a3:visited {COLOR: 525531。 FONTSIZE: 14px。 TEXTDECORATION: none} .a3:link {COLOR: 525531。 FONTSIZE: 14px。 TEXTDECORATION: none} .a3:hover {COLOR: ff0000。 FONTSIZE: 14px。 TEXTDECORATION: underline} .a4 {COLOR: 4286a5。 FONTSIZE: 14px} .a4:active {COLOR: 4286a5。 FONTSIZE: 14px。 TEXTDECORATION: underline} .a4:visited {COLOR: 4286a5。 FONTSIZE: 14px。 TEXTDECORATION: none} .a4:link {COLOR: 4286a5。 FONTSIZE: 14px。 TEXTDECORATION: none} .a4:hover {COLOR: ff0000。 FONTSIZE: 14px。 TEXTDECORATION: underline} .u {COLOR: 000000。 FONTFAMILY: 宋體 。 FONTSIZE: 9pt} .u:active {COLOR: 000000。 FONTSIZE: 9pt。 TEXTDECORATION: underline} .u:visited {COLOR: 000000。 TEXTDECORATION: underline} .u:link {COLOR: 000000。 FONTSIZE: 9pt。 TEXTDECORATION: underline} .u:hover {COLOR: ff0000。 FONTSIZE: 9pt。 TEXTDECORATION: underline} .a2 {COLOR: ffffff。 FONTSIZE: 12px。 TEXTDECORATION: none} .a2:active {COLOR: ffffff。 FONTSIZE: 9pt。 TEXTDECORATION: underline} .a2:visited {COLOR: ffffff。 TEXTDECORATION: none} .a2:link {COLOR: ffffff。 FONTSIZE: 9pt。 TEXTDECORATION: none} .a2:hover {COLOR: ff0000。 FONTSIZE: 9pt。 TEXTDECORATION: underline} 另外某些 Css 代碼中只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。它的作用可以達到： 皖西學院本科畢業(yè)論文（設(shè)計） 第 24 頁 （ 1）在幾乎所有的瀏覽器上都可以使用。 （ 2） 以前一些非得通過圖片轉(zhuǎn)換實現(xiàn)的功能，現(xiàn)在只要用 CSS 就可以輕松實現(xiàn)，從而更快地下載頁面。 （ 3）使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。 （ 4）你可以輕松地控制頁面的布局 。 （ 5）你可以將許多網(wǎng)頁的風格格式同時更新，不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風格都使用一個 CSS 文件進行控制，只要修改這個 CSS 文件中相應的行，那么整個站點的所有頁面都會隨之發(fā)生變動。 網(wǎng)頁特效使用 （ 1）隨機產(chǎn)生一種過渡方式 在源代碼的〈 head〉與〈 /head〉之間加入如下語 句〈 meta equiv=PageEnter content=RevealTrans (Duration=3. Transition=number)〉。“ Duration”的值為網(wǎng)頁動態(tài)過渡的時間， 單位為秒，一般設(shè)為 3~5 秒即可?！?Transition”不同的值對應不同的過渡方式。隨機產(chǎn)生一種過渡方式〈 meta equiv=PageEnter content=RevealTrans (Duration=3. Transition=23)〉 （ 2）網(wǎng)頁中隨機調(diào)用背景 圖片 Script Language=JavaScript image = new Array(4)。 image [0] = 39。pic/39。 image [1] = 39。pic/39。 image [2] = 39。pic/39。 image [3] = 39。pic/39。 image [4] = 39。pic/39。 number = (() * )。 (BODY BACKGROUND=+image[number]+)。 /Script （ 3）倒計時功能的實現(xiàn) Script Language=JavaScript var timedate= new Date(日期 .20xx)。 var times=論文答辯 。 var now = new Date()。 皖西學院本科畢業(yè)論文（設(shè)計） 第 25 頁 var date = () ()。 var time = (date / (1000 * 60 * 60 * 24))。 if (time = 0) (現(xiàn)在離 +times+還有 : +time +天 )/Script （ 4）日常的滾動效果 marquee behavior=slide direction=right height=20 width=200 scrollamount=2此處是滾動 文字 /marquee （ 5）頁面轉(zhuǎn)換 meta equiv=refresh content=1。url=鏈接的地址 （ 6） 圖片漸漸顯隱 script language=JavaScript var b = 1。 var c = true。 function helpor_(){if()。if(c == true) {b++。} if(b==100) {b。c = false} if(b==10) {b++。c = true。} if(c == false) {b。} =0 + b。 setTimeout(helpor_().50)。} helpor_()。/script 4 結(jié)論 從網(wǎng)絡課程的選題、設(shè)計、制作到最后的初步完成已經(jīng)有半年多時間了，經(jīng)過這段時間的努力及其老師的指導，已實現(xiàn)具備一個完整網(wǎng)絡課程的些許功能，當然，我們完成的網(wǎng)絡課程還只是初步設(shè)計階段，功能也有很多欠缺，這有待于以后的進一步改進和完善。制作網(wǎng)絡課程的過程中，主要負責網(wǎng)站的框架設(shè)計、其他主要頁面模板的制作 和網(wǎng)絡課程功能的實現(xiàn)。參考其他網(wǎng)絡課程的同時，自己不斷的修改，經(jīng)過近兩周的努力才初步完成框架的設(shè)計。功能與技術(shù)實現(xiàn)的設(shè)計是整個網(wǎng)絡課程設(shè)計的重點，也是實現(xiàn)師生網(wǎng)上交流的橋梁。因此網(wǎng)絡課程設(shè)計的大部分時間用來設(shè)計功能和技術(shù)實現(xiàn)。自己對美工方面不是很熟悉，因此頁面不是十分美觀，這方面在以后會逐步改善。通過設(shè)計、皖西學院本科畢業(yè)論文（設(shè)計） 第 26 頁 制作、完成的網(wǎng)絡課程的初步設(shè)計的過程中，讓我懂得了時間的寶貴、學會了團隊寫作的精神，讓我更加的珍惜來自身邊真摯的友情。這次畢業(yè)設(shè)計不僅是我大學的終點，也是我進入社會開始人生新的設(shè)計的起點。 5 致 謝 在本文 的 選題、寫作以及 建設(shè)的過程中， 周先存 老師給予了我很多建議和幫助，在這里需要特別提出感謝！ 在大學的四年里，我的思想認識和專業(yè)知識在計算機與信息科學系各位老師的幫助下，取得了一定的收獲，為我今后的人生發(fā)展奠定了一定的基礎(chǔ)。也要感謝他們特別是周先存 老師為培養(yǎng)我而做出的努力。 皖西學院本科畢業(yè)論文（設(shè)計） 第 27 頁 6 參考文獻