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

1、<p>　　泉 州 師 范 學(xué) 院</p><p><b>　　畢業(yè)論文（設(shè)計(jì)）</b></p><p>　　題 目 《網(wǎng)頁(yè)設(shè)計(jì)與制作》 </p><p>　　專(zhuān)題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā) </p>&l

2、t;p>　　教育科學(xué) 學(xué) 院 教育技術(shù) 專(zhuān) 業(yè) 07 級(jí) 本科 班</p><p>　　學(xué)生姓名 衷楊麗 學(xué) 號(hào) 070402034 </p><p>　　指導(dǎo)教師 蘇朝進(jìn) 職 稱(chēng) 副教授 </p><p>　　完成日期 2011年01月09日

3、 </p><p><b>　　教務(wù)處 制</b></p><p>　　《網(wǎng)頁(yè)設(shè)計(jì)與制作》專(zhuān)題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)</p><p>　　教育科學(xué)學(xué)院 教育技術(shù)學(xué) 070402034 衷楊麗</p><p>　　指導(dǎo)教師 蘇朝進(jìn) 副教授</p><p>　　[摘要] 信息技

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

5、據(jù)庫(kù)</p><p><b>　　1 概述 </b></p><p>　　1.1 網(wǎng)站建設(shè)背景</p><p>　　信息技術(shù)的迅猛發(fā)展，為人們的工作方式、學(xué)習(xí)方式和生活方式帶來(lái)了前所未有的沖擊。特別是Internet與校園網(wǎng)的接軌，為學(xué)校教育教學(xué)提供了豐富的資源，打破了學(xué)生僅以教科書(shū)作為知識(shí)來(lái)源單一渠道的局限，為改變長(zhǎng)期以來(lái)以教師灌輸、傳授

6、為主要方法的傳統(tǒng)教學(xué)模式提供了有利的技術(shù)支持，為學(xué)校教育、家庭教育與社會(huì)教育融為一體，為各類(lèi)教育資源的多層次開(kāi)發(fā)和建設(shè)創(chuàng)造了很好的環(huán)境[1]。自2001年，李克東教授在我國(guó)首次提出“專(zhuān)題探索一網(wǎng)站開(kāi)發(fā)”的學(xué)習(xí)模式之后，經(jīng)過(guò)近幾年的研究和探索，專(zhuān)題學(xué)習(xí)網(wǎng)站已成為廣大教育工作者積極探索新的教育模式和方法的最新關(guān)注點(diǎn)，越來(lái)越多的教師開(kāi)始創(chuàng)建專(zhuān)題學(xué)習(xí)網(wǎng)站，并進(jìn)行基于專(zhuān)題學(xué)習(xí)網(wǎng)站的研究性教學(xué)實(shí)踐與研究?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》專(zhuān)題學(xué)習(xí)網(wǎng)站是在保留和發(fā)揮

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

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

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

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

11、;p>　　4．本網(wǎng)站具有良好的可擴(kuò)充性</p><p>　　隨著網(wǎng)站開(kāi)發(fā)工作的深入和學(xué)生研究性學(xué)習(xí)的不斷開(kāi)展，本網(wǎng)站所包含的知識(shí)會(huì)不斷豐富、網(wǎng)站的各種功能會(huì)不斷完善。</p><p>　　1.3.2. 本網(wǎng)站開(kāi)發(fā)的意義和創(chuàng)新點(diǎn)</p><p>　　本網(wǎng)站面向所有在校的學(xué)生和教師，也可以為所有喜愛(ài)網(wǎng)頁(yè)設(shè)計(jì)與制作的學(xué)者提供豐富的知識(shí)與資源。在網(wǎng)站的建設(shè)過(guò)程中，既

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

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

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

15、>　　該結(jié)構(gòu)的缺點(diǎn)是存在數(shù)據(jù)安全性問(wèn)題、對(duì)服務(wù)器要求過(guò)高、數(shù)據(jù)傳輸速度慢、軟件的個(gè)性化特點(diǎn)明顯降低，難以實(shí)現(xiàn)傳統(tǒng)模式下的特殊功能要求。</p><p>　　2.2 ACCESS 數(shù)據(jù)庫(kù)</p><p>　　Access是微軟公司推出的基于Windows的桌面關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)（RDBMS），是Office系列應(yīng)用軟件之一。它提供了表、查詢(xún)、窗體、報(bào)表、頁(yè)、宏、模塊7種用來(lái)建立數(shù)據(jù)庫(kù)

