畢業(yè)論文---網(wǎng)頁設(shè)計與制作

1、<p><b>　　畢業(yè)論文（設(shè)計）</b></p><p>　　題 目 《網(wǎng)頁設(shè)計與制作》 </p><p>　　專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā) </p><p>　　《網(wǎng)頁設(shè)計與制作》專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)<

2、/p><p>　　[摘要] 信息技術(shù)的迅猛發(fā)展，特別是Internet與校園網(wǎng)的接軌，為學(xué)校教育教學(xué)提供了豐富的資源。專題學(xué)習(xí)網(wǎng)站作為教學(xué)資源的一種主要表現(xiàn)形態(tài)日益顯示出蓬勃發(fā)展的生機。本文以《網(wǎng)頁設(shè)計與制作》為例，闡述了專題學(xué)習(xí)網(wǎng)站的概念及建設(shè)意義，詳細闡明了基于ASP技術(shù)和ACCESS數(shù)據(jù)庫系統(tǒng)的《網(wǎng)頁設(shè)計與制作》專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)過程。</p><p>　　[關(guān)鍵詞] 網(wǎng)頁設(shè)計與

3、制作 專題學(xué)習(xí)網(wǎng)站 ASP ACCESS數(shù)據(jù)庫</p><p><b>　　1 概述 </b></p><p>　　1.1 網(wǎng)站建設(shè)背景</p><p>　　信息技術(shù)的迅猛發(fā)展，為人們的工作方式、學(xué)習(xí)方式和生活方式帶來了前所未有的沖擊。特別是Internet與校園網(wǎng)的接軌，為學(xué)校教育教學(xué)提供了豐富的資源，打破了學(xué)生僅以教科書作為

4、知識來源單一渠道的局限，為改變長期以來以教師灌輸、傳授為主要方法的傳統(tǒng)教學(xué)模式提供了有利的技術(shù)支持，為學(xué)校教育、家庭教育與社會教育融為一體，為各類教育資源的多層次開發(fā)和建設(shè)創(chuàng)造了很好的環(huán)境[1]。自2001年，李克東教授在我國首次提出“專題探索一網(wǎng)站開發(fā)”的學(xué)習(xí)模式之后，經(jīng)過近幾年的研究和探索，專題學(xué)習(xí)網(wǎng)站已成為廣大教育工作者積極探索新的教育模式和方法的最新關(guān)注點，越來越多的教師開始創(chuàng)建專題學(xué)習(xí)網(wǎng)站，并進行基于專題學(xué)習(xí)網(wǎng)站的研究性教學(xué)實

5、踐與研究。《網(wǎng)頁設(shè)計與制作》專題學(xué)習(xí)網(wǎng)站是在保留和發(fā)揮傳統(tǒng)課堂教學(xué)優(yōu)勢的基礎(chǔ)上，運用ASP動態(tài)網(wǎng)頁制作技術(shù)，充分發(fā)揮網(wǎng)絡(luò)環(huán)境下數(shù)字化學(xué)習(xí)優(yōu)勢而構(gòu)建的，是對網(wǎng)絡(luò)環(huán)境下的網(wǎng)頁設(shè)計與制作教學(xué)進行的有效嘗試與創(chuàng)新，從而促進信息技術(shù)與課程整合，為學(xué)生提供較為完備網(wǎng)頁設(shè)計與制作的知識系統(tǒng)，創(chuàng)造自主學(xué)習(xí)和協(xié)作學(xué)習(xí)的良好環(huán)境。</p><p>　　1.2 專題學(xué)習(xí)網(wǎng)站的概述</p><p>　　專題學(xué)習(xí)網(wǎng)

6、站其實是一個基于網(wǎng)絡(luò)資源的專題研究、協(xié)作式學(xué)習(xí)系統(tǒng)，它通過在網(wǎng)絡(luò)學(xué)習(xí)環(huán)境中，向?qū)W習(xí)者提供大量的專題學(xué)習(xí)資源和協(xié)作學(xué)習(xí)交流工具，讓學(xué)習(xí)者自己選擇和確定研究的課題或項目的設(shè)計，自己收集、分析并選擇信息資料，應(yīng)用知識，去解決實際問題。[2]專題學(xué)習(xí)網(wǎng)站通常包括四個基本內(nèi)容：專題結(jié)構(gòu)化的知識展示、擴展性的學(xué)習(xí)資源、交流討論答疑空間、自我評測系統(tǒng)。</p><p>　　1.3 本專題學(xué)習(xí)網(wǎng)站的建設(shè)目標(biāo)及創(chuàng)新點</p&

