專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)_網(wǎng)頁設(shè)計(jì)與制作畢業(yè)論文-精品

泉 州 師 范 學(xué) 院畢業(yè)論文（設(shè)計(jì)）題 目 網(wǎng)頁設(shè)計(jì)與制作 專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā) 教育科學(xué) 學(xué) 院 教育技術(shù) 專 業(yè) 07 級 本科 班學(xué)生姓名 衷楊麗 學(xué) 號 070402034 指導(dǎo)教師 蘇朝進(jìn) 職 稱 副教授 完成日期 2011年01月09日 教務(wù)處 制網(wǎng)頁設(shè)計(jì)與制作專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)教育科學(xué)學(xué)院 教育技術(shù)學(xué) 070402034 衷楊麗指導(dǎo)教師 蘇朝進(jìn) 副教授 摘要 信息技術(shù)的迅猛發(fā)展，特別是Internet與校園網(wǎng)的接軌，為學(xué)校教育教學(xué)提供了豐富的資源。專題學(xué)習(xí)網(wǎng)站作為教學(xué)資源的一種主要表現(xiàn)形態(tài)日益顯示出蓬勃發(fā)展的生機(jī)。本文以網(wǎng)頁設(shè)計(jì)與制作為例，闡述了專題學(xué)習(xí)網(wǎng)站的概念及建設(shè)意義，詳細(xì)闡明了基于ASP技術(shù)和ACCESS數(shù)據(jù)庫系統(tǒng)的網(wǎng)頁設(shè)計(jì)與制作專題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開發(fā)過程。關(guān)鍵詞 網(wǎng)頁設(shè)計(jì)與制作 專題學(xué)習(xí)網(wǎng)站 ASP ACCESS數(shù)據(jù)庫1 概述 1.1 網(wǎng)站建設(shè)背景信息技術(shù)的迅猛發(fā)展，為人們的工作方式、學(xué)習(xí)方式和生活方式帶來了前所未有的沖擊。特別是Internet與校園網(wǎng)的接軌，為學(xué)校教育教學(xué)提供了豐富的資源，打破了學(xué)生僅以教科書作為知識來源單一渠道的局限，為改變長期以來以教師灌輸、傳授為主要方法的傳統(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)注點(diǎn)，越來越多的教師開始創(chuàng)建專題學(xué)習(xí)網(wǎng)站，并進(jìn)行基于專題學(xué)習(xí)網(wǎng)站的研究性教學(xué)實(shí)踐與研究。網(wǎng)頁設(shè)計(jì)與制作專題學(xué)習(xí)網(wǎng)站是在保留和發(fā)揮傳統(tǒng)課堂教學(xué)優(yōu)勢的基礎(chǔ)上，運(yùn)用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è)計(jì)與制作教學(xué)進(jìn)行的有效嘗試與創(chuàng)新，從而促進(jìn)信息技術(shù)與課程整合，為學(xué)生提供較為完備網(wǎng)頁設(shè)計(jì)與制作的知識系統(tǒng)，創(chuàng)造自主學(xué)習(xí)和協(xié)作學(xué)習(xí)的良好環(huán)境。1.2 專題學(xué)習(xí)網(wǎng)站的概述專題學(xué)習(xí)網(wǎng)站其實(shí)是一個基于網(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í)者自己選擇和確定研究的課題或項(xiàng)目的設(shè)計(jì)，自己收集、分析并選擇信息資料，應(yīng)用知識，去解決實(shí)際問題。2專題學(xué)習(xí)網(wǎng)站通常包括四個基本內(nèi)容：專題結(jié)構(gòu)化的知識展示、擴(kuò)展性的學(xué)習(xí)資源、交流討論答疑空間、自我評測系統(tǒng)。1.3 本專題學(xué)習(xí)網(wǎng)站的建設(shè)目標(biāo)及創(chuàng)新點(diǎn)1.3.1. 網(wǎng)站建設(shè)目標(biāo)1提供豐富的專題學(xué)習(xí)資源 本網(wǎng)站以網(wǎng)頁設(shè)計(jì)與制作專題為導(dǎo)向，提供結(jié)構(gòu)化的專題知識庫，包括平面媒體動畫教程、網(wǎng)頁制作教程、網(wǎng)站編程教程、網(wǎng)頁特效等內(nèi)容，學(xué)習(xí)資源具有趣味性、可讀性。2滿足師生雙重需要，輔助學(xué)習(xí)、輔助教學(xué)。本網(wǎng)站以教師為主要創(chuàng)作者，充分體現(xiàn)教師的教學(xué)思想與智慧; 同時滿足學(xué)生自主學(xué)習(xí)、探究學(xué)習(xí)與協(xié)作學(xué)習(xí)需要，資源的利用率高。3提供良好的網(wǎng)絡(luò)協(xié)作學(xué)習(xí)工具，支持基于網(wǎng)絡(luò)的研究性學(xué)習(xí)強(qiáng)調(diào)通過學(xué)習(xí)者主體性的探索、研究、協(xié)作來求得問題解決，從而讓學(xué)習(xí)者體驗(yàn)和了解科學(xué)探索過程，提高學(xué)習(xí)者獲取信息、分析信息、加工信息的實(shí)踐能力和培養(yǎng)良好的創(chuàng)新意識與信息素養(yǎng)。4本網(wǎng)站具有良好的可擴(kuò)充性隨著網(wǎng)站開發(fā)工作的深入和學(xué)生研究性學(xué)習(xí)的不斷開展，本網(wǎng)站所包含的知識會不斷豐富、網(wǎng)站的各種功能會不斷完善。1.3.2. 本網(wǎng)站開發(fā)的意義和創(chuàng)新點(diǎn)本網(wǎng)站面向所有在校的學(xué)生和教師，也可以為所有喜愛網(wǎng)頁設(shè)計(jì)與制作的學(xué)者提供豐富的知識與資源。在網(wǎng)站的建設(shè)過程中，既要提供豐富的知識資源，也要為生生之間或是師生之間提供良好的交流互動空間，這樣才能真正實(shí)現(xiàn)網(wǎng)站開發(fā)的目的。本專題學(xué)習(xí)網(wǎng)站主要有以下創(chuàng)新點(diǎn)：1. 本專題學(xué)習(xí)網(wǎng)站為學(xué)生設(shè)計(jì)的在線測試系統(tǒng)，學(xué)生在進(jìn)行在線測試結(jié)束后能夠自動評分，并且會給出每題的正確答案，讓學(xué)生清楚地知道自己錯在哪里，以后在學(xué)習(xí)過程中要注意什么。2. 本網(wǎng)站中的生生之間或是師生之間的交流討論功能十分完整，其中包括學(xué)習(xí)論壇、留言板、在線咨詢、學(xué)院郵箱、教師博客等，讓所有的學(xué)者都能選擇自己喜歡的交流方式進(jìn)行交流討論，以達(dá)到共同進(jìn)步。2網(wǎng)站建設(shè)技術(shù)基礎(chǔ) 2.1 B/S結(jié)構(gòu)介紹B/S（Browser/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ù)庫進(jìn)行數(shù)據(jù)交互5。在BS體系結(jié)構(gòu)系統(tǒng)中，用戶通過瀏覽器向分布在網(wǎng)絡(luò)上的許多服務(wù)器發(fā)出請求，服務(wù)器對瀏覽器的請求進(jìn)行處理，將用戶所需信息返回到瀏覽器。該結(jié)構(gòu)的缺點(diǎn)是存在數(shù)據(jù)安全性問題、對服務(wù)器要求過高、數(shù)據(jù)傳輸速度慢、軟件的個性化特點(diǎn)明顯降低，難以實(shí)現(xiàn)傳統(tǒng)模式下的特殊功能要求。2.2 ACCESS 數(shù)據(jù)庫Access是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供了表、查詢、窗體、報表、頁、宏、模塊7種用來建立數(shù)據(jù)庫系統(tǒng)的對象；提供了多種向?qū)?、生成器、模板，把?shù)據(jù)存儲、數(shù)據(jù)查詢、界面設(shè)計(jì)、報表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)5。2.3 ASP 技術(shù)與IISASP（Microsoft Active Server Pages ）技術(shù)是目前比較流行的開發(fā)動態(tài)WEB頁的技術(shù)之一，其他的還有如PHP，JSP，ASP.NET等。但ASP以其獨(dú)特的易學(xué)、易用、易維護(hù)等特點(diǎn)，為大多數(shù)中小型企業(yè)級管理信息系統(tǒng)所選用，其主要可以靈活應(yīng)用微軟公司COM組件，開發(fā)出功能強(qiáng)大的信息系統(tǒng)，其主要運(yùn)行于WINDOWS的IIS服務(wù)器平臺。ASP程序的控制部份，是使用VBScript、JScript等腳本語言來設(shè)計(jì)的8。IIS（Internet 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ā)布信息成了一件很容易的事。3 網(wǎng)站需求分析3.1 總體功能需求分析網(wǎng)站功能分析就是以系統(tǒng)的觀點(diǎn)，對已選定的對象與開發(fā)范圍進(jìn)行有目的、有步驟的實(shí)際調(diào)查和科學(xué)分析。分析的目的是要弄清楚網(wǎng)站要做什么。在這個階段，需要認(rèn)真分析用戶的需求，用科學(xué)的方法來表達(dá)并深入分析建站方案。網(wǎng)站的系統(tǒng)分析工作不僅使前期的系統(tǒng)規(guī)劃方案輪廓更加清晰，而且要對諸多方案的可行性進(jìn)行細(xì)致的論證，最終為后面的設(shè)計(jì)工作打下基礎(chǔ)。本網(wǎng)站作為專題學(xué)習(xí)網(wǎng)站，其中包括四個基本內(nèi)容：專題結(jié)構(gòu)化的知識展示、擴(kuò)展性的學(xué)習(xí)資源、交流討論答疑空間、自我評測系統(tǒng)。同時也包括了教師博客、后臺新聞管理、論壇用戶管理、在線投票和投稿等功能的實(shí)現(xiàn)。3.1.1. 功能需求1. 專題學(xué)習(xí)功能專題學(xué)習(xí)功能是本專題學(xué)習(xí)網(wǎng)站的核心內(nèi)容，展示了學(xué)習(xí)專題結(jié)構(gòu)化知識，根據(jù)網(wǎng)頁設(shè)計(jì)與制作專題知識結(jié)構(gòu)，呈現(xiàn)教學(xué)內(nèi)容和學(xué)習(xí)資源，供學(xué)習(xí)者進(jìn)行自主學(xué)習(xí)。在這一功能模塊中分為平面媒體動畫，網(wǎng)頁制作、網(wǎng)站編程、網(wǎng)頁特效、優(yōu)秀教程等。2. 擴(kuò)展資源功能學(xué)生利用網(wǎng)站中專題學(xué)習(xí)的知識通常是不夠的，有些資源還是比較局限，所以在擴(kuò)展資源功能這一塊增加了網(wǎng)站運(yùn)營、相關(guān)軟件、相關(guān)資源網(wǎng)站、實(shí)用工具、網(wǎng)頁模版等模塊。學(xué)生可以在較好地學(xué)習(xí)了專題知識外，選擇性地學(xué)習(xí)下擴(kuò)展資源里面的知識，拓寬知識面，讓知識更加豐富。3. 交流討論功能網(wǎng)上學(xué)習(xí)交流討論空間，根據(jù)學(xué)習(xí)專題，構(gòu)建網(wǎng)上學(xué)習(xí)互動和技術(shù)交流討論等版塊，為師生之間或是生生之間提供一個良好的互動交流平臺，以便學(xué)生能夠更好地交流學(xué)習(xí)。這在一功能分為學(xué)習(xí)論壇、留言板、在線咨詢、教師博客等模塊。4. 自我評測功能網(wǎng)上自我評價系統(tǒng)，收集與學(xué)習(xí)專題相關(guān)的思考性問題、形成性練習(xí)和總結(jié)性考查評測資料，并將其設(shè)計(jì)成基礎(chǔ)性強(qiáng)、覆蓋面廣、難度適宜的題庫，讓學(xué)習(xí)者能進(jìn)行網(wǎng)上自我學(xué)習(xí)評價。在線測試是學(xué)生進(jìn)入在線考試系統(tǒng)進(jìn)行測試，在測試完成之后可以系統(tǒng)會自動評分，并能看到正確答案。3.1.2. 功能結(jié)構(gòu)圖網(wǎng)頁設(shè)計(jì)與制作專題學(xué)習(xí)網(wǎng)站功能結(jié)構(gòu)如圖3-1所示：網(wǎng)頁設(shè)計(jì)與制作專題學(xué)習(xí)網(wǎng)站功能專題學(xué)習(xí)拓展資源交流討論自我評測平面媒體網(wǎng)頁制作網(wǎng)站編程網(wǎng)頁特效優(yōu)秀教程網(wǎng)站運(yùn)營相關(guān)軟件相關(guān)資源網(wǎng)站優(yōu)秀作品網(wǎng)頁模版學(xué)習(xí)論壇留言板教師博客在線咨詢在線測試 圖3-1 網(wǎng)站功能結(jié)構(gòu)圖3.2 網(wǎng)站特點(diǎn)此專題學(xué)習(xí)網(wǎng)站主要有如下特點(diǎn)：1整個系統(tǒng)完全架構(gòu)于BS模式結(jié)構(gòu)之上，使用戶易于學(xué)習(xí)使用。2學(xué)習(xí)資源豐富，對各種媒體都有良好的支持，用戶可在瀏覽器中任意顯示播放。3此網(wǎng)站為用戶提供了交流討論的空間，用戶可對一些熱點(diǎn)問題發(fā)表自己的看法，也可向其他用戶求教。4此網(wǎng)站為學(xué)生提供了投票和在線測試，用戶可參與投票和進(jìn)行在線測試。5網(wǎng)站論壇中包含了用戶權(quán)限管理機(jī)制，通過新用戶注冊功能注冊的用戶只有基本的使用權(quán)限，管理員具有特殊權(quán)限。3.3 網(wǎng)站布局技術(shù)1、表格布局本站主要使用表格方式布局。表格布局的優(yōu)勢在于它能對不同對象加以處理，而又不用擔(dān)心不同對象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)我們用了過多表格時，頁面下載速度受到影響。2、層疊樣式表層疊樣式表(CSS)是W3C組織新近批準(zhǔn)的一個輔助HTML設(shè)計(jì)的新特性,它能夠使你保持整個HTML的統(tǒng)一外觀。過去當(dāng)你在設(shè)置文本時,為了保持整個段落都使用相同的外觀,不得不為每一段設(shè)置屬性,很麻煩。如果使用了CSS,那么可以在設(shè)置文本之前,就指定整個文本的屬性,比如顏色、字體大小等等,這樣,我們就能獲得統(tǒng)一的文本外觀了。3、網(wǎng)站首頁界面圖3-2 網(wǎng)站首頁界面4 數(shù)據(jù)庫設(shè)計(jì)數(shù)據(jù)庫在一個管理系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫的結(jié)構(gòu)好壞將直接影響到應(yīng)用系統(tǒng)的實(shí)現(xiàn)效果和數(shù)據(jù)操作效率以及能否保證數(shù)據(jù)的一致性、完成性和安全性。4.1 數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計(jì)根據(jù)需求分析，得出網(wǎng)站數(shù)據(jù)庫系統(tǒng)的E-R圖，如圖4-1所示。在線測試試題管理員編輯用戶留言回復(fù)管理編輯新聞信息注冊用戶在線測試成績BBS發(fā)帖管理編輯管理博客留言編輯博客內(nèi)容 圖4-1 網(wǎng)站數(shù)據(jù)庫系統(tǒng)E-R圖4.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計(jì)根據(jù)網(wǎng)頁設(shè)計(jì)與制作專題學(xué)習(xí)網(wǎng)站的功能要求，通過分析系統(tǒng)要涉及的相關(guān)實(shí)體以及要收集、存儲和操縱的數(shù)據(jù)信息，系統(tǒng)共包含10個主要的表，主要如下：1. 用戶留言表:用于查看和管理用戶留言的內(nèi)容。表4-3 用戶留言表（ly）2. 新聞信息表:用于發(fā)布新聞及各類網(wǎng)頁設(shè)計(jì)與制作的教程。表4-2 新聞信息表（News）3. 論壇發(fā)帖表:用于用戶發(fā)表和存儲帖子。表4-4 論壇發(fā)帖表（Dv_bbs1）4. 論壇用戶信息表:用于查看和管理注冊用戶。表4-5 論壇用戶信息表（Dv_User）5. 博客新聞信息表: 用于發(fā)布新聞及各類教師的教師心得和最新動態(tài)。表4-6 博客新聞信息表（EX_log）6. 博客留言表:用于查看和管理博客中用戶發(fā)表的留言。表4-7 博客留言表（EX_Message）7. 學(xué)生成績表: 用于管理學(xué)生在線測試成績和補(bǔ)考情況。表4-8 學(xué)生成績表（onlinerep）8. 試題信息表: 用于管理學(xué)生在線測試試題的類型及分?jǐn)?shù)。表4-9 試題信息表（onlinetest）9. 在線投票表: 用于查看和管理用戶投票。表4-10 在線投票表（TP）10. 在線投稿表: 用于查看和管理用戶投稿表4-11 在線投稿表（UserTouGao）5 人機(jī)界面設(shè)計(jì)5.1 后臺登錄界面設(shè)計(jì) 登錄頁面主要實(shí)現(xiàn)用戶的登錄，用戶有管理員、一般用戶，管理員可以對其進(jìn)行任何的操作，而一般用戶只可以做權(quán)限之內(nèi)的操作。登錄界面流程圖如圖5-1所示，界面圖如圖5-2所示。開始結(jié)束輸入用戶名和密碼身份驗(yàn)證轉(zhuǎn)入到主頁面并發(fā)送用戶名,用戶權(quán)限錯誤提示是否用戶登錄圖5-1 登錄流程圖圖5-2 管理員登錄窗口設(shè)計(jì)好登錄窗口后，還不能實(shí)現(xiàn)其功能，要實(shí)現(xiàn)其身份驗(yàn)證功能，必須添加相應(yīng)程序代碼。驗(yàn)證分為服務(wù)器端驗(yàn)證代碼和客戶端驗(yàn)證代碼兩種。服務(wù)器端驗(yàn)證代碼就主要是VBSCRIPT代碼，主要通過服務(wù)器運(yùn)行，主要優(yōu)點(diǎn)就是無論客戶端IE做了怎樣的設(shè)置，都不會影響其功能，由于每次都要訪問數(shù)據(jù)，所以其缺點(diǎn)就是加重了服務(wù)器的負(fù)擔(dān)；客戶端主要是JS腳本代碼，運(yùn)行于客戶端，其優(yōu)點(diǎn)就是不用通過服務(wù)器后臺訪問數(shù)據(jù)庫就可以判斷數(shù)據(jù)的合法性，大大減輕了服務(wù)器的負(fù)荷，其缺點(diǎn)就是如果客戶端的IE禁用了JS腳本運(yùn)行，那么這個功能如同虛設(shè)9。5.2 后臺編輯主頁面設(shè)計(jì)圖5-3 后臺編輯主頁面后臺管理系統(tǒng)提供了添加新聞，新聞修改，欄目、專題管理，評論、留言管理，投票、公管理告、代碼調(diào)用，設(shè)置、日志管理，友情鏈接、分類管理，上傳文件管理，網(wǎng)友投稿管理，數(shù)據(jù)統(tǒng)計(jì)等功能選擇項(xiàng)，可以完成新聞信息的在線編輯發(fā)布、咨詢留言的在線回復(fù)、網(wǎng)上投票項(xiàng)的增減等管理任務(wù)。6 系統(tǒng)程序設(shè)計(jì)在上面已經(jīng)著重討論了網(wǎng)站功能模塊的設(shè)計(jì)，詳細(xì)分析了每一個模塊的功能，在節(jié)將討論怎樣具體的實(shí)現(xiàn)系統(tǒng)中每個模塊的功能，也就是系統(tǒng)的詳細(xì)設(shè)計(jì)過程。詳細(xì)設(shè)計(jì)的根本目標(biāo)是確定應(yīng)該怎樣具體的實(shí)現(xiàn)所要求的網(wǎng)站，也就是說，經(jīng)過這個階段的設(shè)計(jì)工作，應(yīng)該得出對目標(biāo)系統(tǒng)的描述，從而在編碼階段可以把這個描述直接翻譯成用某種程序設(shè)計(jì)語言書寫的程序。詳細(xì)設(shè)計(jì)階段的任務(wù)在于要設(shè)計(jì)出程序的“藍(lán)圖”，因此，詳細(xì)設(shè)計(jì)的結(jié)果基本上決定了最終的程序代碼的質(zhì)量。詳細(xì)設(shè)計(jì)的目標(biāo)不僅僅是邏輯上正確地實(shí)現(xiàn)每個模塊的功能，更重要的是設(shè)計(jì)出的處理過程應(yīng)該盡可能簡明易懂。結(jié)構(gòu)程序設(shè)計(jì)技術(shù)是實(shí)現(xiàn)上述目標(biāo)的關(guān)鍵技術(shù)，因此是詳細(xì)設(shè)計(jì)的邏輯基礎(chǔ)6。6.1 程序設(shè)計(jì)語言我們主要采用ASP作為程序設(shè)計(jì)代碼的開發(fā)工具。使用ASP作為開發(fā)工具的主要原因在于利用ASP技術(shù)可以建立動態(tài)的、高性能的、安全的、跨平臺的先進(jìn)動態(tài)網(wǎng)站。ASP技術(shù)在加速動態(tài)Web 網(wǎng)頁開發(fā)時的突出特點(diǎn)有以下幾個：1. ASP可以將內(nèi)容的生成和顯示進(jìn)行分離：Web頁面開發(fā)者可以用HTML或XML 標(biāo)識進(jìn)行對最終頁面的設(shè)計(jì)，同時使用ASP Tag 或Java Script 來生成頁面上的動態(tài)內(nèi)容，因?yàn)樗械哪_本都在服務(wù)器端運(yùn)行，所以，如果核心邏輯部分被封裝在標(biāo)識中，那么Web管理人員或頁面設(shè)計(jì)者將只能編輯ASP頁面的顯示方式，而不會影響其內(nèi)容的實(shí)質(zhì)。2. 對不同瀏覽器的兼容：由于ASP技術(shù)采用了將ASP Tag 和Java Script 在服務(wù)器端解釋并執(zhí)行而只將結(jié)果以HTML或XML的形式送回到客戶端的方法，從而保證了對其它基于HTML的Web瀏覽器的完全兼容。6.2 數(shù)據(jù)庫連接網(wǎng)站采用Access數(shù)據(jù)庫，連接代碼如下：6.3 部份源程序?qū)崿F(xiàn)及文件后臺用戶登陸程序。涉及程序文件：wysjztlogin.asp 登陸頁面wysjztlogin_do.asp 登陸驗(yàn)證wysjztadminindex.asp 管理員界面1、 登陸驗(yàn)證源代碼如下：%dim rsadmin1=trim(request(uname)password1=trim(request(password)randomnum=trim(request(randomnum)if randomnumtrim(session(randnum) thenresponse.write alert(驗(yàn)證碼不正確！);location.href=adminlogin.asp;end ifset rs=server.CreateObject(ADODB.RecordSet)sql=select * from admin where username= & admin1 & and password= & decrypt(password1)&rs.open sql,conn,1,1if rs.eof and rs.bof thenresponse.writealert(用戶名或密碼不正確！);location.href=adminlogin.asp;response.endelsesession(username)=rs(username)session(aleave)=Managerresponse.write parent.location.href=admin.aspend ifrs.closeset rs=nothing%2、 新用戶注冊register.asp的代碼如下：%dim username,upass,rpass,email,role,yzm,title,content,sql,rsusername = trim(Request.Form(username)upass = trim(Request.Form(upass)rpass = trim(Request.Form(rpass)email = trim(Request.Form(email)role = Request.Form(role)yzm = Request.Form(yzm)用戶名驗(yàn)證if username = or len(username) 2 thenresponse.write alert(用戶名不得為空或者少于兩位);history.back();response.endend if密碼驗(yàn)證if upass = or len(upass) 6 thenresponse.write alert(密碼不得為空或者少于6位);history.back();response.endend if密碼和確認(rèn)密碼if upass rpass thenresponse.write alert(密碼和確認(rèn)密碼不一致);history.back();response.endend ifEmail驗(yàn)證獲取位置epos = instr(email,)獲取.符號的位置dpos = instr(epos,email,.)獲取總長度emailLen = len(email)nns = emailLen - dposif email = then response.write alert(電子郵件不得為空);history.back();response.end elseif epos 1 then epos小于1表示沒有符號 ,返回0表示沒有response.write alert(電子郵箱格式錯誤);history.back();response.endelseif dpos 1 then .符號必須在符號之后搜索才能標(biāo)明是域名的.符號 response.write alert(電子郵箱格式錯誤);history.back();response.endelseif epos 4 thenresponse.write alert(電子郵箱格式錯誤);history.back();response.endelseif nns 2 then response.write alert(電子郵箱格式錯誤);history.back();response.endend if驗(yàn)證碼將發(fā)送過來的驗(yàn)證碼和SESSION中的都轉(zhuǎn)換為大寫，使其不區(qū)分大小寫if Ucase(yzm) Ucase(Session(verifycode) thenresponse.write alert(驗(yàn)證碼輸入錯誤!);history.back();response.endend if 在寫入數(shù)據(jù)庫之前先判斷一下是否有重復(fù)的數(shù)據(jù)set rs = server.createobject(adodb.recordset)sql = select * from TB_USER where username=&username&rs.open sql,conn,1,1首先判斷是否存在此數(shù)據(jù)if not rs.eof thennot rs.eof 說明有數(shù)據(jù)如果有重復(fù)的call close_rscall close_connresponse.write alert(該用戶名已存在，請重新注冊!);history.back()response.end end ifcall close_rs 關(guān)閉和銷毀表將密碼加密upass = md5(upass)全部驗(yàn)證完畢之后，寫入至數(shù)據(jù)庫sql = insert into TB_USER(username,userpsw,usertype,email,zdate,photo) values(&username&,&upass&,&role&,&email&,now(),images/user_photo/user_pic.gif)conn.Execute(sql)發(fā)一封站內(nèi)信給用戶title = 恭喜您注冊成功(請及時完善你的個人信息)content = 恭喜您注冊成功(請及時完善你的個人信息)sql = insert into TB_LETTER(fuser,tuser,title,content,ltime,state,save) values(系統(tǒng),&username&,&title&,&content&,now(),1,0)conn.Execute(sql)call close_connresponse.write alert(恭喜你，會員注冊成功！);location.href=login.asp%3、學(xué)生在線測試結(jié)束后自動測評成績的代碼如下：sub check()c=document.form1.page.valueif c thenif not IsNumeric(c) thenmsgbox 頁數(shù)只能輸入數(shù)字document.form1.page.select()exit subelseend ifelsemsgbox請輸入想要轉(zhuǎn)到頁數(shù)document.form1.page.select()exit subend ifdocument.form1.submit()end sub %flag1=0 flag2=0 reportid=trim(request(reportid)set rs=Server.CreateObject(ADODB.Recordset)sqls=select top 1 * from report order by id descset rss=conn.execute(sqls)if rss.eof then titles=暫無成績信息flag1=1elseif reportid= thenreportid=rss(試卷id)flag2=1elsereportid=reportidend if set rs1=conn.execute(select * from test where id=&reportid&)title=第 &rs1(id)& 期考試統(tǒng)計(jì)if flag2=1 then title=title&（最新一期）set rs2=conn.execute(select * from test where id=&rs1(id)&)titles=title&本期統(tǒng)計(jì)zf=rs2(判斷題數(shù))*rs2(判斷題每題分?jǐn)?shù))+rs2(選擇題數(shù))*rs2(選擇題每題分?jǐn)?shù))+rs2(填空題數(shù))*rs2(填空題每題分?jǐn)?shù))+rs2(多選題數(shù))*rs2(多選題每題分?jǐn)?shù))+rs2(簡答題數(shù))*rs2(簡答題每題分?jǐn)?shù))end if %4、在線投票js-tp.asp實(shí)現(xiàn)的代碼如下：%id=chkhtm(trim(request(id)if (not isNumeric(id) then Response.Write alert(參數(shù)錯誤或有非法字符或沒指定參數(shù)，請勿隨意提交數(shù)據(jù)！);location.href=/; response.end end ifset rs = Server.CreateObject(ADODB.RecordSet)rs.Open select * from tp where id=&id& order by id asc,conn,1,1if rs.recordcount0 thenpath=config(path)DD=rs(DD)id=rs(id)title=rs(title)EndTime=rs(Endtime)if DD=1 thenFtype=radioelseFtype=checkboxend ifResponse.Write document.write();Response.Write document.write(&rs(title)&);set rs2 = Server.CreateObject(ADODB.RecordSet)rs2.Open select * from tptitle where tpid=&rs(id)& order by id asc,conn,1,1while not rs2.eofResponse.Write document.write();Response.Write document.write(&rs2(tpxx)&);rs2.movenextwend%document.write(input type=button value=查看 onclick=window.open(js-tp2.asp?tpid=);document.write();7 網(wǎng)站的建立和維護(hù)網(wǎng)站設(shè)計(jì)與維護(hù)是一項(xiàng)系統(tǒng)工程，從最初的網(wǎng)站目標(biāo)的規(guī)劃、網(wǎng)站平臺的選擇、服務(wù)器準(zhǔn)備到網(wǎng)頁制作再到后期的發(fā)布宣傳及維護(hù)，缺哪一部分都會影響網(wǎng)站的效果。7.1 網(wǎng)站的建立7.1.1. 網(wǎng)站運(yùn)行環(huán)境為了保證系統(tǒng)運(yùn)行的效率和可靠性，系統(tǒng)服務(wù)器端應(yīng)具有較高的軟硬件配置，客戶端的要求不是很高。此應(yīng)用程序可廣泛運(yùn)行于國際互聯(lián)網(wǎng)即Internet，也可適用于內(nèi)部的局域網(wǎng)。其運(yùn)行要求如下：服務(wù)器端：操作系統(tǒng)Windows xp/ 2003 serverWeb服務(wù)器IIS5.0數(shù)據(jù)庫服務(wù)器SQL server2005瀏覽器IE6.0以上版本等；客戶端： Internet Explorer(IE6.0)等7.1.2. 網(wǎng)站的測試環(huán)境IISIIS和Aapche Server 是目前使用最廣泛的Web服務(wù)器，他們可以在UNIX和Windows平臺上運(yùn)行。此系統(tǒng)在開發(fā)階段使用IIS（Internet Information Server）在個人計(jì)算機(jī)上調(diào)試。Internet信息服務(wù)5.1(IIS)是一種Windows Web服務(wù)，可以使用它非常輕松地在Internet上發(fā)布信息。Internet信息服務(wù)管理單元提供了一些服務(wù)器管理選項(xiàng)，用于控制網(wǎng)站或FTP站點(diǎn)的內(nèi)容以及對這些站點(diǎn)的訪問。Internet信息服務(wù)管理單元包含下列功能：1. Windows NT Server或Windows 2003 Server服務(wù)器的一些附加設(shè)置，如管理FTP站點(diǎn)、隔離應(yīng)用程序、映射MIME類型或指定其他腳本引擎等12。2. 管理Internet信息服務(wù)網(wǎng)絡(luò)安裝的能力。3. 通過Internet信息服務(wù)服務(wù)單元，將主目錄指向應(yīng)用程序所在目錄，從而通過瀏覽Web應(yīng)用程序所在目錄下的ASP，HTML文件，達(dá)到該系統(tǒng)在個人計(jì)算機(jī)上的測試，為最終在將站點(diǎn)上載到公司Internet或Internet之前提供了Web程序在最終服務(wù)器上的精確效果。7.1.3. 本網(wǎng)站IIS配置1. 打開 Internet 信息服務(wù)管理器：右擊“我的電腦” -打開“管理”-打開“服務(wù)和應(yīng)用程序”-打開“Internet信息服務(wù)”。 2. 將本程序所有ASP文件、圖片文件以及子文件夾全部復(fù)制到wysjzt文件夾中，然后將此文件夾放在我的電腦的其中一個盤里。3. 在IIS中選擇默認(rèn)網(wǎng)站，并點(diǎn)擊右鍵，選擇屬性，然后將主目錄指向wysjzt文件夾。如下圖所示：4. 選擇“應(yīng)用”和“確定”。主目錄指向完成后，這時候你IIS中可以看到：5. 這時候就可以在index.asp的文件上右擊，然后選擇“瀏覽”，就可以瀏覽該網(wǎng)站了?；蚴窃谡{(diào)試時在地址欄輸入：http:/localhost/index.asp即可。7.2 網(wǎng)站的維護(hù)網(wǎng)站維護(hù)就是對服務(wù)器及相關(guān)軟硬件的維護(hù)，對可能出現(xiàn)的問題進(jìn)行評估，制定響應(yīng)時間； 數(shù)據(jù)庫維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫的維護(hù)要受到重視；內(nèi)容的更新、調(diào)整等；制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化6。網(wǎng)站的維護(hù)主要包括以下內(nèi)容：1. 即時更新新聞內(nèi)容。2. 留言、咨詢、信箱定期回復(fù)。3. 在系統(tǒng)運(yùn)行過程中應(yīng)定期對管理員用戶名和密碼進(jìn)行更新，并對IIS和NT權(quán)限作相應(yīng)設(shè)置。8 小結(jié)隨著信息技術(shù)的發(fā)展和其在教育中應(yīng)用的深入，教學(xué)資源的建設(shè)越來越受到人們的重視，專題學(xué)習(xí)網(wǎng)站是教育資源的新形式，具有其他教育資源所不可比的優(yōu)越性，比如知識結(jié)構(gòu)清晰、交互性強(qiáng)、易于對學(xué)生的學(xué)習(xí)進(jìn)行管理等。我所開發(fā)的這個專題學(xué)習(xí)網(wǎng)站是基于Browser/Server三層結(jié)構(gòu)模式的，選用了Dreamweaver 8作為網(wǎng)頁制作工具，以Access數(shù)據(jù)庫作為本網(wǎng)站的數(shù)據(jù)庫。整個網(wǎng)站的設(shè)計(jì)以國家遠(yuǎn)程教育工程資源建設(shè)技術(shù)規(guī)范對資源的描述為主要參照對象。該專題學(xué)習(xí)網(wǎng)站主要為分專題學(xué)習(xí)、擴(kuò)展資源、交流討論、在線測試四個大模塊。專題學(xué)習(xí)主要是為廣大學(xué)者提供網(wǎng)頁設(shè)計(jì)與制作的專題知識與教程；擴(kuò)展資源主要是為學(xué)者提供專題知識以外的一些知識或資源，如網(wǎng)站運(yùn)營、相關(guān)軟件、相關(guān)資源網(wǎng)站鏈接等；交流討論主要是學(xué)生與教師之間或是學(xué)生與學(xué)生之間的學(xué)習(xí)交流和討論，在這一模塊中我們設(shè)置了學(xué)習(xí)論壇、留言板等交流討論空間；在線測試主要是為測試學(xué)者自主學(xué)習(xí)后現(xiàn)階段學(xué)習(xí)的效果。網(wǎng)站大部分的功能模塊都已經(jīng)完成了，但是由于經(jīng)驗(yàn)不足，網(wǎng)站還有很多地方需要完善，比較遺憾的是我沒能做出學(xué)生空間（學(xué)生上傳作品及查看其他學(xué)生的作品）的模塊功能。我對已經(jīng)完成的模塊功能都進(jìn)行了測試和試用，各部分功能實(shí)現(xiàn)良好，基本達(dá)到了預(yù)先的設(shè)想。目前網(wǎng)站中的資源還很薄弱，今后我將不斷充實(shí)、隨時更新，力求使其結(jié)構(gòu)化、系統(tǒng)化、規(guī)范化?！緟⒖嘉墨I(xiàn)】1 謝幼如，尹睿專題學(xué)習(xí)網(wǎng)站的教學(xué)設(shè)計(jì)J 電化教育研究，2003 (1) 2 黃娟， 李克東開發(fā)專題學(xué)習(xí)網(wǎng)站及進(jìn)行相關(guān)研究性學(xué)習(xí)的思路及方法J中國電化教育,2003(5)