16、系統(tǒng)的對(duì)象；提供了多種向?qū)А⑸善?、模板，把?shù)據(jù)存儲(chǔ)、數(shù)據(jù)查詢(xún)、界面設(shè)計(jì)、報(bào)表生成等操作規(guī)范化；為建立功能完善的數(shù)據(jù)庫(kù)管理系統(tǒng)提供了方便，也使得普通用戶(hù)不必編寫(xiě)代碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)[5]。</p><p>　　ASP 技術(shù)與IIS</p><p>　　ASP（Microsoft Active Server Pages ）技術(shù)是目前比較流行的開(kāi)發(fā)動(dòng)態(tài)WEB頁(yè)的技術(shù)之一，其他的

17、還有如PHP，JSP，ASP.NET等。但ASP以其獨(dú)特的易學(xué)、易用、易維護(hù)等特點(diǎn)，為大多數(shù)中小型企業(yè)級(jí)管理信息系統(tǒng)所選用，其主要可以靈活應(yīng)用微軟公司COM組件，開(kāi)發(fā)出功能強(qiáng)大的信息系統(tǒng)，其主要運(yùn)行于WINDOWS的IIS服務(wù)器平臺(tái)。ASP程序的控制部份，是使用VBScript、JScript等腳本語(yǔ)言來(lái)設(shè)計(jì)的[8]。</p><p>　　IIS（Internet Information Server，互聯(lián)網(wǎng)信息

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

19、網(wǎng)站功能分析就是以系統(tǒng)的觀點(diǎn)，對(duì)已選定的對(duì)象與開(kāi)發(fā)范圍進(jìn)行有目的、有步驟的實(shí)際調(diào)查和科學(xué)分析。分析的目的是要弄清楚網(wǎng)站要做什么。在這個(gè)階段，需要認(rèn)真分析用戶(hù)的需求，用科學(xué)的方法來(lái)表達(dá)并深入分析建站方案。網(wǎng)站的系統(tǒng)分析工作不僅使前期的系統(tǒng)規(guī)劃方案輪廓更加清晰，而且要對(duì)諸多方案的可行性進(jìn)行細(xì)致的論證，最終為后面的設(shè)計(jì)工作打下基礎(chǔ)。</p><p>　　本網(wǎng)站作為專(zhuān)題學(xué)習(xí)網(wǎng)站，其中包括四個(gè)基本內(nèi)容：專(zhuān)題結(jié)構(gòu)化的知識(shí)展示

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

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

22、模版等模塊。學(xué)生可以在較好地學(xué)習(xí)了專(zhuān)題知識(shí)外，選擇性地學(xué)習(xí)下擴(kuò)展資源里面的知識(shí)，拓寬知識(shí)面，讓知識(shí)更加豐富。</p><p><b>　　3. 交流討論功能</b></p><p>　　網(wǎng)上學(xué)習(xí)交流討論空間，根據(jù)學(xué)習(xí)專(zhuān)題，構(gòu)建網(wǎng)上學(xué)習(xí)互動(dòng)和技術(shù)交流討論等版塊，為師生之間或是生生之間提供一個(gè)良好的互動(dòng)交流平臺(tái)，以便學(xué)生能夠更好地交流學(xué)習(xí)。這在一功能分為學(xué)習(xí)論壇、留言板、

23、在線咨詢(xún)、教師博客等模塊。</p><p><b>　　4. 自我評(píng)測(cè)功能</b></p><p>　　網(wǎng)上自我評(píng)價(jià)系統(tǒng)，收集與學(xué)習(xí)專(zhuān)題相關(guān)的思考性問(wèn)題、形成性練習(xí)和總結(jié)性考查評(píng)測(cè)資料，并將其設(shè)計(jì)成基礎(chǔ)性強(qiáng)、覆蓋面廣、難度適宜的題庫(kù)，讓學(xué)習(xí)者能進(jìn)行網(wǎng)上自我學(xué)習(xí)評(píng)價(jià)。在線測(cè)試是學(xué)生進(jìn)入在線考試系統(tǒng)進(jìn)行測(cè)試，在測(cè)試完成之后可以系統(tǒng)會(huì)自動(dòng)評(píng)分，并能看到正確答案。</p

