畢業(yè)設計教學網站的設計與實現論文

1、教學網站設計i教學網站的設計與實現教學網站的設計與實現摘摘 要要20 世紀是科學技術突飛猛進的時代,教育事業(yè)的發(fā)展,出現了現代遠程教育。隨著 internet 的迅速發(fā)展,使得人們慢慢開始從網上獲取信息和知識,傳統(tǒng)的“粉筆+黑板”式的課堂教學手段及以教科書為核心的教學模式,即將為全新的智能網絡教學所代替。本系統(tǒng)的開發(fā)建構一種既能發(fā)揮教師的指導作用又能充分體現學生學習主體作用的新型智能教學結構。在此基礎上逐步實現教學模式、教學內容、教學手段和教學方法的全面改革。之所以要把教學結構作為教改的主要目標，是因為教學結構是指在一定的教育思想、教學理論和學習理論指導下的在一定環(huán)境中展開的教學活動進程的穩(wěn)定

2、結構形式，是教學系統(tǒng)四個組成要素（教師、學生、教材和教學媒體）相互聯系、相互作用的具體體現。通過網上進行授課，以學生為中心，不受時間、地點、次數及進度的限制，能自由利用網上資源等優(yōu)點，成為教育方式的發(fā)展新趨勢、教育也隨之進入智能網絡教育的新時代。近年來，有較多的高校都將電教中心與網絡中心合并為現代教育技術中心，這種合并也說明了在高校中，充分發(fā)展現代的智能網絡輔助教育成為高校的發(fā)展與進步的新需要。關鍵字 智能；輔助教學；網絡教學教學網站設計iiabstractthe 20th century was the era that the science and technology advanced

3、 by leaps and bounds , with the rapid development of internet , made people begin to obtain the information and knowledge from network slowly, the classroom instruction means of traditional chalk and blackboard type and mode of teaching taking textbook as the core, be replaced by brand-new intellige

4、nt network teaching soon.system this development is it construct one can reflect student study new-type intelligent tutoring structure , subject of function fully can give play to the teachers guidance function as well as to build. realize the reforming in an all-round way of the teaching mode , con

5、tent of courses , teaching means and teaching method progressively on this basis. regard teaching structure as the main goal of the educational reform, because the teaching structure refers to in certain education thought, teaching theory study teaching steady structure form, activity of process tha

6、t launch among certain environment under the guidance of the theory, it is four tutoring systems that make up connecting of key element (the teacher , student , teaching material and teaching media ) each other , interactive concrete embodiment. through giving lessons on the net , regard student as

7、the centre , is not restricted by time , place , number of times and progress , can utilize such advantages as online resources ,etc. freely , become the intellectual new era for online education of entry thereupon too of new trend of development , education of the educational way. in recent years ,

8、 more universities all merge the audio-visual centre and network center into the technique center of modern education, this kind of amalgamation has proved too that fully develops the modern intelligent network and educates becoming development of the university and progressive new need auxiliarily

9、in the university. keywords intelligence; auxiliary teaching; network teaching目 錄教學網站設計iii目目 錄錄.iii1 概況概況.- 1 -1.1 可行性分析 .- 1 -1.2 設計意義.- 2 -1.3 國內網站開發(fā)與現狀.- 3 -2 相關工具及技術相關工具及技術.- 4 -2.1 網站建設.- 4 -2.2 網頁工具 dreamweaver簡介.- 4 -2.3 微軟 iis 簡介.- 5 -2.4 asp 技術簡介.- 5 -2.5 vbscript 及 javascript 工具介紹.- 7 -2.6

10、 微軟 access簡介.- 7 -3 網站總體設計網站總體設計.- 9 -3.1 asp 設計準備.- 9 -3.2 網站主體結構.- 11 -3.3 登錄及注冊模塊的實現 .- 13 -3.4 課程教學模塊的實現.- 17 -3.5 課件下載模塊的實現.- 17 -3.6 討論留言模塊的實現 .- 18 -4 網站頁面的美化網站頁面的美化.- 20 -4.1 頁面美工.- 20 -4.2 網頁特效.- 20 -5 結束語結束語.- 22 -參考文獻參考文獻.- 23 -致致 謝謝.- 24 -附附 錄錄.- 25 -教學網站設計41 概況1.1 可行性分析傳統(tǒng)教學歷經滄桑，發(fā)現到現在已經是

11、一種很成熟的教學機制，但就其本身而言，傳統(tǒng)的課堂教學還存在很多的局限性。首先表現在教學方法上，傳統(tǒng)的課堂教學以教師單項灌輸為主，學生被動的接受知識，抑制了學生的個性發(fā)展和創(chuàng)新能力的培養(yǎng)，使培養(yǎng)出的學生知人一面，而且教學中的交流互動只能發(fā)生在人際之間，至于學生與書本教材間的互動則基本沒有；其次表現在教學組織上，傳統(tǒng)的課堂教學只能在固定的教室，在固定的時間，傳授給固定的人員，教學的一切因素都有固定的屬性，顯得呆板、笨拙；最后表現在教學環(huán)境上，傳統(tǒng)教學的授課環(huán)境就是課堂，這樣就導致學習者的學習是封閉式學習，缺乏與外界的交流和學習資料的獲得。隨著網絡多媒體計算機技術的發(fā)展，網絡教學全面的充斥著傳統(tǒng)教學