7、gt;<p>　　1.3.1. 網(wǎng)站建設(shè)目標(biāo)</p><p>　　1．提供豐富的專題學(xué)習(xí)資源 </p><p>　　本網(wǎng)站以網(wǎng)頁設(shè)計與制作專題為導(dǎo)向，提供結(jié)構(gòu)化的專題知識庫，包括平面媒體動畫教程、網(wǎng)頁制作教程、網(wǎng)站編程教程、網(wǎng)頁特效等內(nèi)容，學(xué)習(xí)資源具有趣味性、可讀性。</p><p>　　2．滿足師生雙重需要，輔助學(xué)習(xí)、輔助教學(xué)。</p>

8、<p>　　本網(wǎng)站以教師為主要創(chuàng)作者，充分體現(xiàn)教師的教學(xué)思想與智慧; 同時滿足學(xué)生自主學(xué)習(xí)、探究學(xué)習(xí)與協(xié)作學(xué)習(xí)需要，資源的利用率高。</p><p>　　3．提供良好的網(wǎng)絡(luò)協(xié)作學(xué)習(xí)工具，支持基于網(wǎng)絡(luò)的研究性學(xué)習(xí)</p><p>　　強調(diào)通過學(xué)習(xí)者主體性的探索、研究、協(xié)作來求得問題解決，從而讓學(xué)習(xí)者體驗和了解科學(xué)探索過程，提高學(xué)習(xí)者獲取信息、分析信息、加工信息的實踐能力和培養(yǎng)良

9、好的創(chuàng)新意識與信息素養(yǎng)。</p><p>　　4．本網(wǎng)站具有良好的可擴充性</p><p>　　隨著網(wǎng)站開發(fā)工作的深入和學(xué)生研究性學(xué)習(xí)的不斷開展，本網(wǎng)站所包含的知識會不斷豐富、網(wǎng)站的各種功能會不斷完善。</p><p>　　1.3.2. 本網(wǎng)站開發(fā)的意義和創(chuàng)新點</p><p>　　本網(wǎng)站面向所有在校的學(xué)生和教師，也可以為所有喜愛網(wǎng)頁設(shè)計與

10、制作的學(xué)者提供豐富的知識與資源。在網(wǎng)站的建設(shè)過程中，既要提供豐富的知識資源，也要為生生之間或是師生之間提供良好的交流互動空間，這樣才能真正實現(xiàn)網(wǎng)站開發(fā)的目的。</p><p>　　本專題學(xué)習(xí)網(wǎng)站主要有以下創(chuàng)新點：</p><p>　　1. 本專題學(xué)習(xí)網(wǎng)站為學(xué)生設(shè)計的在線測試系統(tǒng)，學(xué)生在進行在線測試結(jié)束后能夠自動評分，并且會給出每題的正確答案，讓學(xué)生清楚地知道自己錯在哪里，以后在學(xué)習(xí)過程中要

11、注意什么。</p><p>　　2. 本網(wǎng)站中的生生之間或是師生之間的交流討論功能十分完整，其中包括學(xué)習(xí)論壇、留言板、在線咨詢、學(xué)院郵箱、教師博客等，讓所有的學(xué)者都能選擇自己喜歡的交流方式進行交流討論，以達到共同進步。</p><p>　　2網(wǎng)站建設(shè)技術(shù)基礎(chǔ) </p><p>　　2.1 B/S結(jié)構(gòu)介紹</p><p>　　B/S（Brow

12、ser/Server，簡稱B/S）結(jié)構(gòu)，即瀏覽器/服務(wù)器模式，它是WEB興起后的一種網(wǎng)絡(luò)結(jié)構(gòu)模式，從傳統(tǒng)的二層C/S結(jié)構(gòu)發(fā)展而來，通常采用三層結(jié)構(gòu)：瀏覽器-Web服務(wù)器-數(shù)據(jù)庫服務(wù)器，WEB瀏覽器是客戶端最主要的應(yīng)用軟件，瀏覽器通過Web Server 同數(shù)據(jù)庫進行數(shù)據(jù)交互[5]。</p><p>　　在B／S體系結(jié)構(gòu)系統(tǒng)中，用戶通過瀏覽器向分布在網(wǎng)絡(luò)上的許多服務(wù)器發(fā)出請求，服務(wù)器對瀏覽器的請求進行處理，將用戶所

