畢業(yè)設(shè)計(jì)教學(xué)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)論文

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

2、結(jié)構(gòu)形式，是教學(xué)系統(tǒng)四個(gè)組成要素（教師、學(xué)生、教材和教學(xué)媒體）相互聯(lián)系、相互作用的具體體現(xiàn)。通過(guò)網(wǎng)上進(jìn)行授課，以學(xué)生為中心，不受時(shí)間、地點(diǎn)、次數(shù)及進(jìn)度的限制，能自由利用網(wǎng)上資源等優(yōu)點(diǎn)，成為教育方式的發(fā)展新趨勢(shì)、教育也隨之進(jìn)入智能網(wǎng)絡(luò)教育的新時(shí)代。近年來(lái)，有較多的高校都將電教中心與網(wǎng)絡(luò)中心合并為現(xiàn)代教育技術(shù)中心，這種合并也說(shuō)明了在高校中，充分發(fā)展現(xiàn)代的智能網(wǎng)絡(luò)輔助教育成為高校的發(fā)展與進(jìn)步的新需要。關(guān)鍵字 智能；輔助教學(xué)；網(wǎng)絡(luò)教學(xué)教學(xué)網(wǎng)站設(shè)計(jì)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目 錄教學(xué)網(wǎng)站設(shè)計(jì)iii目目 錄錄.iii1 概況概況.- 1 -1.1 可行性分析 .- 1 -1.2 設(shè)計(jì)意義.- 2 -1.3 國(guó)內(nèi)網(wǎng)站開(kāi)發(fā)與現(xiàn)狀.- 3 -2 相關(guān)工具及技術(shù)相關(guān)工具及技術(shù).- 4 -2.1 網(wǎng)站建設(shè).- 4 -2.2 網(wǎng)頁(yè)工具 dreamweaver簡(jiǎn)介.- 4 -2.3 微軟 iis 簡(jiǎn)介.- 5 -2.4 asp 技術(shù)簡(jiǎn)介.- 5 -2.5 vbscript 及 javascript 工具介紹.- 7 -2.6

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

27、數(shù)據(jù)庫(kù)管理工具，從本質(zhì)上說(shuō)是一個(gè)關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，以同意的“關(guān)系”來(lái)描述數(shù)據(jù)對(duì)象之間的聯(lián)系，結(jié)構(gòu)簡(jiǎn)單、表現(xiàn)力強(qiáng)，符合人們對(duì)現(xiàn)實(shí)事物的認(rèn)識(shí)規(guī)律。access 為用戶(hù)提供了功能豐富的交互界面。與其他數(shù)據(jù)庫(kù)管理系統(tǒng)相比，access 具有以下一些特點(diǎn)：(1)簡(jiǎn)單，數(shù)據(jù)共享性強(qiáng)：access 集成在 windows 操作系統(tǒng)中，與 office 組件具有相同的操作界面、一致的設(shè)計(jì)風(fēng)格；可以方便的從 word 和 excel 等同屬 office 系列中的數(shù)據(jù)導(dǎo)入 access，也可以將 access 中的數(shù)據(jù)導(dǎo)出到 word 和 excel 中去。(2)數(shù)據(jù)對(duì)象豐富，操作手段便捷：access 為

28、使用者提供了 7 種對(duì)象類(lèi)型，它們分別是表、查詢(xún)、窗體、報(bào)表、頁(yè)、宏以及模塊。這些對(duì)象分別實(shí)現(xiàn)不同的功能。(3)擁有強(qiáng)大功能的向?qū)Чぞ撸嚎梢詭椭鯇W(xué)者迅速學(xué)會(huì) access，可以提高工作效率。教學(xué)網(wǎng)站設(shè)計(jì)9(4)集成 sql 功能：可以充分利用這一功能更加靈活的創(chuàng)建比較復(fù)雜的查詢(xún)。(5)多媒體功能：access 支持多媒體功能，可以保存、處理聲音、圖像以及活動(dòng)視頻等多媒體數(shù)據(jù)。(6)web 功能：可以在數(shù)據(jù)庫(kù)文件中插入超級(jí)鏈接，瀏覽 web 頁(yè)，也可以通過(guò) web 頁(yè)來(lái)發(fā)布數(shù)據(jù)庫(kù)中的數(shù)據(jù)，或是使用來(lái)自網(wǎng)絡(luò)的數(shù)據(jù)。access 的基本功能： 1.組織數(shù)據(jù)：數(shù)據(jù)庫(kù)管理系統(tǒng)主要的作用就是幫助人們組織

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

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

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

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

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

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