12、，與傳統(tǒng)教學相比，它存在著很多的優(yōu)越性。具體表現在：1. 教學內容的共享性眾所周知，因特網的最大特點就是完全不受地域限制，能夠最大限度地在全球范圍內實現資源共享。網絡教學理所當然繼承了網絡傳輸的這一特性。這樣就使網絡教學不再封閉，學習資源豐富多彩，可以滿足各層次、階段、水平和各種愛好的學習者的需求。2. 教學時空的開放性網絡教學的另一大優(yōu)勢就是教學時空的開放性。這種特性使網絡教學突破了傳統(tǒng)的有圍墻的教學模式，極大的拓展了教學空間，打破了學習空間的封閉性和學習時間的分割性，使學習者可以根據個人的狀況，自主決定學習的時間、內容和進度。3. 教學的雙向互動說到互動，在傳統(tǒng)的教學中，只有教師和學生之間

13、才可以做到。但在網絡教學中，不僅教師和學習者，學習者和學習者之間可以達到交流互動，更重要的是學習者和教學材料之間也可以產生可控制性的雙向互動，即網絡教學存在教學網站設計5主動型和可控制型兩種交互。這在很大程序上激發(fā)了學習者的學習動機。4. 教學內容的多媒體呈現網絡教學作為一種新型教育模式，在現代教學中正發(fā)揮著巨大的作用。但在網絡教學中不僅教師和學習者，學習者和學習者之間可以達到交流互動，更重要的是學習者和教學材料之間也可以產生可控制性的雙向互動，即網絡教學存在主動型和可控制型兩種交互。這在很大程度上激發(fā)了學習者的學習動機。網絡教學以多媒體網絡技術做依托，運用圖片、音頻、視頻、動畫、文字和圖表等

14、形式多層次、多角度的對學習內容進行描繪，有變遠為近、化大為小、變虛為實、化動為靜的功能，將復雜抽象的知識具體化、形象化，激發(fā)學生的學習興趣，加深對所學知識的理解，學生可以眼見其形，耳聞其聲，調動多種感官共同參與認識活動，使學生系統(tǒng)的掌握知識，提高教學質量。1.2 設計意義面對現代如此的網絡遠程教育的需要，開發(fā)一個比較有個性的教育網站很有必要，是以適應現代遠程教育的需要。本教育網站主要以網上教學的方式，讓學生以自主學習的方式，給學生一個輕松的學習環(huán)境。本網站是一個比較小型的網絡遠程教育系統(tǒng)，能夠實現網絡教育的初步功能。采用數據庫與 asp 編程結合的技術，實現用戶注冊及登錄、在線學習、在線考試、

15、留言交流、娛樂等諸多功能，最終以實現既能使用戶學到知識的同時，又提高用戶對學習的興趣為目的。1.3 國內網站開發(fā)與現狀從二十世紀八十年代開始，我國各種經濟組織開始實施信息化，信息技術的高度發(fā)展及廣泛應用，使得以互聯網為基礎的網上教育網站越來越多?？偟膩碚f，網上教育所發(fā)揮的主要作用對學習者還只是一種輔助性的作用，現階段我國網上教育的應用層次還很低，還不能真正滿足大多數受教育者的需求，即讓任何人、在任何時間、任何地點都能通過網絡獲得學習的優(yōu)越性還遠遠沒有得到發(fā)揮。我們認為，教育網站的設計，包含的內容可以非常多,但大體可分兩個方面，這兩方面相輔相成：一方面是純網站本身的設計比如文字排版，圖片制作，平

16、面設計，三維立體設計，動態(tài)特效的設計；另一方面是網站的延伸設計，包括網站的主題定位和瀏覽群的定位，智能交互，形象包裝等等。教學網站設計62 相關工具及技術2.1 網站建設從狹義的角度講，一個網頁就是一個最小的網站。從廣義的角度講，有了網頁，還不能稱其為網站，網站必須是具有網址，存在于網絡服務器上，瀏覽者可以通過 url 訪問網站中的網頁。建設網站的第一步當然是制作完成所有的網頁，當網頁制作完成以后，就要將其放到服務器上，以便讓網絡訪問者瀏覽到，也就是在網上構建一個“家園” 。這項工作一般可以從以下 4 個方面來實現。實體主機首先是購買和建設服務器主機，然后是申請連接 internet 的專線和