13、需信息返回到瀏覽器。</p><p>　　該結(jié)構(gòu)的缺點是存在數(shù)據(jù)安全性問題、對服務(wù)器要求過高、數(shù)據(jù)傳輸速度慢、軟件的個性化特點明顯降低，難以實現(xiàn)傳統(tǒng)模式下的特殊功能要求。</p><p>　　2.2 ACCESS 數(shù)據(jù)庫</p><p>　　Access是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供

14、了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分數(shù)據(jù)管理的任務(wù)[5]。</p><p>　　ASP 技術(shù)與IIS</p><p>　　ASP（Microsoft Active Server Pages ）

15、技術(shù)是目前比較流行的開發(fā)動態(tài)WEB頁的技術(shù)之一，其他的還有如PHP，JSP，ASP.NET等。但ASP以其獨特的易學(xué)、易用、易維護等特點，為大多數(shù)中小型企業(yè)級管理信息系統(tǒng)所選用，其主要可以靈活應(yīng)用微軟公司COM組件，開發(fā)出功能強大的信息系統(tǒng)，其主要運行于WINDOWS的IIS服務(wù)器平臺。ASP程序的控制部份，是使用VBScript、JScript等腳本語言來設(shè)計的[8]。</p><p>　　IIS（Intern

16、et Information Server，互聯(lián)網(wǎng)信息服務(wù)）是一種Web（網(wǎng)頁）服務(wù)組件，其中包括Web服務(wù)器、FTP服務(wù)器、NNTP服務(wù)器和SMTP服務(wù)器，分別用于網(wǎng)頁瀏覽、文件傳輸、新聞服務(wù)和郵件發(fā)送等方面，它使得在網(wǎng)絡(luò)（包括互聯(lián)網(wǎng)和局域網(wǎng)）上發(fā)布信息成了一件很容易的事。</p><p><b>　　3 網(wǎng)站需求分析</b></p><p>　　3.1 總體功能

17、需求分析</p><p>　　網(wǎng)站功能分析就是以系統(tǒng)的觀點，對已選定的對象與開發(fā)范圍進行有目的、有步驟的實際調(diào)查和科學(xué)分析。分析的目的是要弄清楚網(wǎng)站要做什么。在這個階段，需要認真分析用戶的需求，用科學(xué)的方法來表達并深入分析建站方案。網(wǎng)站的系統(tǒng)分析工作不僅使前期的系統(tǒng)規(guī)劃方案輪廓更加清晰，而且要對諸多方案的可行性進行細致的論證，最終為后面的設(shè)計工作打下基礎(chǔ)。</p><p>　　本網(wǎng)站作為專

18、題學(xué)習(xí)網(wǎng)站，其中包括四個基本內(nèi)容：專題結(jié)構(gòu)化的知識展示、擴展性的學(xué)習(xí)資源、交流討論答疑空間、自我評測系統(tǒng)。同時也包括了教師博客、后臺新聞管理、論壇用戶管理、在線投票和投稿等功能的實現(xiàn)。</p><p><b>　　功能需求</b></p><p><b>　　1. 專題學(xué)習(xí)功能</b></p><p>　　專題學(xué)習(xí)功能是本

19、專題學(xué)習(xí)網(wǎng)站的核心內(nèi)容，展示了學(xué)習(xí)專題結(jié)構(gòu)化知識，根據(jù)網(wǎng)頁設(shè)計與制作專題知識結(jié)構(gòu)，呈現(xiàn)教學(xué)內(nèi)容和學(xué)習(xí)資源，供學(xué)習(xí)者進行自主學(xué)習(xí)。在這一功能模塊中分為平面媒體動畫，網(wǎng)頁制作、網(wǎng)站編程、網(wǎng)頁特效、優(yōu)秀教程等。</p><p><b>　　2. 擴展資源功能</b></p><p>　　學(xué)生利用網(wǎng)站中專題學(xué)習(xí)的知識通常是不夠的，有些資源還是比較局限，所以在擴展資源功能這一塊