24、><p><b>　　功能結(jié)構(gòu)圖</b></p><p>　　《網(wǎng)頁(yè)設(shè)計(jì)與制作》專(zhuān)題學(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)站特點(diǎn)</b></p><p>　　此專(zhuān)題學(xué)習(xí)網(wǎng)站主要有如下特點(diǎn)：</

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

26、，用戶(hù)可參與投票和進(jìn)行在線測(cè)試。</p><p>　　5．網(wǎng)站論壇中包含了用戶(hù)權(quán)限管理機(jī)制，通過(guò)新用戶(hù)注冊(cè)功能注冊(cè)的用戶(hù)只有基本的使用權(quán)限，管理員具有特殊權(quán)限。</p><p>　　3.3 網(wǎng)站布局技術(shù)</p><p><b>　　1、表格布局</b></p><p>　　本站主要使用表格方式布局。表格布局的優(yōu)勢(shì)在于它

27、能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)我們用了過(guò)多表格時(shí)，頁(yè)面下載速度受到影響。</p><p><b>　　2、層疊樣式表</b></p><p>　　層疊樣式表(CSS)是W3C組織新近批準(zhǔn)的一個(gè)輔助HTML設(shè)計(jì)的新特性,它能夠使你保持整個(gè)HTML的統(tǒng)一外觀。過(guò)去當(dāng)你在設(shè)置文本

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

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

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

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

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

33、t;p>　　表4-7 博客留言表（EX_Message）</p><p>　　7. 學(xué)生成績(jī)表: 用于管理學(xué)生在線測(cè)試成績(jī)和補(bǔ)考情況。</p><p>　　表4-8 學(xué)生成績(jī)表（onlinerep）</p><p>　　8. 試題信息表: 用于管理學(xué)生在線測(cè)試試題的類(lèi)型及分?jǐn)?shù)。</p><p>　　表4-9 試題信息表（onlinete

34、st）</p><p>　　9. 在線投票表: 用于查看和管理用戶(hù)投票。</p><p>　　表4-10 在線投票表（TP）</p><p>　　10. 在線投稿表: 用于查看和管理用戶(hù)投稿</p><p>　　表4-11 在線投稿表（UserTouGao）</p><p><b>　　5 人機(jī)界面設(shè)計(jì)<

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

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

37、器后臺(tái)訪問(wèn)數(shù)據(jù)庫(kù)就可以判斷數(shù)據(jù)的合法性，大大減輕了服務(wù)器的負(fù)荷，其缺點(diǎn)就是如果客戶(hù)端的IE禁用了JS腳本運(yùn)行，那么這個(gè)功能如同虛設(shè)[9]。</p><p><b>　　后臺(tái)編輯主頁(yè)面設(shè)計(jì)</b></p><p>　　圖5-3 后臺(tái)編輯主頁(yè)面</p><p>　　后臺(tái)管理系統(tǒng)提供了添加新聞，新聞修改，欄目、專(zhuān)題管理，評(píng)論、留言管理，投票、公管理告

38、、代碼調(diào)用，設(shè)置、日志管理，友情鏈接、分類(lèi)管理，上傳文件管理，網(wǎng)友投稿管理，數(shù)據(jù)統(tǒng)計(jì)等功能選擇項(xiàng)，可以完成新聞信息的在線編輯發(fā)布、咨詢(xún)留言的在線回復(fù)、網(wǎng)上投票項(xiàng)的增減等管理任務(wù)。</p><p><b>　　6 系統(tǒng)程序設(shè)計(jì)</b></p><p>　　在上面已經(jīng)著重討論了網(wǎng)站功能模塊的設(shè)計(jì)，詳細(xì)分析了每一個(gè)模塊的功能，在節(jié)將討論怎樣具體的實(shí)現(xiàn)系統(tǒng)中每個(gè)模塊的功能，也

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