17、網址。這種方案的主動權較大，而且可以直接開機上 intenet，不過弊端也很多，只購買服務器主機和每個月昂貴的專線租用費這兩面三刀項，就不是中小企業(yè)所能承擔的，而且還要聘用專人維護網站和服務器主機。最主要的還是帶寬問題，隨著訪問者的增加，就會有線路塞車、傳送遲緩的情況發(fā)生。總之，仿佛是在開發(fā)一片新大陸，不光要修路、架橋，還要建房、尋覓人才，所需資金是很多的。主機托管購買服務器主機后，向 internet service provider(簡稱 isp，網絡接入服務供應商)分租專線，然后自行創(chuàng)建網站和管理服務器主機。它比實體主機省掉一部分的專線租用費，但必須通過撥號上網，然后通過 isp 方連接

18、 internet。這種方案就好象省去了修路、架橋的費用，直接租賃土地進行開發(fā)建設。虛擬主機連購買主機的費用也省去了，而是租用 isp 供應商主機的硬盤空間，由 isp 負責所有硬件和技術人員的費用以及包括連接 internet 的專線月租，而且網站建造者可以不必通過 isp 的網絡接入上網，要以通過其他更省錢的方式上網，網站建造者還可以委托 isp 申請專有的域名。這種方案就好象是向 isp 租用廠房，節(jié)省了各項建設費用，只要按時交納各種管理費，就可以省心地開展業(yè)務了。租用網頁空間小型公司或個人若認為在網絡上要放置的信息并不多，不需要很大的硬盤空間時，可向 isp 租用網頁空間。通常網頁空間

19、的出租分為2mb,5mb,10mb,50mb 以至更多，但沒有自己專屬的域名，必須隸屬于 isp 網址之下，如http:/ 網頁工具 dreamweaver 簡介創(chuàng)建網頁的工具有很多，最原始的如記事本，還有微軟公司的 frontpage，等等。在本網站設計過程中，所用到的是 macromedia 公司的 dreamweaver。使用 dreamweaver 這一網頁編輯器，省去了很多代碼的編寫工作，使得設計者不必編寫 html 代碼，便可以制作出精美的網頁。macromedia dreamweaver 是一款優(yōu)秀的“所見即所得”的網頁編輯器，dreamweaver的可視化特征使用戶可以直接在頁

20、面上添加和編輯元素，而不用寫一行代碼。例如通過鼠標拖曳來添加圖像、表格等元素，在文檔中直接輸入輸入文本，還有直接插入一些常用的符號和對象等等。我們在沒有輸入代碼的情況下完成了這些工作，dreamweaver 自動將結果轉換為 html 源代碼，在代碼視圖中進行修改，這點是為專業(yè)人士考慮的，同時也方便初學者學習掌握 html 語言。教學網站設計72.3 微軟 iis 簡介iis 是 internet information server(internet 信息服務器)的縮寫，它是微軟公司主推點服務器，本網站開發(fā)是通過最新點版本windowsxp 下點 iis5 調試的。iis 支持 http（h

21、ypertext transfer protocol，超文本傳輸協議） ，支持與語言無關的腳本編寫和組建，iis 完全支持 vbscript、jscript 開發(fā)軟件以及 java 等。本網站主要等腳本語言是 vbscript。2.4 asp 技術簡介asp 是服務器端腳本編程環(huán)境。使用 asp 可以交互 html 頁、腳本命令和 activex組件組合起來，創(chuàng)建動態(tài)的、交互的 web 網頁和基于 web 的功能強大的應用程序。asp（active server pages ）是微軟公司推出的一種用以取代 cgi（comman gateway interface）的技術。簡單講，asp 是位于

22、服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以以創(chuàng)建和運行動態(tài)的、交互式的 web 應用程序，如交互式的動態(tài)網頁，包括使用html 表單收集和處理信息、上傳與下載文件等。asp 工作原理（如圖 2-1） 圖 2-1 asp 工作原理asp 內含于 iis（microsoft internet information server）3.0 和 4.0 之中。有了 asp，就不必擔心客戶瀏覽器是否能運行你所編寫的代碼，因為所有的程序都將在服務器執(zhí)行，包括所有嵌在普通 html 中的腳本程序。當程序執(zhí)行完畢后，服務器僅將執(zhí)行的結果返回客戶瀏覽器，這樣就減輕了客戶瀏覽器的負擔，大大提高了信息交互速度。

23、從字面上說，asp 包含下面 3 方面的含義：1：active2：server:3：pages教學網站設計8作為 iis 環(huán)境下開發(fā) web 應用的一種簡單、方便的編程工具，asp 具有如下特點：（1）使用 vbscript favascript 等簡單易懂的腳本語言，結合 html 代碼，可快速完成網站應用程序的開發(fā)；（2）容易編寫，無須編譯，可在服務器直接執(zhí)行；（3）使用普通的文本編輯器，如 windows 的記事本，即可進行編輯；（4）與瀏覽器無關，只要客戶端瀏覽器能夠執(zhí)行 html 代碼，就可以瀏覽 asp 設計的網頁內容。asp 所使用的腳本語言均在 web 服務器執(zhí)行，客戶端的瀏覽

