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

　　

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