40、可能簡(jiǎn)明易懂。結(jié)構(gòu)程序設(shè)計(jì)技術(shù)是實(shí)現(xiàn)上述目標(biāo)的關(guān)鍵技術(shù)，因此是詳細(xì)設(shè)計(jì)的邏輯基礎(chǔ)[6]。</p><p><b>　　程序設(shè)計(jì)語(yǔ)言</b></p><p>　　我們主要采用ASP作為程序設(shè)計(jì)代碼的開(kāi)發(fā)工具。使用ASP作為開(kāi)發(fā)工具的主要原因在于利用ASP技術(shù)可以建立動(dòng)態(tài)的、高性能的、安全的、跨平臺(tái)的先進(jìn)動(dòng)態(tài)網(wǎng)站。ASP技術(shù)在加速動(dòng)態(tài)Web 網(wǎng)頁(yè)開(kāi)發(fā)時(shí)的突出特點(diǎn)有以下幾個(gè)

41、：</p><p>　　1. ASP可以將內(nèi)容的生成和顯示進(jìn)行分離：Web頁(yè)面開(kāi)發(fā)者可以用HTML或XML 標(biāo)識(shí)進(jìn)行對(duì)最終頁(yè)面的設(shè)計(jì)，同時(shí)使用ASP Tag 或Java Script 來(lái)生成頁(yè)面上的動(dòng)態(tài)內(nèi)容，因?yàn)樗械哪_本都在服務(wù)器端運(yùn)行，所以，如果核心邏輯部分被封裝在標(biāo)識(shí)中，那么Web管理人員或頁(yè)面設(shè)計(jì)者將只能編輯ASP頁(yè)面的顯示方式，而不會(huì)影響其內(nèi)容的實(shí)質(zhì)。</p><p>　　2.

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

43、部份源程序?qū)崿F(xiàn)及文件</p><p>　　后臺(tái)用戶(hù)登陸程序。涉及程序文件：</p><p>　　wysjzt\login.asp 登陸頁(yè)面</p><p>　　wysjzt\login_do.asp 登陸驗(yàn)證</p><p>　　wysjzt\admin\index.asp 管理員界面</p><p>　　1、 登陸驗(yàn)

44、證源代碼如下：</p><p>　　2、 新用戶(hù)注冊(cè)register.asp的代碼如下：</p><p>　　3、學(xué)生在線測(cè)試結(jié)束后自動(dòng)測(cè)評(píng)成績(jī)的代碼如下：</p><p>　　4、在線投票js-tp.asp實(shí)現(xiàn)的代碼如下：</p><p>　　7 網(wǎng)站的建立和維護(hù)</p><p>　　網(wǎng)站設(shè)計(jì)與維護(hù)是一項(xiàng)系統(tǒng)工程，從

45、最初的網(wǎng)站目標(biāo)的規(guī)劃、網(wǎng)站平臺(tái)的選擇、服務(wù)器準(zhǔn)備到網(wǎng)頁(yè)制作再到后期的發(fā)布宣傳及維護(hù)，缺哪一部分都會(huì)影響網(wǎng)站的效果。</p><p><b>　　網(wǎng)站的建立</b></p><p><b>　　網(wǎng)站運(yùn)行環(huán)境</b></p><p>　　為了保證系統(tǒng)運(yùn)行的效率和可靠性，系統(tǒng)服務(wù)器端應(yīng)具有較高的軟硬件配置，客戶(hù)端的要求不是很高。

46、此應(yīng)用程序可廣泛運(yùn)行于國(guó)際互聯(lián)網(wǎng)即Internet，也可適用于內(nèi)部的局域網(wǎng)。其運(yùn)行要求如下：</p><p>　　服務(wù)器端：操作系統(tǒng)—Windows xp/ 2003 server</p><p>　　Web服務(wù)器—IIS5.0</p><p>　　數(shù)據(jù)庫(kù)服務(wù)器—SQL server2005</p><p>　　瀏覽器—IE6.0以上版本等；

47、</p><p>　　客戶(hù)端： Internet Explorer(IE6.0)等</p><p>　　網(wǎng)站的測(cè)試環(huán)境IIS</p><p>　　IIS和Aapche Server 是目前使用最廣泛的Web服務(wù)器，他們可以在UNIX和Windows平臺(tái)上運(yùn)行。此系統(tǒng)在開(kāi)發(fā)階段使用IIS（Internet Information Server）在個(gè)人計(jì)算機(jī)上調(diào)試。I