24、器不需要能夠執(zhí)行這些腳本語言。（5）asp 能與任何 activex scripting 語言相兼容，除了可以使用 vbscript 或 javascript腳本語言來設計外，還可以通過 plug-in 的方式，使用由第三方所提供的其他腳本語言，例如 rexx,perl ,tcl 等，腳本引擎是自理腳本程序的 com 組件；（6）asp 的源程序不會被傳到客戶瀏覽器，因而可以避免源程序被剽竊，從而提高了程序的安全性；（7）可使用服務器端的腳本來產生客戶端的腳本；activex 服務器組件具有無限可擴充性，可以使用 visualbasic, java, visual c+, cobol等編程語言

25、來編寫所需的 activex 服務器組件。2.5 vbscript 及 javascript 工具介紹vbscript 是 active server pages 的缺省腳本語言。與一些復雜的編程語言相比，vbscript 只是一種腳本語言，語法要相對簡單得多?？梢?html 文件中直接嵌入 vbscript腳本，這樣能擴展 html 的功能，使它可以對用戶的操作作出反應，進行交互，不再僅僅是一種頁面格式語言。vbscript 是 active server pages 的缺省語言。當然也可以在 asp 網頁中使用其他腳本語言，本課題的開發(fā)過程中 asp 程序主要用了 vbscript 和 j

26、avascript 語言。用 vbscript 作為服務器端的編程語言的好處是 vbscript 不受瀏覽器的限制。vbscript腳本在網頁通過網絡傳送給瀏覽器之前被執(zhí)行。web 瀏覽器接收到的只是標準的 html 文件。vbscript 只有一種稱為 variant 的數據類型，variant 是一個很特殊的數據類型，它可以隨著使用方法的不同而包含不同的信息。因為 variant 是 vbscript 中唯一的數據類型，所以它也是 vbsctipt 中所有函數返回數據的唯一類型。2.6 微軟 access 簡介access 是微軟公司開發(fā)的 office 系列應用程序中的一套功能非常強大的

27、數據庫管理工具，從本質上說是一個關系型數據庫管理系統(tǒng)，以同意的“關系”來描述數據對象之間的聯系，結構簡單、表現力強，符合人們對現實事物的認識規(guī)律。access 為用戶提供了功能豐富的交互界面。與其他數據庫管理系統(tǒng)相比，access 具有以下一些特點：(1)簡單，數據共享性強：access 集成在 windows 操作系統(tǒng)中，與 office 組件具有相同的操作界面、一致的設計風格；可以方便的從 word 和 excel 等同屬 office 系列中的數據導入 access，也可以將 access 中的數據導出到 word 和 excel 中去。(2)數據對象豐富，操作手段便捷：access 為

28、使用者提供了 7 種對象類型，它們分別是表、查詢、窗體、報表、頁、宏以及模塊。這些對象分別實現不同的功能。(3)擁有強大功能的向導工具：可以幫助初學者迅速學會 access，可以提高工作效率。教學網站設計9(4)集成 sql 功能：可以充分利用這一功能更加靈活的創(chuàng)建比較復雜的查詢。(5)多媒體功能：access 支持多媒體功能，可以保存、處理聲音、圖像以及活動視頻等多媒體數據。(6)web 功能：可以在數據庫文件中插入超級鏈接，瀏覽 web 頁，也可以通過 web 頁來發(fā)布數據庫中的數據，或是使用來自網絡的數據。access 的基本功能： 1.組織數據：數據庫管理系統(tǒng)主要的作用就是幫助人們組織

29、、管理各種各樣的數據。2.建立查詢：查詢是人們操作數據庫的一種主要目的。3.建立窗體：窗體是用戶和數據庫應用程序之間的主要接口，窗體在數據庫系統(tǒng)中的應用可以極大的提高數據操作的安全性，也可以豐富使用者的操作界面。4.打印報表：在實際工作中，往往需要將各種數據或查詢結果以書面報表的形式給同事或上級主管，這更符合人們的習慣。5.共享數據：access 本身不但是具有強大、方便的數據管理功能，而且提供了與其他應用程序的接口，即數據的導入、導出及鏈接功能。6.支持超級鏈接：超級鏈接是瀏覽器中一段比較醒目的文本或一個圖標。access 具有 web 特性的數據共享：1.數據訪問頁：允許用戶通過簡單輕松的

30、創(chuàng)建綁定數據的 html 頁，將數據庫應用程序擴展到企業(yè) internet 中。2.分組的數據訪問頁：該功能提供查看和管理相關信息的能力，并且將數據按可折疊的分級格式顯示。3.數據訪問頁工具箱：在“數據訪問頁”設計環(huán)境中提供的工具箱，可用于創(chuàng)建控件。4.字段列表：允許用戶從易于訪問的列表中拖放字段名稱，從而方便的將信息添加到數據訪問頁視圖中。5.超級鏈接處理：access2000 提供的經過改進的超級鏈接界面使在數據庫中查編輯和刪除超級鏈接更為方便。6.共享組件的集成：access2000 利用新的 office 組件和駐留在瀏覽器中的 com 控件，為用戶提供了多種查看和分析數據的方法。3

