【正文】 ............................. 35 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 目 錄 附錄 ........................................................................................................................................................................................... 36 致 謝 ....................................................................................................................................................................................... 42 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 1 1 前言 21 世紀是一個信息化的社會，隨著科技的發(fā)展，網(wǎng)絡(luò)已經(jīng)和人們的生活密不可分了。編號 濰 坊 學 院 畢 業(yè) 設(shè) 計 技 術(shù) 報 告 課題名稱： 數(shù)字媒體技術(shù)專業(yè)網(wǎng)絡(luò)教學平臺的設(shè)計與實現(xiàn) (前臺 ) 學生姓名： 田秋月 學 號： 08021140111 專 業(yè)： 計算機科學與技術(shù) 班 級 ： 20xx 級 1 班 指導教師： 韓殿元 20xx 年 6 月濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 摘 要 網(wǎng)絡(luò)教學平臺 設(shè)計與實現(xiàn) 摘 要： 隨著科技的進步和 互聯(lián)網(wǎng) 的廣泛應用， 網(wǎng)絡(luò)教學的應用在教學過程中越來越廣泛，并被越來越多的人所認知。 關(guān)鍵字： ASP，多媒體，網(wǎng)絡(luò)教學，平臺開發(fā) 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 摘 要 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。學生也可以隨時將自己的問題放在網(wǎng)上，等待老師的解答。學生可以通過系統(tǒng)發(fā)布問題，可以搜索相關(guān)的 問題。 Dreamweaver 可以為用戶做到：使用動態(tài) HTML 功能（例如具有動態(tài)效果的層和行為）而不用寫一行代碼。而 ASP 程序代碼是看不到的。 對于需求不算太大的數(shù)據(jù)庫來說，使用 Access 比較合適，如果網(wǎng)站還需要繼續(xù)擴充，則可以將數(shù)據(jù)庫的開發(fā)工具改為 SQL server。 其他 網(wǎng)頁制作還用到了一些其他的軟件，比如說處理 圖片的 Photoshop 軟件，本次設(shè)計的網(wǎng)頁導航圖片就是通過 Photoshop 剪切拼合成的。主要功能及簡介如下： （ 1）注冊及登錄。整個網(wǎng)絡(luò)教學平臺是要實現(xiàn)教學目的，所以很多教學內(nèi)容都要放到網(wǎng)頁上供學生查看。比如說，課下的拓展知識，做練習用的模擬試題，存儲用戶信息的用戶表，存儲教師信息的表。由于時間，資源的限制，所以本次設(shè)計只能實現(xiàn)其中一部分的功能。 模擬試題（ mnst） 表 42 模擬試題（ mnst） 字段名 數(shù)據(jù)類型 長度 是否允許為空 id 數(shù)字 長整形 否 title 文本 50 是 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 7 content 備注 是 模擬試題表用來存儲模擬題的相關(guān)信息，有三個字段，第一個是便于搜索的 id 字段，第二個是 title 字段，用來存放試題的標題，例如說章節(jié)之類的內(nèi)容。S_goal 是存放實驗目的的字段，類型為備注類型，可存儲比較長的文本。SQ 字段用來存儲學生的問題，和前一個字段組合形成數(shù)據(jù)表的主鍵，避免一個學生提出相 同的問題。 } } 函數(shù)對兩個輸入的文本框進行檢查，首先是用戶名是否為空或者是超過了規(guī)定的長度。若用戶沒有進行注冊的話，可以點擊用戶登錄的地方，有一個注冊按鈕，點擊注冊按鈕可進入注冊界面。左側(cè)是幾個選項，右側(cè)則是用一個框架展示的類似于目錄的一個課程的要點，點擊右側(cè)的某個選項，框架內(nèi)容將自動更新成與選中的選項相關(guān)的網(wǎng)頁，網(wǎng)頁下端 有返回按鈕，點擊則返回課程教學起始頁。左側(cè)顯示標題的代碼如下： % select * from tzxx,1 do while not % a href=?id=%=rs(num)% target=right %=rs(title)%/abr % loop % 這段代碼是將 tzxx 表中的標題全部顯示在左側(cè)，并為每一個標題設(shè)置一個連接，在更新網(wǎng)頁的時候更新的位置是名字是“ right”的一個框架，就是整個頁面的右下方區(qū)域。 實驗實踐 實驗實踐的界面如下： 圖 實驗實踐界面 實驗實踐頁面的主要作用是顯示與實驗信息相關(guān)的內(nèi)容。關(guān)鍵代碼如下： % dim upload,file,formname,formpath set upload=new upload_5xsoft 39。) 39。未登錄的時候，點擊我的問題，顯示的仍然是全部問題，若登錄后則只顯示和登錄學號相關(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)鍵字的搜功能，還包含了實現(xiàn)問題的分頁顯示，當問題超過十條以上的時候，每一頁只顯示 10 條問題，避免出現(xiàn)問題過多，需要反復拖動查看的結(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。界面顯示如下： 圖 提問界面 實現(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學號： /td td width=74% input type=text name=xh/td 濰 坊 學 院 本 科 畢 業(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è)置比較簡單，簡單來說就是一個文本框，用來填寫留問題的學生的學號，另一個是一個文本域，用來填寫問題。id,1,3 if not then (rs(T_img).getchunk(7500000)) end if % 濰 坊 學 院 本 科 畢 業(yè) 設(shè) 計 32 作品展示 作品展示的界面如下： 圖 圖片展示部分 圖 flash 展示部分 以上是展示了部分學生的圖片作品，在網(wǎng)頁的最下方則展示的是部分學生的 flash 作品。此外，在網(wǎng)站的開發(fā)過程中，時間也比較倉促，所以網(wǎng)站必然存在很多缺陷以及不足之處。知道答案的學生完全可以回答的。這樣的過程并不是很安全，不能保證每一張圖片都順利顯示在瀏覽器中。 濰 坊 學 院 本 科 畢 業(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è)計指導及實例 [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ā)學習實錄 [M]． 北京：清華大學出版社 .20xx [13] 郝榮福 張國權(quán)編著