20、增加了網(wǎng)站運營、相關(guān)軟件、相關(guān)資源網(wǎng)站、實用工具、網(wǎng)頁模版等模塊。學(xué)生可以在較好地學(xué)習(xí)了專題知識外，選擇性地學(xué)習(xí)下擴展資源里面的知識，拓寬知識面，讓知識更加豐富。</p><p><b>　　3. 交流討論功能</b></p><p>　　網(wǎng)上學(xué)習(xí)交流討論空間，根據(jù)學(xué)習(xí)專題，構(gòu)建網(wǎng)上學(xué)習(xí)互動和技術(shù)交流討論等版塊，為師生之間或是生生之間提供一個良好的互動交流平臺，以便學(xué)

21、生能夠更好地交流學(xué)習(xí)。這在一功能分為學(xué)習(xí)論壇、留言板、在線咨詢、教師博客等模塊。</p><p><b>　　4. 自我評測功能</b></p><p>　　網(wǎng)上自我評價系統(tǒng)，收集與學(xué)習(xí)專題相關(guān)的思考性問題、形成性練習(xí)和總結(jié)性考查評測資料，并將其設(shè)計成基礎(chǔ)性強、覆蓋面廣、難度適宜的題庫，讓學(xué)習(xí)者能進行網(wǎng)上自我學(xué)習(xí)評價。在線測試是學(xué)生進入在線考試系統(tǒng)進行測試，在測試完成

22、之后可以系統(tǒng)會自動評分，并能看到正確答案。</p><p><b>　　功能結(jié)構(gòu)圖</b></p><p>　　《網(wǎng)頁設(shè)計與制作》專題學(xué)習(xí)網(wǎng)站功能結(jié)構(gòu)如圖3-1所示：</p><p>　　圖3-1 網(wǎng)站功能結(jié)構(gòu)圖</p><p><b>　　3.2 網(wǎng)站特點</b></p><

23、p>　　此專題學(xué)習(xí)網(wǎng)站主要有如下特點：</p><p>　　1．整個系統(tǒng)完全架構(gòu)于B／S模式結(jié)構(gòu)之上，使用戶易于學(xué)習(xí)使用。</p><p>　　2．學(xué)習(xí)資源豐富，對各種媒體都有良好的支持，用戶可在瀏覽器中任意顯示播放。</p><p>　　3．此網(wǎng)站為用戶提供了交流討論的空間，用戶可對一些熱點問題發(fā)表自己的看法，也可向其他用戶求教。</p>&l

24、t;p>　　4．此網(wǎng)站為學(xué)生提供了投票和在線測試，用戶可參與投票和進行在線測試。</p><p>　　5．網(wǎng)站論壇中包含了用戶權(quán)限管理機制，通過新用戶注冊功能注冊的用戶只有基本的使用權(quán)限，管理員具有特殊權(quán)限。</p><p>　　3.3 網(wǎng)站布局技術(shù)</p><p><b>　　1、表格布局</b></p><p&g

25、t;　　本站主要使用表格方式布局。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是，當(dāng)我們用了過多表格時，頁面下載速度受到影響。</p><p><b>　　2、層疊樣式表</b></p><p>　　層疊樣式表(CSS)是W3C組織新近批準(zhǔn)的一個輔助HTML設(shè)計的新特性,它

26、能夠使你保持整個HTML的統(tǒng)一外觀。過去當(dāng)你在設(shè)置文本時,為了保持整個段落都使用相同的外觀,不得不為每一段設(shè)置屬性,很麻煩。如果使用了CSS,那么可以在設(shè)置文本之前,就指定整個文本的屬性,比如顏色、字體大小等等,這樣,我們就能獲得統(tǒng)一的文本外觀了。</p><p><b>　　3、網(wǎng)站首頁界面</b></p><p>　　圖3-2 網(wǎng)站首頁界面</p>

27、<p><b>　　4 數(shù)據(jù)庫設(shè)計</b></p><p>　　數(shù)據(jù)庫在一個管理系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫的結(jié)構(gòu)好壞將直接影響到應(yīng)用系統(tǒng)的實現(xiàn)效果和數(shù)據(jù)操作效率以及能否保證數(shù)據(jù)的一致性、完成性和安全性。</p><p>　　4.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計</p><p>　　根據(jù)需求分析，得出網(wǎng)站數(shù)據(jù)庫系統(tǒng)的E-R圖，如圖4-1

