【文章內容簡介】 教學資源 元數據抽取、評估、整理、入庫、發(fā)布 數據庫 ＷＥＢ服務器 管理員 老師 學生 2．管理員欄目 公告管理：方便隨時發(fā)布公告信息，這些公告信息將會在公共欄目中顯示，它不同于教師欄目的公告管理，后者的公告信息是在學生欄目中顯示。 ┃ 論壇管理：提供了學生和教師、學生和學生之間的交流。 資源管理：方便管理員隨時對該教學平臺進行修改與更新。 管理員欄目結構圖： 3．學生欄目 在線學習：提供了電子課件，讓學生可以進行在線學習，并提供了電子課件下載 課程實驗：提供了課程實驗大綱，課程實驗題目，課程實驗模擬器推介或 提供模擬器下載。 課程設計：提供了課程設計大綱，課程設計題目，畢業(yè)設計題目和相關案例下載。 習題解答：根據使用的教材分章進行了習題解答，方便學生進行課后復習） 在線測試：當用戶對所學的知識有了一定的掌握的時候所提供的功能模塊。 公 共 欄 目 管 理 員 欄 目 公告管理 論壇管理 資源管理 學習論壇：提供學生與教師、學生與學生、教師與教師之間的交流平臺，體現數字化學習、自主學習教育理念。 學生欄目結構圖： 4．教師欄目 ： 資源管理：教師根據教學計劃與要求，自由的添加與刪除頁面等功能。 作業(yè) 管理：提供了在線方式的作業(yè)布置與批閱。 公告管理：提供教師隨時發(fā)布最新教學信息。 資源上傳：將有用的資源提交給教育平臺。 教師欄目結構圖： 界面設計 一、 概述 本網上教學平臺是針對 基于 Web 的 C 語言教學系統(tǒng) 的目標而設計的資源平臺。如圖 學 生 欄 目 作業(yè)管理 課程大綱 視頻教學 課程日歷 在線學習 課程實驗 課程設計 習題解答 在線測試 學習論壇 課程簡介 教 師 欄 目 公告管理 作業(yè)管理 資源管理 資源上傳 所示： 圖 11 其窗口上包括：歡迎信息、功能菜單欄及導航欄。 二、 主界面 在瀏覽器中的地址輸入網址后，會在瀏覽器中顯示主頁界面，如下圖： 圖 21 主頁面中的功能菜單欄包括： 系統(tǒng) 學習 查詢 考試 評估 鏈接 調查 視頻 交流 幫助 。導航欄 中的目錄分別是這些功能按鈕的引用，方便用戶快速檢索。 三、 主窗體模塊功能介紹 歡迎信息模塊 這一部分以彈出信息條的形式實現了用戶友好界面。 信息顯示模塊 這一部分是各類信息的顯示窗口。在首頁中此顯示信息的窗口顯示課程的基本信息，如圖 32。 圖 32 當選定了某個功能的按鍵后，此窗口將顯示相應按鈕的實現。 系統(tǒng) 模塊 系統(tǒng) 模塊負責介紹學生的基本信息。當點中此按鈕后，導航欄中會顯示系統(tǒng) 的子目錄，同時在信息顯示窗口中顯示相關內容。它使得用戶可以了解本課程的研究內容，課程的研究目標，課程的基本特點及課程的總體要求等的內容。見下圖。 圖 33 學習 模塊 學習 功能模塊負責課程教學和考試大綱的任務。當點中此按鈕后，導航欄中會顯示 學習 的子目錄。分別選中目錄中的教學大綱和考試大綱，會相應地顯示 學習 的教學大綱和考試大綱。見圖 34 至圖 35。在這里用戶可了解本課程的教學和考試的相關信息。 圖 34 圖 35 查詢 模塊（對應于導航欄中的 查詢 目錄） 查詢 模塊負責顯示課程教學的時間進度安排。點中此按鈕后，導航欄中將顯示本課程的 查詢 的子目錄。這個按鍵會在信息顯示窗口中顯示學分、教學進度和教學任務安排。圖 36。 圖 36 在線 考試 模塊（對應于導航欄中的 考試 目錄） 在線 考試 模塊負責顯示本課程的授課教案。點中此按鈕后，導航欄中將顯示本課程的 考試 的子目錄。用戶可在此按鈕下看到本課程的授課教案進行在線學習。 圖37 調查 模塊（對應于導航欄中的 調查 目錄） 調查 模塊負責課程設計和相關資源信息的獲取。點中此按鈕后，導航欄中將顯示本課程的 調查 的信息的目錄。用戶可在導航欄中選擇課程設計大綱、課程設計題目及相關的資源，并在信息顯示窗口中顯示出來。 圖 38 視頻 模塊（對應于導航欄中的 視頻 目錄） 視頻 模塊負責本課程的習題和練習。點擊此按鈕后，導航欄中將顯示本課程的 視頻 的目錄。用戶在導航欄中選中的習題會在信息顯示窗口中顯示出來。 圖 39 交流 模塊（對應于導航欄中的 交流 目錄） 交流 模塊負責在線交流。點擊此按鈕后，將進入聊天室頁面。 圖 310 幫助模塊（對應于導航欄中的 幫助 目錄） 幫助 幫助 模塊 ,點擊此按鈕后，導航欄中將顯示信息。如圖。 圖 311 管理員模塊 圖 312 至 313。 圖 312 圖 313 四、 運行環(huán)境 本網上教學平臺運行在 WindowsXP/2020 下，可在客戶端的瀏覽器上自由使用。軟件的測試生成是在 及 的平臺下。 本系統(tǒng)運行環(huán)境 windows 98 +PWS windows 2020+IIS windows XP+IIS 最佳分辨率 :1024*768 要求 IE 流覽器版本不低于 要系統(tǒng)未在 NETSCAPE 流覽器下測試過，建議您使用 IE 流覽器 第 5 章 利用 ASP設計動態(tài) WEB網頁的技術實現具體系統(tǒng) %function GetIp() getclientip = (HTTP_X_FORWARDED_FOR) If getclientip = Then getclientip = (REMOTE_ADDR) end if GetIp = getclientip end function function paramAdd(strParam,strAdd,value) dim arrParam,intI,intJ arrParam=split(strParam,amp。) strAdd=lcase(strAdd) intJ=Ubound(arrParam) paramAdd= for intI=0 to intJ if inStr(1,lcase(arrParam(intI)),strAddamp。=)1 then paramAdd=paramAddamp。arrParam(intI)amp。amp。 next paramAdd=paramAddamp。strAddamp。=amp。value end function function EncodeJs(byVal str) if isNull(str) then EncodeJs= exit function end if str=replace(str,chr(10),) str=replace(str,chr(13),\n) str=replace(str,\,\\) str=replace(str,\) str=replace(str,39。,\39。) EncodeJs=str end function On Error Resume Next StartTime=timer() Db=Data/ Set conn = () Connstr=Provider=。Data Source= amp。 (db) 39。Connstr=Driver={Microsoft Access Driver (*.mdb)}。dbq= amp。 (db) Connstr % 附錄 html head meta equiv=ContentType content=text/html。 charset=gb2312 SCRIPT language=javascript function openScript(url, width, height) { var Win = (url,openScript,39。width=39。 + width + 39。,height=39。 + height + 39。,resizable=0,scrollbars=yes,menubar=no,status=n039。 )。 } /SCRIPT style type=text/css ! body { marginleft: 0px。 margintop: 0px。 marginright: 0px。 marginbottom: 0px。 } .style1 { color: FF0000。 fontsize: 13px。 } body,td,th { fontsize: 12px。 } /styletitle基于 Web 的 C 語言教學系統(tǒng) /title/head body bgcolor=ffffff table width=778 border=0 align=center cellpadding=0 cellspacing=0 tr tdimg src=indeximg/ width=563 height=1 border=0 alt=/td tdimg src=indeximg/ width=6 height=1 border=0 alt=/td tdimg src=indeximg/ width=194 height=1 border=0 alt=/td tdimg src=indeximg/ width=15 height=1 border=0 alt=/td tdimg src=indeximg/ width=1 height=1 border=0 alt=/td /tr tr td colspan=4img name=default_r1_c1 src=indeximg/ width=778 height=115 border=0 alt=/td tdimg src=indeximg/ width=1 height=115 border=0 alt=/td /tr tr td colspan=4img name=default_r2_c1 src=indeximg/ width=778 height=102 border=0 alt=/td tdimg src=indeximg/ width=1 height=102 border=0 alt=/td /tr tr td rowspan=4img name=default_r3_c1 src=indeximg/ width=563 height=349 border=0 alt=/td td rowspan=3img name=default_r3_c2 src=indeximg/ width=6 height=197 border=0 alt=/td td colspan=2img name=default_r3_c3 src=indeximg/ width=209 height=43 border=0 alt=/td tdimg src=indeximg/ width=1 height=43 border=0 alt=/td /tr tr td width=194 height=139table width=193 height=119 border=0 align=center cellpadding=0 cellspacing=0 FORM style=BACKGROUNDCOLOR: efefef name=formDis onsubmit=TwoSubmit(this) method=post SCRIPT function TwoSubmit(form){ if ([0].checked){ = 。 }else{ = teacher/。 } ()。 } /SCRIPT tr tddiv ali