48、nternet信息服務(wù)5.1(IIS)是一種Windows Web服務(wù)，可以使用它非常輕松地在Internet上發(fā)布信息。Internet信息服務(wù)管理單元提供了一些服務(wù)器管理選項(xiàng)，用于控制網(wǎng)站或FTP站點(diǎn)的內(nèi)容以及對(duì)這些站點(diǎn)的訪問(wèn)。Internet信息服務(wù)管理單元包含下列功能：</p><p>　　1. Windows NT Server或Windows 2003 Server服務(wù)器的一些附加設(shè)置，如管理FTP站

49、點(diǎn)、隔離應(yīng)用程序、映射MIME類(lèi)型或指定其他腳本引擎等[12]。</p><p>　　2. 管理Internet信息服務(wù)網(wǎng)絡(luò)安裝的能力。</p><p>　　3. 通過(guò)Internet信息服務(wù)服務(wù)單元，將主目錄指向應(yīng)用程序所在目錄，從而通過(guò)瀏覽Web應(yīng)用程序所在目錄下的ASP，HTML文件，達(dá)到該系統(tǒng)在個(gè)人計(jì)算機(jī)上的測(cè)試，為最終在將站點(diǎn)上載到公司Internet或Internet之前提供了

50、Web程序在最終服務(wù)器上的精確效果。</p><p><b>　　本網(wǎng)站IIS配置</b></p><p>　　1. 打開(kāi) Internet 信息服務(wù)管理器：右擊“我的電腦” ->打開(kāi)“管理”->打開(kāi)“服務(wù)和應(yīng)用程序”->打開(kāi)“Internet信息服務(wù)”。 </p><p>　　2. 將本程序所有ASP文件、圖片文件以及子文件

51、夾全部復(fù)制到wysjzt文件夾中，然后將此文件夾放在我的電腦的其中一個(gè)盤(pán)里。</p><p>　　3. 在IIS中選擇默認(rèn)網(wǎng)站，并點(diǎn)擊右鍵，選擇屬性，然后將主目錄指向wysjzt文件夾。如下圖所示：</p><p>　　4. 選擇“應(yīng)用”和“確定”。主目錄指向完成后，這時(shí)候你IIS中可以看到：</p><p>　　5. 這時(shí)候就可以在index.asp的文件上右擊，

52、然后選擇“瀏覽”，就可以瀏覽該網(wǎng)站了。</p><p>　　或是在調(diào)試時(shí)在地址欄輸入：http://localhost/index.asp即可。</p><p>　　7.2 網(wǎng)站的維護(hù)</p><p>　　網(wǎng)站維護(hù)就是對(duì)服務(wù)器及相關(guān)軟硬件的維護(hù)，對(duì)可能出現(xiàn)的問(wèn)題進(jìn)行評(píng)估，制定響應(yīng)時(shí)間； 數(shù)據(jù)庫(kù)維護(hù)，有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容，因此數(shù)據(jù)庫(kù)的維護(hù)要受到重視；內(nèi)

53、容的更新、調(diào)整等；制定相關(guān)網(wǎng)站維護(hù)的規(guī)定，將網(wǎng)站維護(hù)制度化、規(guī)范化[6]。</p><p>　　網(wǎng)站的維護(hù)主要包括以下內(nèi)容：</p><p>　　1. 即時(shí)更新新聞內(nèi)容。</p><p>　　2. 留言、咨詢(xún)、信箱定期回復(fù)。</p><p>　　3. 在系統(tǒng)運(yùn)行過(guò)程中應(yīng)定期對(duì)管理員用戶(hù)名和密碼進(jìn)行更新，并對(duì)IIS和NT權(quán)限作相應(yīng)設(shè)置。<

54、/p><p><b>　　8 小結(jié)</b></p><p>　　隨著信息技術(shù)的發(fā)展和其在教育中應(yīng)用的深入，教學(xué)資源的建設(shè)越來(lái)越受到人們的重視，專(zhuān)題學(xué)習(xí)網(wǎng)站是教育資源的新形式，具有其他教育資源所不可比的優(yōu)越性，比如知識(shí)結(jié)構(gòu)清晰、交互性強(qiáng)、易于對(duì)學(xué)生的學(xué)習(xí)進(jìn)行管理等。我所開(kāi)發(fā)的這個(gè)專(zhuān)題學(xué)習(xí)網(wǎng)站是基于Browser/Server三層結(jié)構(gòu)模式的，選用了Dreamweaver 8作