28、所示。</p><p>　　圖4-1 網(wǎng)站數(shù)據(jù)庫系統(tǒng)E-R圖</p><p>　　4.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計</p><p>　　根據(jù)網(wǎng)頁設(shè)計與制作專題學(xué)習(xí)網(wǎng)站的功能要求，通過分析系統(tǒng)要涉及的相關(guān)實體以及要收集、存儲和操縱的數(shù)據(jù)信息，系統(tǒng)共包含10個主要的表，主要如下：</p><p>　　1. 用戶留言表:用于查看和管理用戶留言的內(nèi)容。&

29、lt;/p><p>　　表4-3 用戶留言表（ly）</p><p>　　2. 新聞信息表:用于發(fā)布新聞及各類網(wǎng)頁設(shè)計與制作的教程。</p><p>　　表4-2 新聞信息表（News）</p><p>　　3. 論壇發(fā)帖表:用于用戶發(fā)表和存儲帖子。</p><p>　　表4-4 論壇發(fā)帖表（Dv_bbs1）</p&

30、gt;<p>　　4. 論壇用戶信息表:用于查看和管理注冊用戶。</p><p>　　表4-5 論壇用戶信息表（Dv_User）</p><p>　　5. 博客新聞信息表: 用于發(fā)布新聞及各類教師的教師心得和最新動態(tài)。</p><p>　　表4-6 博客新聞信息表（EX_log）</p><p>　　6. 博客留言表:用于查看和

31、管理博客中用戶發(fā)表的留言。</p><p>　　表4-7 博客留言表（EX_Message）</p><p>　　7. 學(xué)生成績表: 用于管理學(xué)生在線測試成績和補考情況。</p><p>　　表4-8 學(xué)生成績表（onlinerep）</p><p>　　8. 試題信息表: 用于管理學(xué)生在線測試試題的類型及分數(shù)。</p><

32、;p>　　表4-9 試題信息表（onlinetest）</p><p>　　9. 在線投票表: 用于查看和管理用戶投票。</p><p>　　表4-10 在線投票表（TP）</p><p>　　10. 在線投稿表: 用于查看和管理用戶投稿</p><p>　　表4-11 在線投稿表（UserTouGao）</p><

33、p><b>　　5 人機界面設(shè)計</b></p><p><b>　　后臺登錄界面設(shè)計</b></p><p>　　登錄頁面主要實現(xiàn)用戶的登錄，用戶有管理員、一般用戶，管理員可以對其進行任何的操作，而一般用戶只可以做權(quán)限之內(nèi)的操作。登錄界面流程圖如圖5-1所示，界面圖如圖5-2所示。</p><p>　　圖5-1 登

34、錄流程圖</p><p>　　圖5-2 管理員登錄窗口</p><p>　　設(shè)計好登錄窗口后，還不能實現(xiàn)其功能，要實現(xiàn)其身份驗證功能，必須添加相應(yīng)程序代碼。驗證分為服務(wù)器端驗證代碼和客戶端驗證代碼兩種。服務(wù)器端驗證代碼就主要是VBSCRIPT代碼，主要通過服務(wù)器運行，主要優(yōu)點就是無論客戶端IE做了怎樣的設(shè)置，都不會影響其功能，由于每次都要訪問數(shù)據(jù)，所以其缺點就是加重了服務(wù)器的負擔(dān)；客戶端主

35、要是JS腳本代碼，運行于客戶端，其優(yōu)點就是不用通過服務(wù)器后臺訪問數(shù)據(jù)庫就可以判斷數(shù)據(jù)的合法性，大大減輕了服務(wù)器的負荷，其缺點就是如果客戶端的IE禁用了JS腳本運行，那么這個功能如同虛設(shè)[9]。</p><p><b>　　后臺編輯主頁面設(shè)計</b></p><p>　　圖5-3 后臺編輯主頁面</p><p>　　后臺管理系統(tǒng)提供了添加新聞，新

36、聞修改，欄目、專題管理，評論、留言管理，投票、公管理告、代碼調(diào)用，設(shè)置、日志管理，友情鏈接、分類管理，上傳文件管理，網(wǎng)友投稿管理，數(shù)據(jù)統(tǒng)計等功能選擇項，可以完成新聞信息的在線編輯發(fā)布、咨詢留言的在線回復(fù)、網(wǎng)上投票項的增減等管理任務(wù)。</p><p><b>　　6 系統(tǒng)程序設(shè)計</b></p><p>　　在上面已經(jīng)著重討論了網(wǎng)站功能模塊的設(shè)計，詳細分析了每一個模塊的