35、型adopenforwardonly(=0)只讀,切當(dāng)前數(shù)據(jù)記錄只能adopenstatic(=3)只讀,當(dāng)前記錄可自由移動(dòng)adopenkeyset(=1)可讀寫(xiě)，當(dāng)前記錄可自由移動(dòng)，多人功用數(shù)據(jù)庫(kù)時(shí),無(wú)法看到他人新增記錄adopendynamic(=2)可讀寫(xiě)，當(dāng)前記錄可自由移動(dòng)，多人功用數(shù)據(jù)庫(kù)時(shí),可看到他人新增記錄表 3-2 鎖定類(lèi)型adlockreadonly(=1)默認(rèn)值,用來(lái)打開(kāi)只讀的數(shù)據(jù)記錄adlockpessimistic(=2)悲觀鎖定教學(xué)網(wǎng)站設(shè)計(jì)12adlockoptimistic(=3)樂(lè)觀鎖定adlockbatchoptimistic(=4)批次樂(lè)觀鎖定通過(guò)以上指令，我們

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

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

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

39、gin_gl.asp (管理員登錄)、adlist.asp(管理員查看用戶(hù)信息) 等功能。主要數(shù)據(jù)庫(kù)表介紹表 3-3 info 表，用于保存用戶(hù)的注冊(cè)信息字段名稱(chēng)數(shù)據(jù)類(lèi)型說(shuō)明username文本用戶(hù)名注冊(cè)password文本用戶(hù)密碼tel數(shù)字聯(lián)系電話number_qq數(shù)字用戶(hù) qq 號(hào)碼fax數(shù)字用戶(hù)傳真address文本用戶(hù)地址code文本用戶(hù)郵編email文本用戶(hù)電子郵箱date日期/時(shí)間用戶(hù)注冊(cè)時(shí)間info_gl 表：用于保存管理員的登錄名及密碼，在設(shè)計(jì)過(guò)程中已經(jīng)設(shè)定，不允許用戶(hù)在線修改。結(jié)構(gòu)如下表表 3-4 info_gl 表，用于存放管理員信息字段名稱(chēng)name_glpassword_

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

41、碼 確認(rèn)密碼： 再輸入一遍密碼，以確認(rèn) 教學(xué)網(wǎng)站設(shè)計(jì)16 學(xué)號(hào)： 請(qǐng)輸入完整學(xué)號(hào),如 200233315319 姓名： 你的真實(shí)姓名（中文） 指導(dǎo)教師及所在班級(jí)： % 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 課程教學(xué)模塊的實(shí)現(xiàn)在此模塊中，主要的技術(shù)是“樹(shù)形目錄展開(kāi)”的設(shè)計(jì)與“框架”及“模板”的使用。（1）： 樹(shù)形目錄展開(kāi)的制作（詳細(xì)內(nèi)容請(qǐng)參見(jiàn)：4 頁(yè)面美工及網(wǎng)頁(yè)特效）（

42、2）： dreamweaver 框架的介紹在一個(gè)網(wǎng)站中，通常要有許多元素重復(fù)地出現(xiàn)在不同的網(wǎng)頁(yè)文檔中，如網(wǎng)頁(yè)標(biāo)題、導(dǎo)航欄等。如果我們?cè)诿總€(gè)網(wǎng)頁(yè)都添加這些相同的部分，那么就會(huì)浪費(fèi)許多時(shí)間，同時(shí)教學(xué)網(wǎng)站設(shè)計(jì)17訪問(wèn)者在瀏覽網(wǎng)頁(yè)的時(shí)候也會(huì)付出重復(fù)的等待時(shí)間。在這咱情況下使用框架，就會(huì)解決以上的問(wèn)題。框架將瀏覽器窗口劃分成幾個(gè)部分，將一些不需要更新的元素放在一個(gè)框架內(nèi)，這個(gè)框架是一個(gè)單獨(dú)的網(wǎng)頁(yè)文檔，這個(gè)文檔是不變的。其他經(jīng)常更新的內(nèi)容放在主框架內(nèi)，主框架內(nèi)的文檔是經(jīng)常更換的。（3）： 模板的使用我們一般采用樹(shù)狀結(jié)構(gòu)來(lái)組織一個(gè)網(wǎng)站，所以它的構(gòu)成就像是一座金字塔，越往下分支越多，相應(yīng)的頁(yè)面也就越多。為了保

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

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

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

