【正文】 ............................. 35 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 目 錄 附錄 ........................................................................................................................................................................................... 36 致 謝 ....................................................................................................................................................................................... 42 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 1 1 前言 21 世紀(jì)是一個(gè)信息化的社會，隨著科技的發(fā)展，網(wǎng)絡(luò)已經(jīng)和人們的生活密不可分了。編號 濰 坊 學(xué) 院 畢 業(yè) 設(shè) 計(jì) 技 術(shù) 報(bào) 告 課題名稱： 數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學(xué)平臺的設(shè)計(jì)與實(shí)現(xiàn) (前臺 ) 學(xué)生姓名： 田秋月 學(xué) 號： 08021140111 專 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 班 級 ： 20xx 級 1 班 指導(dǎo)教師： 韓殿元 20xx 年 6 月濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 摘 要 網(wǎng)絡(luò)教學(xué)平臺 設(shè)計(jì)與實(shí)現(xiàn) 摘 要： 隨著科技的進(jìn)步和 互聯(lián)網(wǎng) 的廣泛應(yīng)用， 網(wǎng)絡(luò)教學(xué)的應(yīng)用在教學(xué)過程中越來越廣泛，并被越來越多的人所認(rèn)知。 關(guān)鍵字： ASP，多媒體，網(wǎng)絡(luò)教學(xué)，平臺開發(fā) 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 摘 要 Design and Implementation of Network Teaching Platform Abstract： With the progress of science and technology and the wide application of Inter, the application of work teaching in the course of teaching is more and more extensive, and more and more people cognition. Network teaching is an important form of remote teaching. It is relying on the puter and broadband facilities and other hardware, to realize the purpose of remote teaching. Network teaching is not subject to time, place and teachers to the restrictions, as long as one puter which can connect to the Inter can learn whenever and wherever. This design is about the multimedia teaching platform design and development, of which The main function modules of this web site include basic courses teaching, experiment and practice, software tools and related software tutorial download, which can realize the upload and answer question which are put forward by students. Beside this, the web can introduces the relevant information of the teaching team, and show some the function of student work. It is able to realize students39。學(xué)生也可以隨時(shí)將自己的問題放在網(wǎng)上，等待老師的解答。學(xué)生可以通過系統(tǒng)發(fā)布問題，可以搜索相關(guān)的 問題。 Dreamweaver 可以為用戶做到：使用動(dòng)態(tài) HTML 功能（例如具有動(dòng)態(tài)效果的層和行為）而不用寫一行代碼。而 ASP 程序代碼是看不到的。 對于需求不算太大的數(shù)據(jù)庫來說，使用 Access 比較合適，如果網(wǎng)站還需要繼續(xù)擴(kuò)充，則可以將數(shù)據(jù)庫的開發(fā)工具改為 SQL server。 其他 網(wǎng)頁制作還用到了一些其他的軟件，比如說處理 圖片的 Photoshop 軟件，本次設(shè)計(jì)的網(wǎng)頁導(dǎo)航圖片就是通過 Photoshop 剪切拼合成的。主要功能及簡介如下： （ 1）注冊及登錄。整個(gè)網(wǎng)絡(luò)教學(xué)平臺是要實(shí)現(xiàn)教學(xué)目的，所以很多教學(xué)內(nèi)容都要放到網(wǎng)頁上供學(xué)生查看。比如說，課下的拓展知識，做練習(xí)用的模擬試題，存儲用戶信息的用戶表，存儲教師信息的表。由于時(shí)間，資源的限制，所以本次設(shè)計(jì)只能實(shí)現(xiàn)其中一部分的功能。 模擬試題（ mnst） 表 42 模擬試題（ mnst） 字段名 數(shù)據(jù)類型 長度 是否允許為空 id 數(shù)字 長整形 否 title 文本 50 是 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 7 content 備注 是 模擬試題表用來存儲模擬題的相關(guān)信息，有三個(gè)字段，第一個(gè)是便于搜索的 id 字段，第二個(gè)是 title 字段，用來存放試題的標(biāo)題，例如說章節(jié)之類的內(nèi)容。S_goal 是存放實(shí)驗(yàn)?zāi)康牡淖侄?，類型為備注類型，可存儲比較長的文本。SQ 字段用來存儲學(xué)生的問題，和前一個(gè)字段組合形成數(shù)據(jù)表的主鍵，避免一個(gè)學(xué)生提出相 同的問題。 } } 函數(shù)對兩個(gè)輸入的文本框進(jìn)行檢查，首先是用戶名是否為空或者是超過了規(guī)定的長度。若用戶沒有進(jìn)行注冊的話，可以點(diǎn)擊用戶登錄的地方，有一個(gè)注冊按鈕，點(diǎn)擊注冊按鈕可進(jìn)入注冊界面。左側(cè)是幾個(gè)選項(xiàng)，右側(cè)則是用一個(gè)框架展示的類似于目錄的一個(gè)課程的要點(diǎn)，點(diǎn)擊右側(cè)的某個(gè)選項(xiàng)，框架內(nèi)容將自動(dòng)更新成與選中的選項(xiàng)相關(guān)的網(wǎng)頁，網(wǎng)頁下端 有返回按鈕，點(diǎn)擊則返回課程教學(xué)起始頁。左側(cè)顯示標(biāo)題的代碼如下： % select * from tzxx,1 do while not % a href=?id=%=rs(num)% target=right %=rs(title)%/abr % loop % 這段代碼是將 tzxx 表中的標(biāo)題全部顯示在左側(cè)，并為每一個(gè)標(biāo)題設(shè)置一個(gè)連接，在更新網(wǎng)頁的時(shí)候更新的位置是名字是“ right”的一個(gè)框架，就是整個(gè)頁面的右下方區(qū)域。 實(shí)驗(yàn)實(shí)踐 實(shí)驗(yàn)實(shí)踐的界面如下： 圖 實(shí)驗(yàn)實(shí)踐界面 實(shí)驗(yàn)實(shí)踐頁面的主要作用是顯示與實(shí)驗(yàn)信息相關(guān)的內(nèi)容。關(guān)鍵代碼如下： % dim upload,file,formname,formpath set upload=new upload_5xsoft 39。) 39。未登錄的時(shí)候，點(diǎn)擊我的問題，顯示的仍然是全部問題，若登錄后則只顯示和登錄學(xué)號相關(guān)的問題。if(==輸 入關(guān)鍵字 )()。 sousuo1 sql,2,3 if then (暫無記錄 ) end if 39。rs(SQ)amp。答案 amp。sousuoamp。頁面跳轉(zhuǎn) set rs=nothing set =nothing % 以上代碼不止是包含了關(guān)鍵字的搜功能，還包含了實(shí)現(xiàn)問題的分頁顯示，當(dāng)問題超過十條以上的時(shí)候，每一頁只顯示 10 條問題，避免出現(xiàn)問題過多，需要反復(fù)拖動(dòng)查看的結(jié)果。每頁 10 條記錄 if (denglu)=ok then sql=cstr((username)) set rs= (select * from question where S_num=amp。(CurrentPage1)*maxperpage+i+1amp。amp。/a/b] ) ([bamp。?page=+cstr(n)+39。界面顯示如下： 圖 提問界面 實(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é)號： /td td width=74% input type=text name=xh/td 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 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è)置比較簡單，簡單來說就是一個(gè)文本框，用來填寫留問題的學(xué)生的學(xué)號，另一個(gè)是一個(gè)文本域，用來填寫問題。id,1,3 if not then (rs(T_img).getchunk(7500000)) end if % 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 32 作品展示 作品展示的界面如下： 圖 圖片展示部分 圖 flash 展示部分 以上是展示了部分學(xué)生的圖片作品，在網(wǎng)頁的最下方則展示的是部分學(xué)生的 flash 作品。此外，在網(wǎng)站的開發(fā)過程中，時(shí)間也比較倉促，所以網(wǎng)站必然存在很多缺陷以及不足之處。知道答案的學(xué)生完全可以回答的。這樣的過程并不是很安全，不能保證每一張圖片都順利顯示在瀏覽器中。 濰 坊 學(xué) 院 本 科 畢 業(yè) 設(shè) 計(jì) 35 參考文獻(xiàn) [1] 趙輝 等編著 . ASP+Dreamweaver 8 組建動(dòng)態(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] 潘曉南主編 . 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)基礎(chǔ) [M]． 北京：中國鐵道出版社 .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)頁設(shè)計(jì) [M]． 北京：中國鐵道出版社 .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] 郝榮福 張國權(quán)編著