31、網站總體設計教學網站設計103.1 asp 設計準備在開發(fā) asp 程序之前，需要做一些相應的準備工作。首先，所有的 asp 程序都是在服務器端執(zhí)行端，比如 win2000 下的 iis5；其次為調試開發(fā)的 asp 程序，一個好的程序編輯軟件是必不可少的，在本站的開發(fā)中，所有的 asp 程序都是用 dreamweaver mx 編輯的。盡管用記事本完全可以開發(fā) asp 程序，但如果想高效地開發(fā) web 數據庫管理系統(tǒng)，可用 dreamweaver mx 來開發(fā) asp 文件。雖然 dreamweaver mx 的很多功能都體現在靜態(tài)網頁制作和站點管理上。但用它來編寫 asp 文件還是十分便捷的

32、。asp 是一種動態(tài)生成 web 頁面技術，它以擴展名為.asp 的純文本形式存在于 web 服務器上，可以用任何文本編輯器打開它。在 asp 程序中可以包含純文本、html 標記以及腳本命令。asp 本身并不是一種腳本語言，它只是提供了一種使嵌入在 html 頁面中的腳本程序得以運行的環(huán)境。由于 asp 運行于服務器端，因此一定要通過 www 方式瀏覽，即 url 應以http:/打頭，而不要以本地文件的形式瀏覽。asp 腳本是在定界符（delimiter）“”范圍內的 vbscript 或 java script腳本命令，也是本網站主要用到的兩個腳本語言。默認情況下，主腳本語言 vbscr

33、ipt。如果你想在某一頁中將一種腳本語言設定為主腳本語言，那么只要在.asp 文件開始處再加上如下的命令就可以了: 其中，scriptinglanguage 代表您想設置的主腳本語言 asp 的數據庫應用ado 提供 connection 對象，可以使用該對象建立和管理應用程序同 odbc 數據庫之間的連接。connection 對象具有各種屬性和方法，可以使用他們打開和關閉數據庫連接，并且發(fā)出查詢請求來更新信息。下面的腳本創(chuàng)建 connection 對象，接著打開數據庫連接:在本網站開發(fā)過程中，避免了在不同電腦上運行要設置 odbc 數據庫連接的麻煩，而采用了以下打開數據庫的方式。下面的腳本

34、可以省去設置 odbc 而可以直接運行。當連接了數據庫后，就可以對數據庫進行操作，例如查詢、刪除、更新等，這些操作都是通過 sql 指令，用 connection 對象的 execute 方法來完成的。sql 是用于與數據庫通信的工業(yè)標準語言，它有許多命令可用來檢索和更新信息。下面腳本使用 connection 對象的 excecute 方法執(zhí)行 sql select 命令，該命令將查詢出數據庫表 db1 中“username”字段為“yhy”的數據：其中第三個參數指 recordset 類型(詳見表 3-1),第四個參數指鎖定類型 (詳見表 3-2).表 3-1 數指 recordset 類

35、型adopenforwardonly(=0)只讀,切當前數據記錄只能adopenstatic(=3)只讀,當前記錄可自由移動adopenkeyset(=1)可讀寫，當前記錄可自由移動，多人功用數據庫時,無法看到他人新增記錄adopendynamic(=2)可讀寫，當前記錄可自由移動，多人功用數據庫時,可看到他人新增記錄表 3-2 鎖定類型adlockreadonly(=1)默認值,用來打開只讀的數據記錄adlockpessimistic(=2)悲觀鎖定教學網站設計12adlockoptimistic(=3)樂觀鎖定adlockbatchoptimistic(=4)批次樂觀鎖定通過以上指令，我們

36、創(chuàng)建了一個結果集（recordset）對象 rs。我們可以想象recordset 像一個電子表格，它有一行行的記錄，在任何時候都有一行是它的當前行，而recordset 的字段是用 recordset 的 field 集合表示的。我們可以用 rs(“字段名”)來引用數據庫中的數據。本課題中，要從數據庫中讀取數據時，主要用到了下面的循環(huán)語句：while not（eof and bof） do loop語句來判斷數據庫內容是否到最后一句，如果否，則執(zhí)行中間的語句，從而讀取數據庫中的數據，達到交互的功能本系統(tǒng)的數據庫采用 access 2000，完全能適應題庫數量的要求。3.2 網站主體結構本網站是

37、一個比較小型的網絡遠程教學系統(tǒng)，能夠實現網絡教育的初步功能。采用數據庫與 asp 編程結合的技術，實現在線學習、在線考試以及會員登錄等諸多功能，最終以實現既能使用戶學到知識的同時，又提高用戶的學習興趣為目的。小型教學網站主要提供網上的教學平臺，學生可以通過該系統(tǒng)完成自學，向老師提出問題，跟老師和其他同學討論，并且在線檢測自己的學習情況，與此同時，還可以進行娛樂、軟件、課件的下載等。.小型教學網站，其結構(如圖 3-1)： 圖 3-1 教學網站結構小型網站后臺管理結構圖如下：主 頁課程動態(tài)模 塊 課程學習模 塊留言板模 塊討論區(qū) 模 塊公告欄 模 塊會員注冊登錄模塊課件下載 模 塊后臺管理首 頁