37、功能，在節(jié)將討論怎樣具體的實現(xiàn)系統(tǒng)中每個模塊的功能，也就是系統(tǒng)的詳細設(shè)計過程。詳細設(shè)計的根本目標(biāo)是確定應(yīng)該怎樣具體的實現(xiàn)所要求的網(wǎng)站，也就是說，經(jīng)過這個階段的設(shè)計工作，應(yīng)該得出對目標(biāo)系統(tǒng)的描述，從而在編碼階段可以把這個描述直接翻譯成用某種程序設(shè)計語言書寫的程序。</p><p>　　詳細設(shè)計階段的任務(wù)在于要設(shè)計出程序的“藍圖”，因此，詳細設(shè)計的結(jié)果基本上決定了最終的程序代碼的質(zhì)量。詳細設(shè)計的目標(biāo)不僅僅是邏輯上正確

38、地實現(xiàn)每個模塊的功能，更重要的是設(shè)計出的處理過程應(yīng)該盡可能簡明易懂。結(jié)構(gòu)程序設(shè)計技術(shù)是實現(xiàn)上述目標(biāo)的關(guān)鍵技術(shù)，因此是詳細設(shè)計的邏輯基礎(chǔ)[6]。</p><p><b>　　程序設(shè)計語言</b></p><p>　　我們主要采用ASP作為程序設(shè)計代碼的開發(fā)工具。使用ASP作為開發(fā)工具的主要原因在于利用ASP技術(shù)可以建立動態(tài)的、高性能的、安全的、跨平臺的先進動態(tài)網(wǎng)站。AS

39、P技術(shù)在加速動態(tài)Web 網(wǎng)頁開發(fā)時的突出特點有以下幾個：</p><p>　　1. ASP可以將內(nèi)容的生成和顯示進行分離：Web頁面開發(fā)者可以用HTML或XML 標(biāo)識進行對最終頁面的設(shè)計，同時使用ASP Tag 或Java Script 來生成頁面上的動態(tài)內(nèi)容，因為所有的腳本都在服務(wù)器端運行，所以，如果核心邏輯部分被封裝在標(biāo)識中，那么Web管理人員或頁面設(shè)計者將只能編輯ASP頁面的顯示方式，而不會影響其內(nèi)容的實質(zhì)

40、。</p><p>　　2. 對不同瀏覽器的兼容：由于ASP技術(shù)采用了將ASP Tag 和Java Script 在服務(wù)器端解釋并執(zhí)行而只將結(jié)果以HTML或XML的形式送回到客戶端的方法，從而保證了對其它基于HTML的Web瀏覽器的完全兼容。</p><p><b>　　數(shù)據(jù)庫連接</b></p><p>　　網(wǎng)站采用Access數(shù)據(jù)庫，連接代

41、碼如下：</p><p>　　部份源程序?qū)崿F(xiàn)及文件</p><p>　　后臺用戶登陸程序。涉及程序文件：</p><p>　　wysjzt\login.asp 登陸頁面</p><p>　　wysjzt\login_do.asp 登陸驗證</p><p>　　wysjzt\admin\index.asp 管理員界面&l

42、t;/p><p>　　1、 登陸驗證源代碼如下：</p><p>　　2、 新用戶注冊register.asp的代碼如下：</p><p>　　3、學(xué)生在線測試結(jié)束后自動測評成績的代碼如下：</p><p>　　4、在線投票js-tp.asp實現(xiàn)的代碼如下：</p><p>　　7 網(wǎng)站的建立和維護</p>

43、<p>　　網(wǎng)站設(shè)計與維護是一項系統(tǒng)工程，從最初的網(wǎng)站目標(biāo)的規(guī)劃、網(wǎng)站平臺的選擇、服務(wù)器準(zhǔn)備到網(wǎng)頁制作再到后期的發(fā)布宣傳及維護，缺哪一部分都會影響網(wǎng)站的效果。</p><p><b>　　網(wǎng)站的建立</b></p><p><b>　　網(wǎng)站運行環(huán)境</b></p><p>　　為了保證系統(tǒng)運行的效率和可靠性，系統(tǒng)

