【導(dǎo)讀】越廣泛，并被越來(lái)越多的人所認(rèn)知。網(wǎng)絡(luò)教學(xué)是遠(yuǎn)程教學(xué)的一種重要形式。腦和寬帶等硬件設(shè)施，來(lái)實(shí)現(xiàn)遠(yuǎn)距離教學(xué)的目的。網(wǎng)絡(luò)教學(xué)不受時(shí)間、地點(diǎn)以及教師的。限制，只要透過(guò)一臺(tái)能連接上網(wǎng)的電腦就可以隨時(shí)隨地地進(jìn)行學(xué)習(xí)。還能夠?qū)崿F(xiàn)學(xué)生的注冊(cè)與登錄功能，提供一些拓展學(xué)習(xí)的知識(shí)。

　　

【正文】 CurrentPage = End If Else CurrentPage= 1 End If totalPut= 39。totalput=總記錄數(shù) if CurrentPage1 then if (currentPage1)*MaxPerPage totalPut then (currentPage1)*MaxPerPage end if end if % table border=1 cellspacing=1 cellpadding=0 width=670 height=30 bordercolor=999999 frame=below tr td width=559 height=40 align=center style=fontsize:16px我的提問(wèn)內(nèi)容/td td width=112 height=40 align=center style=fontsize:16px /td /tr % do while not and i maxperpage (TR td height=39。3539。amp。(CurrentPage1)*maxperpage+i+1amp。rs(SQ)amp。/td) (td ) if isnull(rs(SA)) then (暫無(wú) ) if not isnull(rs(SA)) then (a href=39。?Q=amp。trim(rs(SQ))amp。39。 target=39。right39。amp。答案 amp。/a) /td 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 27 /TR i=i+1 loop % TR td % if (totalPut mod MaxPerPage)=0 then 39。n 表示總頁(yè)數(shù) n= totalPut \ MaxPerPage else n= totalPut \ MaxPerPage + 1 end if k=currentPage if k1 then ([bamp。a href=39。?page=139。amp。首頁(yè) amp。/a/b] ) ([bamp。a href=39。?page=amp。cstr(k1)amp。39。上一頁(yè) /a/b] ) else [首頁(yè) ] [上一頁(yè) ] end if if kn then [b+a href=39。?page=+cstr(k+1)+39。+下一頁(yè) +/a/b] [b+a href=39。?page=+cstr(n)+39。+尾頁(yè) +/a/b] else [下一頁(yè) ] [尾頁(yè) ] end if 39。頁(yè)面跳轉(zhuǎn) % 對(duì)于有答案的問(wèn)題，點(diǎn)擊后面的答案可以查看答案，如果沒有回答的話，問(wèn)題后面顯示的是“暫無(wú)”。說(shuō)明尚未回復(fù)問(wèn)題。點(diǎn)擊查看答案后顯示答案的界面如下圖： 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 28 圖 查看問(wèn)題答案界面 點(diǎn)擊其中一個(gè)問(wèn)題查看答案界面，右側(cè)框架刷新，顯示相關(guān)問(wèn)題及其答案。通 過(guò)一個(gè)表格顯示問(wèn)題和答案。實(shí)現(xiàn)其功能的代碼為： % function changechr(str) changechr=replace(replace(replace(replace(str,),),chr(13),br), , ) end function Q=(S_num) select * from question where SQ=amp。Q,1 % tr td width=166 height=105 valign=top align=rightbr / 問(wèn)題： /td td width=434% =changechr(rs(SQ)) %/td /tr tr td height=117 valign=top align=rightbr /回答： /td td height=117% =changechr(rs(SA)) %/td 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 29 /tr /table % set rs=nothing set =nothing % 在左側(cè)最下端有一個(gè)“我的問(wèn)題”，點(diǎn)擊“我的問(wèn)題”可以進(jìn)行提問(wèn)，其功能類似于留言板。界面顯示如下： 圖 提問(wèn)界面 實(shí)現(xiàn)代碼為： form name=f5 action= method=postonSubmit=return check() table width=600 border=0 cellspacing=0 cellpadding=0 tr th height=38 colspan=2 scope=col /th /tr tr td width=26% height=34 align=right學(xué)號(hào)： /td td width=74% input type=text name=xh/td 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 30 /tr tr td height=145 align=right valign=topbr 我的問(wèn)題： /td tdtextarea name=question rows=9 cols=40 /textarea/td /tr tr td height=37 colspan=2 align=center input type=submit name=tijiao value=提交 input type=reset name=reset value=重置 /p /td /tr /table /form 界面設(shè)置比較簡(jiǎn)單，簡(jiǎn)單來(lái)說(shuō)就是一個(gè)文本框，用來(lái)填寫留問(wèn)題的學(xué)生的學(xué)號(hào)，另一個(gè)是一個(gè)文本域，用來(lái)填寫問(wèn)題。 問(wèn)題提交的時(shí)候同樣要進(jìn)行檢查，兩個(gè)文本都不能是空白的。所使用的函數(shù)與上面用到的 checkdata()類似。檢查完畢后轉(zhuǎn)入另一個(gè)執(zhí)行頁(yè)面，其主要代碼為： % num=trim((xh)) sq=trim((question)) select * from question,1,3 rs(S_num)=num rs(SQ)=sq % script language=vbscript MsgBox 提交成功 = /script 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 31 實(shí)現(xiàn)的主要功能是將提交上來(lái)的學(xué)號(hào)和問(wèn)題寫進(jìn)數(shù)據(jù)庫(kù)中，然后返回一開始的輔導(dǎo)答疑界面。 教學(xué)團(tuán)隊(duì) 教學(xué)團(tuán)隊(duì)的界面如下： 圖 教學(xué)團(tuán)隊(duì)界面 隨便上傳了一張文件中的圖片用作例子，效果如上圖。下邊左側(cè)圖片上端顯示的是team表中的 T_name 信息。下面是圖片信息，右端則是顯示的介紹性質(zhì)的文字。其中圖片顯示的相關(guān)代碼如下： ! Include File= % id=(id) =image/* select T_img from team where T_id=amp。id,1,3 if not then (rs(T_img).getchunk(7500000)) end if % 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 32 作品展示 作品展示的界面如下： 圖 圖片展示部分 圖 flash 展示部分 以上是展示了部分學(xué)生的圖片作品，在網(wǎng)頁(yè)的最下方則展示的是部分學(xué)生的 flash 作品。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 33 6 結(jié)束語(yǔ) 本網(wǎng)站此次主要 解決的問(wèn)題是通過(guò)網(wǎng)絡(luò)教學(xué)平臺(tái)實(shí)現(xiàn)網(wǎng)上教學(xué)，完成教學(xué)內(nèi)容之后還有一些習(xí)題可供學(xué)生進(jìn)行練習(xí)，并且這些習(xí)題之后也都有相應(yīng)的答案。此外，系統(tǒng)還提供了一些拓展學(xué)習(xí)，使學(xué)生在學(xué)習(xí)完課內(nèi)知識(shí)的同時(shí)可以額外學(xué)習(xí)一些其他的知識(shí)，拓寬知識(shí)面。學(xué)生也可以在注冊(cè)之后登錄網(wǎng)站，登錄之后可以直接在輔導(dǎo)答疑里面查看自己提出的問(wèn)題而不必一個(gè)個(gè)查找。實(shí)驗(yàn)實(shí)踐里面則是顯示需要學(xué)生完成的實(shí)驗(yàn)的相關(guān)內(nèi)容及要求，以及實(shí)現(xiàn)學(xué)生作品上傳的功能。很多是內(nèi)容都是存儲(chǔ)在數(shù)據(jù)庫(kù)里，因此在網(wǎng)站的后臺(tái)建設(shè)中，便于管理，實(shí)現(xiàn)網(wǎng)站的動(dòng)態(tài)更新，可以直接登錄網(wǎng)站的后臺(tái)進(jìn)行 數(shù)據(jù)的修改、添加以及刪除等操作。 由于此次設(shè)計(jì)是本人第一次制作使用多樣工具，結(jié)構(gòu)比較復(fù)雜的網(wǎng)站。在很多方面的知識(shí)、經(jīng)驗(yàn)都還有所欠缺。此外，在網(wǎng)站的開發(fā)過(guò)程中，時(shí)間也比較倉(cāng)促，所以網(wǎng)站必然存在很多缺陷以及不足之處。 首先從網(wǎng)站的外觀來(lái)說(shuō)，顏色比較簡(jiǎn)單，各項(xiàng)內(nèi)容看起來(lái)也比較單調(diào)，在美學(xué)方面下的功夫還很不夠。應(yīng)該盡量讓整個(gè)網(wǎng)站看起來(lái)充實(shí)，搭配再合理一些，使其有視覺沖擊感?？傊谶@方面的進(jìn)步空間還很大。 在整體設(shè)計(jì)上，還有很多欠缺的地方，不得不承認(rèn)規(guī)劃是一件相當(dāng)重要的事情，方方面面的東西都要考慮到。這次由于個(gè)人原因 ，導(dǎo)致時(shí)間上太過(guò)倉(cāng)促，很多內(nèi)容都是一邊做一邊想的。有時(shí)候做到后面的部分才想起來(lái)原來(lái)前面的也可以這樣做，可以更好一點(diǎn)。在輔導(dǎo)答疑頁(yè)面，無(wú)答案的那些后面還可以添加一個(gè)回答，這樣，不必老師從后臺(tái)方面登錄來(lái)回答問(wèn)題了。知道答案的學(xué)生完全可以回答的。諸如此類的問(wèn)題還有很多。 其次，是數(shù)據(jù)庫(kù)的設(shè)計(jì)，應(yīng)該可以分為幾個(gè)數(shù)據(jù)庫(kù)，而不是把所有的數(shù)據(jù)表集中在同一個(gè)數(shù)據(jù)庫(kù)中，雖然在調(diào)用這些數(shù)據(jù)表的時(shí)候只用一個(gè)連接數(shù)據(jù)庫(kù)的文件即可，但是過(guò)多的數(shù)據(jù)表堆集在一起，容易產(chǎn)生混亂。數(shù)據(jù)表的結(jié)構(gòu)也可以再詳細(xì)一些，比如學(xué)生提問(wèn)題的那些流言，可以 加上問(wèn)題編號(hào)以及留言的時(shí)間等字段。數(shù)據(jù)表的設(shè)計(jì)最好能夠更規(guī)范一些。 再其次，顯示教師資料的頁(yè)面，可以將教師照片另存在一個(gè)文件夾中，把照片的路徑存在教師表里面。顯示圖片的時(shí)候能通過(guò)路徑顯示照片而不是從數(shù)據(jù)庫(kù)里面讀取照片信息再顯示，因?yàn)榇嫒÷窂奖却嫒≌掌鼮榭煽恳恍Ｕ掌诖嫒霐?shù)據(jù)庫(kù)中的時(shí)候，并不是直接將照片存入的，而是先將照片信息轉(zhuǎn)換成二進(jìn)制數(shù)據(jù)存入數(shù)據(jù)庫(kù)，讀取的時(shí)候，再將這些二進(jìn)制數(shù)據(jù)還原成一張完整的圖片。這樣的過(guò)程并不是很安全，不能保證每一張圖片都順利顯示在瀏覽器中。 最后就是對(duì) ASP+Dreamweaver 制作網(wǎng)頁(yè)的模式運(yùn)用還不夠成熟，而且只能應(yīng)用一些簡(jiǎn)單的 CSS+DIV 布局方式，這樣的效果還遠(yuǎn)遠(yuǎn)達(dá)不到設(shè)想的結(jié)果。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 34 在這次的畢業(yè)設(shè)計(jì)中我深深感覺到自己的淺薄，我們?cè)谡n堂上學(xué)到的知識(shí)真的太少了。想要學(xué)習(xí)更多的知識(shí)就要不怕枯燥，努力鉆研，努力學(xué)習(xí)。目前我們學(xué)到的僅僅是皮毛而已。老師只是交給我們一把鑰匙，我們也僅僅是才剛邁進(jìn)一小步。我們要走的路還很長(zhǎng)。但無(wú)論如何，這次的畢業(yè)設(shè)計(jì)都使我收獲很多，受益匪淺。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 35 參考文獻(xiàn) [1] 趙輝 等編著 . ASP+Dreamweaver 8 組建動(dòng)態(tài) 網(wǎng)站 [M] ． 北京： 電子工業(yè)出版社 . 20xx [2] 張新偉 編著 ． 網(wǎng)頁(yè)經(jīng)典配色藝術(shù) [M]． 北京： 電子工業(yè)出版社 ． 20xx [3] 覽眾 張曉景編著 . DIV+CSS 網(wǎng)頁(yè)布局商業(yè)案例精粹 [M]． 北京： 電子工業(yè)出版 社 .20xx [4] 蓋天宇、孫明麗、鄒天思 編著 ． ASP 程序開發(fā)范例寶典 [M] ． 北京： 人民郵電出版社 ． 20xx [5] 本書編委會(huì) 編著 . 網(wǎng)頁(yè)制作 [M]． 北京：電子工業(yè) 出版社 ． 20xx [6] 潘曉南主編 . 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) [M]． 北京：中國(guó)鐵道出版社 .20xx [7] 神龍工作室主編 . ASP 網(wǎng)絡(luò)編程從入門到精通 [M]． 北京：人民郵電出版社 .20xx [8] 劉瑞新主編 . ASP 動(dòng)態(tài)網(wǎng)站開發(fā)畢業(yè)設(shè)計(jì)指導(dǎo)及實(shí)例 [M]． 北京：機(jī)械工業(yè)出版社 .20xx [9] 邵麗萍 王馨迪 陸軍等編 . ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì) [M]． 北京：中國(guó)鐵道出版社 .20xx [10] 張旭東 汪杰編著 . ASP 網(wǎng)絡(luò)開發(fā)實(shí)用工程案例 [M]． 北京：人民郵電出版社 .20xx [11] 倪洪球編著 . Dreamweaver 8+ASP 動(dòng)態(tài)網(wǎng)站開發(fā)實(shí)例精講 [M]． 北京：人民郵電出版社 .20xx [12] 張芳芳 侯俊杰編著 . CSS web 開發(fā)學(xué)習(xí)實(shí)錄 [M]． 北京：清華大學(xué)出版社 .20xx [13] 郝榮福 張國(guó)