38、 管 理 模 塊 課 程 教 學 模 塊作 業(yè) 系 統(tǒng) 模 塊留 言 系 統(tǒng) 模 塊系 統(tǒng) 管 理 模 塊帳 戶 管 理 模 塊主 機 信 息 模 塊教學網站設計13 圖 3-2 教學網站結構3.3 登錄及注冊模塊的實現簡單介紹用戶通過注冊，并進行登錄后，可以擁有比非注冊用戶大的權限。注冊用戶除了非注冊用戶的在線學習、留言交流、娛樂天地，下載天地等權限外，還可以進行在線測試，通過隨機抽題來檢測自己的學習情況。管理員通過用戶注冊的信息，可以收集用戶資料，以進行對注冊用戶的管理。從實際的角度分析，將此模塊分成這幾個部分：addnew.asp(注冊界面)、login_yh.asp (用戶登錄)、lo

39、gin_gl.asp (管理員登錄)、adlist.asp(管理員查看用戶信息) 等功能。主要數據庫表介紹表 3-3 info 表，用于保存用戶的注冊信息字段名稱數據類型說明username文本用戶名注冊password文本用戶密碼tel數字聯系電話number_qq數字用戶 qq 號碼fax數字用戶傳真address文本用戶地址code文本用戶郵編email文本用戶電子郵箱date日期/時間用戶注冊時間info_gl 表：用于保存管理員的登錄名及密碼，在設計過程中已經設定，不允許用戶在線修改。結構如下表表 3-4 info_gl 表，用于存放管理員信息字段名稱name_glpassword_

40、gl數據類型文本文本教學網站設計14用戶注冊reg.asp 是注冊頁面。程序中，method=”post”方法傳遞數據，request.form(按鈕名)，然后執(zhí)行與數據庫連接、判斷用戶名是否已經注冊、再進行更新數據庫的記錄。如圖 3.3 圖 3-2 用戶注冊流程圖源代碼如下：教學網站設計15%if is_reg=false then call error(系統(tǒng)當前已停止注冊！) call error(前往-首頁) call show_error() else% 用戶注冊 用戶注冊 用戶注冊： 以下資料均需要填寫，否則不能注冊！ 說明 用戶名 請使用英文 1-20 位 密碼： 8-20 位的密

41、碼 確認密碼： 再輸入一遍密碼，以確認 教學網站設計16 學號： 請輸入完整學號,如 200233315319 姓名： 你的真實姓名（中文） 指導教師及所在班級： % call opendb() set rs=conn.execute (select * from eric_manager where purview=2 and class_e) if not rs.eof then% 授課教師 option value= 3.4 課程教學模塊的實現在此模塊中，主要的技術是“樹形目錄展開”的設計與“框架”及“模板”的使用。（1）： 樹形目錄展開的制作（詳細內容請參見：4 頁面美工及網頁特效）（

42、2）： dreamweaver 框架的介紹在一個網站中，通常要有許多元素重復地出現在不同的網頁文檔中，如網頁標題、導航欄等。如果我們在每個網頁都添加這些相同的部分，那么就會浪費許多時間，同時教學網站設計17訪問者在瀏覽網頁的時候也會付出重復的等待時間。在這咱情況下使用框架，就會解決以上的問題?？蚣軐g覽器窗口劃分成幾個部分，將一些不需要更新的元素放在一個框架內，這個框架是一個單獨的網頁文檔，這個文檔是不變的。其他經常更新的內容放在主框架內，主框架內的文檔是經常更換的。（3）： 模板的使用我們一般采用樹狀結構來組織一個網站，所以它的構成就像是一座金字塔，越往下分支越多，相應的頁面也就越多。為了保

43、持各級子頁面的風格統(tǒng)一，我們會在每個子頁面中制作一些相同的內容，如相同的的導航條、網站的相關信息等等。在最原始的狀態(tài)下，這些工作是一個個完成的，即在每一個子頁面中都要制作這些相同的內容，使大量的時間浪費在這些重復性的勞動上。利用 dreamweaver 的“模板”功能，可以減少用戶的重復性勞動。(如：學習園地的右側部分；娛樂天地之西湖風景部分；幫你練習之等級考試部分等)。3.5 課件下載模塊的實現1）：內容簡介課件下載主要是以網頁、ppt、flash 的形式，可以讓學習者在學習的同時觀看 ppt 演示，也可以使學習者在學習之余看看美麗的風景， 讓學習者在學習的過程中，享受到娛樂的樂趣，從而提高