46、，網(wǎng)頁(yè)中的一切就教學(xué)網(wǎng)站設(shè)計(jì)18失去了生命，因?yàn)榫W(wǎng)頁(yè)相互間失去了聯(lián)系，也就不能稱(chēng)其為網(wǎng)了。正因?yàn)橛辛诉@些無(wú)形的鏈接，才交織成了這紛繁復(fù)雜的網(wǎng)絡(luò)世界。4 網(wǎng)站頁(yè)面的美化教學(xué)網(wǎng)站設(shè)計(jì)194.1 頁(yè)面美工本網(wǎng)站主要運(yùn)用 photoshop 的漸變工具所制作的圖片當(dāng)作背景。頁(yè)面中的按鈕圖標(biāo)是用 photoshop 制作的圖片。本網(wǎng)站中的文字一般是用 fireworks 進(jìn)行加工處理的。 4.2 網(wǎng)頁(yè)特效在網(wǎng)頁(yè)的主頁(yè)面上，主要運(yùn)用了一個(gè)水波紋的特效，增強(qiáng)了網(wǎng)頁(yè)的美觀，也增加了網(wǎng)頁(yè)的動(dòng)感。在本網(wǎng)站的許多頁(yè)面里，運(yùn)用了 gif 動(dòng)畫(huà)，增強(qiáng)了網(wǎng)頁(yè)的動(dòng)感。也給人一種美的視覺(jué)感。樹(shù)形目錄展開(kāi)介紹（1）設(shè)計(jì)思想及簡(jiǎn)

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

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

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

50、1 馮龍山、李其藝， 輕松學(xué)習(xí)-asp 網(wǎng)絡(luò)使用編程 ，清華大學(xué)出版社，20022 廖信彥， active server pages 應(yīng)用大全-asp 與數(shù)據(jù)庫(kù)的整合 ，清華大學(xué)出版社，20033 吳興興、高保祿， 網(wǎng)絡(luò)數(shù)據(jù)庫(kù)應(yīng)用實(shí)例 ，人民郵電出版社，20034 宣小平、但正剛、張文毅， asp 數(shù)據(jù)庫(kù)系統(tǒng)開(kāi)發(fā)實(shí)例導(dǎo)航 ，人民郵電出版社，20035 丁貴廣， asp 編程基礎(chǔ)與實(shí)例 ，機(jī)械工業(yè)出版社，20026 阮家棟、施美雅， web 數(shù)據(jù)庫(kù)技術(shù) ，科學(xué)出版社，20027 姬成強(qiáng)， fireworks 就這么簡(jiǎn)單 ，機(jī)械工業(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教學(xué)網(wǎng)站設(shè)計(jì)22致 謝在本次畢業(yè)設(shè)計(jì)中，我從指導(dǎo)老師身上學(xué)到了很多東西。他無(wú)論在理論上還是在實(shí)踐中，都給與我很大的幫助，使我得到不少的提高這對(duì)于我以后的工作和學(xué)習(xí)都有一種巨大的幫助，感謝他耐心的輔導(dǎo)。 另外，在網(wǎng)站的開(kāi)發(fā)過(guò)程中，同組的同學(xué)和很多網(wǎng)上的朋友也給與我不少幫助和指導(dǎo)，使得網(wǎng)站能及時(shí)開(kāi)發(fā)完成，這里一并表示感謝。在大學(xué)四年的學(xué)習(xí)、生活與工作中，計(jì)算機(jī)系和工程學(xué)院的老師們對(duì)我的學(xué)習(xí)和工作都給予了諄諄教誨，他們嚴(yán)謹(jǐn)?shù)闹螌W(xué)思想、淵博的專(zhuān)業(yè)知識(shí)和豐富的社會(huì)閱歷，時(shí)時(shí)刻刻教育和激勵(lì)著我。他們不僅教會(huì)了我豐富的專(zhuān)業(yè)知識(shí)，更教會(huì)

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

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

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

57、的創(chuàng)建。教學(xué)網(wǎng)站設(shè)計(jì)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