55、為網(wǎng)頁(yè)制作工具，以Access數(shù)據(jù)庫(kù)作為本網(wǎng)站的數(shù)據(jù)庫(kù)。整個(gè)網(wǎng)站的設(shè)計(jì)以《國(guó)家遠(yuǎn)程教育工程資源建設(shè)技術(shù)規(guī)范》對(duì)資源的描述為主要參照對(duì)象。該專(zhuān)題學(xué)習(xí)網(wǎng)站主要為分專(zhuān)題學(xué)習(xí)、擴(kuò)展資源、交流討論、在線測(cè)試四個(gè)大模塊。專(zhuān)題學(xué)習(xí)主要是為廣大學(xué)者提供網(wǎng)頁(yè)設(shè)計(jì)與制作的專(zhuān)題知識(shí)與教程；擴(kuò)展資源主要是為學(xué)者提供專(zhuān)題知識(shí)以外的一些知識(shí)或資源，如網(wǎng)站運(yùn)營(yíng)、相關(guān)軟件、相關(guān)資源網(wǎng)站鏈接等；交流討論主要是學(xué)生與教師之間或是學(xué)生與學(xué)生之間的學(xué)習(xí)交流和討論，在這一模塊中

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

57、源還很薄弱，今后我將不斷充實(shí)、隨時(shí)更新，力求使其結(jié)構(gòu)化、系統(tǒng)化、規(guī)范化。</p><p><b>　　【參考文獻(xiàn)】</b></p><p>　　[1] 謝幼如，尹睿．專(zhuān)題學(xué)習(xí)網(wǎng)站的教學(xué)設(shè)計(jì)[J] ．電化教育研究，2003 (1) ． </p><p>　　[2] 黃娟， 李克東．開(kāi)發(fā)專(zhuān)題學(xué)習(xí)網(wǎng)站及進(jìn)行相關(guān)研究性學(xué)習(xí)的思路及方法[J]．中國(guó)電化教

58、育,2003(5) ．</p><p>　　[3] 周靜， 趙志靖． 關(guān)于專(zhuān)題學(xué)習(xí)網(wǎng)站建設(shè)的幾點(diǎn)理性思考 [J] ．中國(guó)電化教育，2006 (8) ．</p><p>　　[4] 湯書(shū)波，鄧樣華，任俊達(dá)，傅今，李志平．中學(xué)信息技術(shù)課專(zhuān)題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)[J]． 中國(guó)教育信息化·基礎(chǔ)教育，2010（10）</p><p>　　[5] 徐軍．　Photos

59、hop圖像處理專(zhuān)題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與制作[J] ．電化教育研究，2007(11) ．</p><p>　　[6] 王光煜． 試論專(zhuān)題學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)[J] ．科教文匯，2007(10).</p><p>　　[7] 何芳、張新華，專(zhuān)題學(xué)習(xí)網(wǎng)站《絲綢之路》的設(shè)計(jì)與開(kāi)發(fā)，http://czdj.czedu.com.cn/yjzy/llyj/jxsjnr/jssj4.htm</p>

60、<p>　　[8] 信息技術(shù)教與學(xué)網(wǎng)站：http://61.145.231.62/Sites/xinxijishu/default.asp</p><p>　　[9] ASP中華網(wǎng)：http://www.aspcn.com</p><p>　　[10] 動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)：http://www.aspchina.com</p><p>　　[11] 先鋒AS

61、P精華網(wǎng)：http://www.coolbel.com/ace/index.html</p><p>　　[12] 網(wǎng)頁(yè)制作與教學(xué)網(wǎng)站開(kāi)發(fā)：http://web.ou163.com/index.htm</p><p>　　The web design and production of project-based learning website design and developmen

62、t </p><p>　　Education science college education technology 070402034 ZhongYangLi</p><p>　　Teachers Sue toward into associate professors</p><p>　　Abstract：The rapid development o

63、f information technology, especially the Internet and campus network for school education teaching connectingrails, provides abundant resources. Project-based learning websites as teaching resources one of the main forms

64、 of increasingly shows the vigorous development the vitality. The paper takes the web design and production "as an example,this paper expounds the concept and project-based learning website construction significance