44、學習者的學習興趣。在課件下載模塊上，主要實現在線下載功能，提供一些常用軟件的下載，課件的下載，方便學習者的自主學習，也方便學習者下載一些常用的軟件，還提供一些歌曲及 flash的下載。（2）：技術簡介在這兩個模塊里，沒有很強的技術性問題，但也能使網頁面顯得美觀而大方。在這兩個模塊里，最主要是一些 dreamweaver 常用的、最基本的網頁制作方法，網頁的超級鏈接和文件的超級鏈接。但為了網頁的美觀性及視覺上的動態(tài)效果，在制作的過程中，也用到了一些腳本語言及 gif 動畫。超級鏈接是網頁中最重要、最根本的元素之一，如果沒有它的存在，網頁中的一切就失去了生命，因為網頁相互間失去了聯系，也就不能稱其

45、為網了。正因為有了這些無形的鏈接，才交織成了這紛繁復雜的網絡世界。3.6 討論留言模塊的實現1）：內容簡介討論區(qū)主要是以 bbs 的形式，可以讓學習者在學習的同時在 bbs 中進行計論學習。留言模塊是通過留言板的形式使學習者對不懂的問題在線進行提問。（2）：技術簡介在這兩個模塊里，沒有很強的技術性問題，但也能使網頁面顯得美觀而大方。在這兩個模塊里，最主要是一些 dreamweaver 常用的、最基本的網頁制作方法，網頁的超級鏈接和文件的超級鏈接。但為了網頁的美觀性及視覺上的動態(tài)效果，在制作的過程中，也用到了一些腳本語言及 gif 動畫。超級鏈接是網頁中最重要、最根本的元素之一，如果沒有它的存在

46、，網頁中的一切就教學網站設計18失去了生命，因為網頁相互間失去了聯系，也就不能稱其為網了。正因為有了這些無形的鏈接，才交織成了這紛繁復雜的網絡世界。4 網站頁面的美化教學網站設計194.1 頁面美工本網站主要運用 photoshop 的漸變工具所制作的圖片當作背景。頁面中的按鈕圖標是用 photoshop 制作的圖片。本網站中的文字一般是用 fireworks 進行加工處理的。 4.2 網頁特效在網頁的主頁面上，主要運用了一個水波紋的特效，增強了網頁的美觀，也增加了網頁的動感。在本網站的許多頁面里，運用了 gif 動畫，增強了網頁的動感。也給人一種美的視覺感。樹形目錄展開介紹（1）設計思想及簡

47、單介紹用戶在學習閱讀的過程中，可以在左邊的框架中選擇要閱讀的內容，點擊左邊框架中章節(jié)的標題，右邊框架中就會顯示對應章節(jié)的內容，讀者還可以隨時選擇想要學習的內容，可以隨時更新，這就是數形目錄展開的功效。（2）實現步驟定義一個控制樹形目錄展開的函數function opencat(cat,img)/打開菜單目錄 if(cat.style.display=none) cat.style.display=; img.src=images/t05.gif; else cat.style.display=none; img.src=images/t02.gif; 下面是“第一章樹形目錄展開”的代碼：/總章

48、展開的代碼如下： 第一章 計算機基礎/每一節(jié)展開定位的代碼如下 第一節(jié) 計算機的發(fā)展歷史 教學網站設計20第二節(jié) 計算機特點 anfy 制作主頁面的水波紋的效果在主頁面上，運用了 anfy 2.1 制作了水波紋的效果，一些 applets 小程序的應用，給主頁面增加了許多動感。水波紋特效的主要文件有anfy . class anwater.class lware.class 以及主頁面中的一段源代碼如下：please download java(tm).在娛樂天地里用到了一些腳本語言，有蝴蝶從網頁最底部飛起來的特效， （其代碼略） 。另外還有一些狀態(tài)欄的文字滾動出現的特效腳本語言；圖片上方文字

49、從右向左漸出的腳本；主頁上，若還沒有登錄想進入在“線測試模塊”的登錄提示腳本語言，等等。5 結束語通過這次和孫赫同學共同進行本次網站的制作，感覺自己的動手能力增強了很多。制作本網站，是對自己四年大學專業(yè)知識的一次檢驗，也是一次增強自身綜合素質機會。由于各種原因，網站的功能還沒有得到進一步的完善，但我會繼續(xù)努力，在今后的學習過程中，不斷地提高自己。教學網站的實現充分得發(fā)揮了網站教學方便的特點，基本上完成了計算機知識的教學，而且學生學習過部分課程之后可以利用幫你學習模塊進行自我測驗，另外還可以在交流模塊給教師留言進行問題的探討。但是由于技術有限，很多功能還有些不能讓人滿意。教學網站設計21參考文獻

50、1 馮龍山、李其藝， 輕松學習-asp 網絡使用編程 ，清華大學出版社，20022 廖信彥， active server pages 應用大全-asp 與數據庫的整合 ，清華大學出版社，20033 吳興興、高保祿， 網絡數據庫應用實例 ，人民郵電出版社，20034 宣小平、但正剛、張文毅， asp 數據庫系統(tǒng)開發(fā)實例導航 ，人民郵電出版社，20035 丁貴廣， asp 編程基礎與實例 ，機械工業(yè)出版社，20026 阮家棟、施美雅， web 數據庫技術 ，科學出版社，20027 姬成強， fireworks 就這么簡單 ，機械工業(yè)出版社，2002 8 beverly abbey. instruc