44、服務(wù)器端應(yīng)具有較高的軟硬件配置，客戶端的要求不是很高。此應(yīng)用程序可廣泛運行于國際互聯(lián)網(wǎng)即Internet，也可適用于內(nèi)部的局域網(wǎng)。其運行要求如下：</p><p>　　服務(wù)器端：操作系統(tǒng)—Windows xp/ 2003 server</p><p>　　Web服務(wù)器—IIS5.0</p><p>　　數(shù)據(jù)庫服務(wù)器—SQL server2005</p>

45、<p>　　瀏覽器—IE6.0以上版本等；</p><p>　　客戶端： Internet Explorer(IE6.0)等</p><p>　　網(wǎng)站的測試環(huán)境IIS</p><p>　　IIS和Aapche Server 是目前使用最廣泛的Web服務(wù)器，他們可以在UNIX和Windows平臺上運行。此系統(tǒng)在開發(fā)階段使用IIS（Internet Inf

46、ormation Server）在個人計算機上調(diào)試。Internet信息服務(wù)5.1(IIS)是一種Windows Web服務(wù)，可以使用它非常輕松地在Internet上發(fā)布信息。Internet信息服務(wù)管理單元提供了一些服務(wù)器管理選項，用于控制網(wǎng)站或FTP站點的內(nèi)容以及對這些站點的訪問。Internet信息服務(wù)管理單元包含下列功能：</p><p>　　1. Windows NT Server或Windows 20

47、03 Server服務(wù)器的一些附加設(shè)置，如管理FTP站點、隔離應(yīng)用程序、映射MIME類型或指定其他腳本引擎等[12]。</p><p>　　2. 管理Internet信息服務(wù)網(wǎng)絡(luò)安裝的能力。</p><p>　　3. 通過Internet信息服務(wù)服務(wù)單元，將主目錄指向應(yīng)用程序所在目錄，從而通過瀏覽Web應(yīng)用程序所在目錄下的ASP，HTML文件，達到該系統(tǒng)在個人計算機上的測試，為最終在將站點

48、上載到公司Internet或Internet之前提供了Web程序在最終服務(wù)器上的精確效果。</p><p><b>　　本網(wǎng)站IIS配置</b></p><p>　　1. 打開 Internet 信息服務(wù)管理器：右擊“我的電腦” ->打開“管理”->打開“服務(wù)和應(yīng)用程序”->打開“Internet信息服務(wù)”。 </p><p>

49、;　　2. 將本程序所有ASP文件、圖片文件以及子文件夾全部復(fù)制到wysjzt文件夾中，然后將此文件夾放在我的電腦的其中一個盤里。</p><p>　　3. 在IIS中選擇默認網(wǎng)站，并點擊右鍵，選擇屬性，然后將主目錄指向wysjzt文件夾。如下圖所示：</p><p>　　4. 選擇“應(yīng)用”和“確定”。主目錄指向完成后，這時候你IIS中可以看到：</p><p>　

50、　5. 這時候就可以在index.asp的文件上右擊，然后選擇“瀏覽”，就可以瀏覽該網(wǎng)站了。</p><p>　　或是在調(diào)試時在地址欄輸入：http://localhost/index.asp即可。</p><p>　　7.2 網(wǎng)站的維護</p><p>　　網(wǎng)站維護就是對服務(wù)器及相關(guān)軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應(yīng)時間； 數(shù)據(jù)庫維護，有效地利用數(shù)

51、據(jù)是網(wǎng)站維護的重要內(nèi)容，因此數(shù)據(jù)庫的維護要受到重視；內(nèi)容的更新、調(diào)整等；制定相關(guān)網(wǎng)站維護的規(guī)定，將網(wǎng)站維護制度化、規(guī)范化[6]。</p><p>　　網(wǎng)站的維護主要包括以下內(nèi)容：</p><p>　　1. 即時更新新聞內(nèi)容。</p><p>　　2. 留言、咨詢、信箱定期回復(fù)。</p><p>　　3. 在系統(tǒng)運行過程中應(yīng)定期對管理員用戶名和

52、密碼進行更新，并對IIS和NT權(quán)限作相應(yīng)設(shè)置。</p><p><b>　　8 小結(jié)</b></p><p>　　隨著信息技術(shù)的發(fā)展和其在教育中應(yīng)用的深入，教學(xué)資源的建設(shè)越來越受到人們的重視，專題學(xué)習(xí)網(wǎng)站是教育資源的新形式，具有其他教育資源所不可比的優(yōu)越性，比如知識結(jié)構(gòu)清晰、交互性強、易于對學(xué)生的學(xué)習(xí)進行管理等。我所開發(fā)的這個專題學(xué)習(xí)網(wǎng)站是基于Browser/Serv

53、er三層結(jié)構(gòu)模式的，選用了Dreamweaver 8作為網(wǎng)頁制作工具，以Access數(shù)據(jù)庫作為本網(wǎng)站的數(shù)據(jù)庫。整個網(wǎng)站的設(shè)計以《國家遠程教育工程資源建設(shè)技術(shù)規(guī)范》對資源的描述為主要參照對象。該專題學(xué)習(xí)網(wǎng)站主要為分專題學(xué)習(xí)、擴展資源、交流討論、在線測試四個大模塊。專題學(xué)習(xí)主要是為廣大學(xué)者提供網(wǎng)頁設(shè)計與制作的專題知識與教程；擴展資源主要是為學(xué)者提供專題知識以外的一些知識或資源，如網(wǎng)站運營、相關(guān)軟件、相關(guān)資源網(wǎng)站鏈接等；交流討論主要是學(xué)生與教

54、師之間或是學(xué)生與學(xué)生之間的學(xué)習(xí)交流和討論，在這一模塊中我們設(shè)置了學(xué)習(xí)論壇、留言板等交流討論空間；在線測試主要是為測試學(xué)者自主學(xué)習(xí)后現(xiàn)階段學(xué)習(xí)的效果。</p><p>　　網(wǎng)站大部分的功能模塊都已經(jīng)完成了，但是由于經(jīng)驗不足，網(wǎng)站還有很多地方需要完善，比較遺憾的是我沒能做出學(xué)生空間（學(xué)生上傳作品及查看其他學(xué)生的作品）的模塊功能。我對已經(jīng)完成的模塊功能都進行了測試和試用，各部分功能實現(xiàn)良好，基本達到了預(yù)先的設(shè)想。<

55、;/p><p>　　目前網(wǎng)站中的資源還很薄弱，今后我將不斷充實、隨時更新，力求使其結(jié)構(gòu)化、系統(tǒng)化、規(guī)范化。</p><p><b>　　【參考文獻】</b></p><p>　　[1] 謝幼如，尹睿．專題學(xué)習(xí)網(wǎng)站的教學(xué)設(shè)計[J] ．電化教育研究，2003 (1) ． </p><p>　　[2] 黃娟， 李克東．開發(fā)專題學(xué)習(xí)

56、網(wǎng)站及進行相關(guān)研究性學(xué)習(xí)的思路及方法[J]．中國電化教育,2003(5) ．</p><p>　　[3] 周靜， 趙志靖． 關(guān)于專題學(xué)習(xí)網(wǎng)站建設(shè)的幾點理性思考 [J] ．中國電化教育，2006 (8) ．</p><p>　　[4] 湯書波，鄧樣華，任俊達，傅今，李志平．中學(xué)信息技術(shù)課專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)[J]． 中國教育信息化·基礎(chǔ)教育，2010（10）</p>

57、<p>　　[5] 徐軍．　Photoshop圖像處理專題學(xué)習(xí)網(wǎng)站的設(shè)計與制作[J] ．電化教育研究，2007(11) ．</p><p>　　[6] 王光煜． 試論專題學(xué)習(xí)網(wǎng)站的設(shè)計與開發(fā)[J] ．科教文匯，2007(10).</p><p>　　[7] 何芳、張新華，專題學(xué)習(xí)網(wǎng)站《絲綢之路》的設(shè)計與開發(fā)， </p><p>　　The web de

58、sign and production of project-based learning website design and development </p><p>　　Abstract：The rapid development of information technology, especially the Internet and campus network for school educatio

59、n teaching connectingrails, provides abundant resources. Project-based learning websites as teaching resources one of the main forms of increasingly shows the vigorous development the vitality. The paper takes the web de

60、sign and production "as an example,this paper expounds the concept and project-based learning website construction significance, elaborated based on ASP technol</p><p>　　Key Words：web design and product