51、tional and cognitive impacts of web-based educationm: idea group publishing, 2000 9 esther s. grassian, joan r. kaplowitz. information literacy instructionm: theory and practicem,ny: neal-schuman publishers,inc.2001 10 nancy k. getty, barbara burd, sarah k. burns, linda piele. using courseware to de

52、liver library instruction via the web : four examples. reference services review, 2000(4): 349-359 11 george s machavec. course management software: where is the library. information intelligence online libraries and microcomputer. 2001(10): 1-2 12 aasowitz-scheer. information literacy instruction i

53、n higher education: trends and issues教學網站設計22致 謝在本次畢業(yè)設計中，我從指導老師身上學到了很多東西。他無論在理論上還是在實踐中，都給與我很大的幫助，使我得到不少的提高這對于我以后的工作和學習都有一種巨大的幫助，感謝他耐心的輔導。 另外，在網站的開發(fā)過程中，同組的同學和很多網上的朋友也給與我不少幫助和指導，使得網站能及時開發(fā)完成，這里一并表示感謝。在大學四年的學習、生活與工作中，計算機系和工程學院的老師們對我的學習和工作都給予了諄諄教誨，他們嚴謹的治學思想、淵博的專業(yè)知識和豐富的社會閱歷，時時刻刻教育和激勵著我。他們不僅教會了我豐富的專業(yè)知識，更教會

54、了我做人的道理。能作為他們的學生是我一生的驕傲。在此論文完成之際，謹向他們致以最衷心的感謝，感謝他們四年來對我的關懷與幫助。教學網站設計23附 錄系統(tǒng)使用說明系統(tǒng)使用說明microsoft personal web server ( pws ) 是一個桌面 web 服務器。在 windows95 和windows98 兩種環(huán)境下，要安裝 pws，可以從自己的計算機上發(fā)布個人主頁，也可以在把站點上載到 internet 提供商之前，用 pws 作為開發(fā)平臺。而在 windows2000 和 windowsxp 的系統(tǒng)下，可以通過設置 iis，來實現在自己的計算機上發(fā)布個人主頁。使用 iis 可以

55、很容易地建立自己的 internet 或 intranet 站點。1：iis 的安裝過程如下：（1）：在“控制面板”中雙擊“添加/刪除程序” ，單擊“添加/刪除 windows 組件”標簽，單擊“下一步”按鈕。（2）：在“windows 組件”頁面單擊“internet 信息服務 iis” ，再單擊“詳細信息”按鈕，打開 iis 服務選項。（3）：在“iis 服務選項”中保證“ world wide web 服務器 ”被選中。其他選項視需要任選。（4）：最后單擊“確定”按鈕，系統(tǒng)將安裝 iis。2：創(chuàng)建 web 站點安裝好 iis 后就已經建立了一個 web 站點。站點名是 dns 中注冊的計

56、算機域名，或localhost。使用 iis 可以在一臺計算機上建立幾個站點，每個站點有自己的域名和主頁。虛擬目錄用一個別名把原來的目錄標識成主目錄下的一個虛擬子目錄。用戶可以通過瀏覽器訪問這個虛擬目錄。創(chuàng)建虛擬目錄的步驟如下：（1）：找開“管理工具” ，選擇“internet 服務管理器” 。（2）：在“internet 服務管理器”控制臺中，在彈出的快捷菜單中選擇“新建” ，再選擇“虛擬目錄” 。（3）：在“歡迎”畫面中單擊“下一步”按鈕。（4）：為虛擬目錄設定一個別名，然后單擊“下一步”按鈕。（5）：設置虛擬目錄的實際路徑，再單擊“下一步”按鈕。（6）：設置該虛擬目錄的權限，完成虛擬目錄

57、的創(chuàng)建。教學網站設計24 anyway, i was here in amber some years ago. not doing much of anything. just visiting and being a nuisance. dad was still around, and when i noticed that he was getting into one of his grumpy moods, i decided it was time to take a walk. a long one. i had often noticed that his fondness

58、for me tended to increase as an inverse function of my proximity. he gave me a fancy riding crop for a going-away present-to hasten the process of affection, i suppose. still, it was a very nice crop-silver-chased, beautifully tooled-and i made good use of it. i had decided to go looking for an asse

59、mblage of all my simple pleasures in one small nook of shadow. it was a long ride-i will not bore you with the details-and it was pretty far from amber, as such things go. this time, i was not looking for a place where i would be especially important. that can get either boring or difficult fairly q

60、uickly, depending on how responsible you want to be. i wanted to be an irresponsible nonentity and just enjoy myself. texorami was a wide open port city, with sultry days and long nights, lots of good music, gambling around the clock, duels every morning and in-between mayhem for those who couldnt w