一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)_第1頁(yè)
一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)_第2頁(yè)
一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)_第3頁(yè)
一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)_第4頁(yè)
一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)_第5頁(yè)
已閱讀5頁(yè),還剩25頁(yè)未讀 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)目 錄1、引 言12、緒論12.1、設(shè)計(jì)思想12.2、開(kāi)發(fā)工具的選用及介紹12.2.1.asp的優(yōu)勢(shì)12.2.2asp的特點(diǎn)23、網(wǎng)站總體分析與設(shè)計(jì)23.1、目標(biāo)設(shè)計(jì)23.1.1.會(huì)員登錄及身份驗(yàn)證23.1.2.網(wǎng)頁(yè)顯示33.2、 系統(tǒng)功能分析與設(shè)計(jì)33.2.1.“教師”部分的功能33.2.2.“學(xué)生”部分的功能33.2.3.模塊劃分33.2.4.輔助功能33.3、數(shù)據(jù)庫(kù)設(shè)計(jì)及實(shí)現(xiàn)43.3.1. 數(shù)據(jù)庫(kù)的需求分析43.3.2. 數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì)43.3.3.后臺(tái)數(shù)據(jù)庫(kù)的配置設(shè)計(jì)53.4、前端頁(yè)面的設(shè)計(jì)與開(kāi)發(fā)63.4.1.首頁(yè)頁(yè)面的實(shí)現(xiàn)63.4.2 .系

2、統(tǒng)共用頁(yè)面63.4.3 .用戶注冊(cè)頁(yè)面73.4.4.主頁(yè)面83.4.5.用戶登陸界面83.4.6. 其他頁(yè)面的實(shí)現(xiàn)84、網(wǎng)站的管理84.1、 測(cè)試網(wǎng)站84.2、為網(wǎng)站起名84.3、選擇接入internet的方式94.4、申請(qǐng)域名和空間94.5、網(wǎng)站發(fā)布94.6、網(wǎng)站發(fā)布舉例104.7、瀏覽網(wǎng)站104.8、管理和維護(hù)網(wǎng)站104.8.1.在本地機(jī)保留一個(gè)網(wǎng)站的備份104.8.2.建立網(wǎng)站日志104.8.3.做訪問(wèn)統(tǒng)計(jì)104.8.4.做表單管理114.8.5.做郵件管理115、結(jié)束語(yǔ)12致 謝13參考文獻(xiàn)14附 錄15abstract22一種新型個(gè)人教學(xué)網(wǎng)站及其網(wǎng)頁(yè)方案設(shè)計(jì)與實(shí)現(xiàn)摘 要:intern

3、et(英特網(wǎng))這種數(shù)字化傳播媒體,以其快速、高效、便捷、不受時(shí)空限制等特點(diǎn)為人們與外界進(jìn)行雙向交流和溝通搭建了良好的平臺(tái)。教師個(gè)人教學(xué)網(wǎng)站是新課程體系下網(wǎng)絡(luò)教學(xué)的一種實(shí)踐,是未來(lái)學(xué)習(xí)化社會(huì)的一塊實(shí)驗(yàn)田。教師個(gè)人教學(xué)網(wǎng)站的存在意義,就是在探究新課程改進(jìn)的進(jìn)程中,發(fā)揮基于網(wǎng)絡(luò)環(huán)境的學(xué)習(xí)和教研平臺(tái)的合理性、探究性、自主性等特點(diǎn),直接面向?qū)W生和其他教師,拓展服務(wù)對(duì)象在認(rèn)識(shí)空間上的深度與廣度,以達(dá)到為新課程的實(shí)施提供整合教學(xué)資源、重組教學(xué)結(jié)構(gòu)的目的。教師個(gè)人教學(xué)網(wǎng)站在以信息化為媒介開(kāi)展的網(wǎng)絡(luò)教學(xué)中的作用是不容忽視的。本文就教師如何組建自己的教學(xué)網(wǎng)站,在網(wǎng)站腳本制作、素材準(zhǔn)備、網(wǎng)頁(yè)制作、網(wǎng)頁(yè)測(cè)試和主頁(yè)空間

4、申請(qǐng)等方面更勝一籌,進(jìn)行一種方案設(shè)計(jì)與探討。關(guān)鍵詞:新型;網(wǎng)站;asp;教學(xué)。1、引 言 當(dāng)前信息技術(shù)與課程的整合,正改變著現(xiàn)有的教學(xué)方式、教學(xué)理念。對(duì)教師來(lái)說(shuō)當(dāng)今的網(wǎng)絡(luò)的作用不僅僅局限與聊天、查找資料,還能方便的把自己的教育資源放在互聯(lián)網(wǎng)上供別人分享,與同行突破時(shí)空限制的交流與合作,因此,制作個(gè)人教學(xué)網(wǎng)站,已成為某些學(xué)校的教學(xué)需要,那么制造一個(gè)新型的個(gè)人教學(xué)網(wǎng)站也就成了當(dāng)務(wù)之急了。所謂的新型的個(gè)人教學(xué)網(wǎng)站關(guān)鍵是“新型”,要看是不是在制作網(wǎng)站的技術(shù)和各方面的素材上比別人更勝一籌。2、緒論在internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟(jì)、生活

5、等各個(gè)方面發(fā)揮著重要的作用。internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的,獲取信息也是要在internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在internet應(yīng)用上的地位顯而易見(jiàn),它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。為了更好的辦學(xué)、教學(xué)、提高遠(yuǎn)程教學(xué)效率,特構(gòu)建個(gè)人教學(xué)網(wǎng)站1。2.1、設(shè)計(jì)思想通過(guò)網(wǎng)站,全面宣傳,展示個(gè)人教學(xué)的風(fēng)采、優(yōu)點(diǎn)與特色,發(fā)布教學(xué)的教學(xué)內(nèi)容和專業(yè)知識(shí)的介紹,增強(qiáng)學(xué)生與老師之間的聯(lián)系,在internet上實(shí)現(xiàn)完成部分課程討論,提高辦事效率,并使遠(yuǎn)程教育有更大的互動(dòng)性2。2.2、開(kāi)發(fā)工具的選用及介紹

6、2.2.1.asp的優(yōu)勢(shì)3activeserverpages:“動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)”,一般簡(jiǎn)稱為“asp”,asp之所以能受到大家的重視與使用的原因,主要在于所產(chǎn)生的執(zhí)行結(jié)果都是標(biāo)準(zhǔn)的html(超文本鏈接標(biāo)示語(yǔ)言)格式,而且這些程序是在網(wǎng)絡(luò)服務(wù)端中執(zhí)行,使用一般的瀏覽器(如ie或netscape)都可以正確地獲得asp的“執(zhí)行”結(jié)果,并且將這asp執(zhí)行的結(jié)果直接在瀏覽器中“瀏覽”,不像vbscript或javascript是在客戶端(client)的瀏覽器上執(zhí)行,若使用vbscript來(lái)設(shè)計(jì)程序,客戶端在瀏覽器中可以顯示程序執(zhí)行的結(jié)果,可是,客戶端若使用netscape瀏覽器就無(wú)法顯示vbscri

7、pt的執(zhí)行結(jié)果。2.2.2、asp的特點(diǎn)4任何開(kāi)發(fā)工具皆可發(fā)展asp:只要使用一般的文書(shū)編輯程序,如windows記事本,就可以編輯。當(dāng)然,其他網(wǎng)頁(yè)發(fā)展工具,例如,frontpageexpress、frontpage、deamweaver 等也都可以;不過(guò)還是建議你用記事本來(lái)寫,既省錢又方便,若是使用那些所見(jiàn)即所得的網(wǎng)頁(yè)編輯來(lái)寫asp,可能會(huì)發(fā)生一些意想不到的離奇狀態(tài)。通吃各家瀏覽由于asp程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行,執(zhí)行結(jié)果所產(chǎn)生的html文件適用于不同的瀏覽器。(1)語(yǔ)言相容性高asp與所有的activexscript語(yǔ)言都相容,除了可結(jié)合html,vbscript、javascript、

8、activex服務(wù)器組件來(lái)設(shè)計(jì)外,并可經(jīng)由“plug-in(外掛組件模組)的方式,使用其他廠商(thirdparty)所提供的語(yǔ)言。(2)隱密安全性高 如果我們?cè)跒g覽器中直接查看網(wǎng)頁(yè)的原始代碼,就只能看到文件,原始的asp程序代碼是看不到的。這是因?yàn)閍sp程序先于網(wǎng)站服務(wù)(ebserver)端執(zhí)行后,將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn)文件,再傳送到客戶端(client)的瀏覽器上,因此,我們所辛苦撰寫的asp程序并不會(huì)輕易地被看見(jiàn)進(jìn)而被盜用。(3)易于操控?cái)?shù)據(jù)庫(kù)asp可以輕易地通過(guò)odbc(opendatabaseconnectivity)(開(kāi)放式數(shù)據(jù)庫(kù)互接)驅(qū)動(dòng)程序連接各種不同的數(shù)據(jù)庫(kù),例如:access、f

9、oxpro、dbase、oracle等等,另外,asp亦可將“文本文件”或是“excel”(電子表格)文件當(dāng)成數(shù)據(jù)庫(kù)用。(4)面向?qū)ο髮W(xué)習(xí)容易asp具備有面向?qū)ο螅╫bject-oriented)功能,學(xué)習(xí)容易,asp提供了五種方便能力強(qiáng)大的內(nèi)建對(duì)象:request(申請(qǐng))、response(響應(yīng))、sever(切斷)、application(應(yīng)用)以及session(對(duì)話),同時(shí),若使用asp內(nèi)建的“application(應(yīng)用程序)”對(duì)象或“session(對(duì)話)”對(duì)象所撰寫出來(lái)的asp程序可以在多個(gè)網(wǎng)頁(yè)之間暫時(shí)保存必要的信息5。3、網(wǎng)站總體分析與設(shè)計(jì)3.1、目標(biāo)設(shè)計(jì)3.1.1.會(huì)員登錄及

10、身份驗(yàn)證(1)用戶注冊(cè)成為會(huì)員;(2)驗(yàn)證用戶的注冊(cè)信息;(3)會(huì)員登錄系統(tǒng)時(shí)的身份驗(yàn)證。3.1.2.網(wǎng)頁(yè)顯示(1)公告的發(fā)布;(2)課程的發(fā)布;(3)管理員驗(yàn)證;(4)課程討論。3.2、 系統(tǒng)功能分析與設(shè)計(jì)在開(kāi)發(fā)個(gè)人教學(xué)網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)要通過(guò)asp腳本程序和ado(數(shù)據(jù)自動(dòng)化設(shè)計(jì))組建訪問(wèn)數(shù)據(jù)庫(kù)。建立提供顯示數(shù)據(jù)庫(kù)信息的網(wǎng)頁(yè)內(nèi)同,對(duì)數(shù)據(jù)庫(kù)進(jìn)行查詢、插入、更新、刪除等操作6。3.2.1.“教師”部分的功能(1) 通過(guò)教學(xué)公告向?qū)W生發(fā)布信息。制定教學(xué)計(jì)劃、宣布教學(xué)內(nèi)容、發(fā)布臨時(shí)通知等;(2)在網(wǎng)上發(fā)布教案;(3)在網(wǎng)上發(fā)布作業(yè),包括作業(yè)題目上載、公布作業(yè)完成的時(shí)間等;(4) 上傳習(xí)題答案;(5)通過(guò)

11、答疑教師與學(xué)生進(jìn)行實(shí)時(shí)討論。3.2.2.“學(xué)生”部分的功能(1) 閱讀公告;(2)在網(wǎng)上完成課程學(xué)習(xí);(3)在網(wǎng)上完成作業(yè),包括作業(yè)下載、上傳作業(yè)內(nèi)容和作業(yè)成績(jī)完成時(shí)間等;(4)通過(guò)答疑教師與老師進(jìn)行實(shí)時(shí)討論。3.2.3.模塊劃分 “個(gè)人教學(xué)網(wǎng)站”平臺(tái)分為兩個(gè)子系統(tǒng)(1)教師子系統(tǒng),其功能模塊劃分如圖1所示(2)學(xué)生子系統(tǒng),其功能模塊劃分如圖2所示 教師子系統(tǒng) 教學(xué)內(nèi)容發(fā)布 學(xué)生子系統(tǒng) 教案學(xué)習(xí) 公告發(fā)布維護(hù) 公告瀏覽 習(xí)題及答案的發(fā)布 習(xí)題查詢與上載 答 疑 答 疑 圖1 教師子系統(tǒng)功能模塊 圖2 學(xué)生子系統(tǒng)功能模塊3.2.4.輔助功能(1)教學(xué)內(nèi)容發(fā)布教師在發(fā)布教案,這是在教育系統(tǒng)中最主要

12、的內(nèi)容。教學(xué)可能有各種形式,如htm(文本)、doc(word文檔格式)、avi(多媒體文件格式)等,但在通常情況下,這些教學(xué)內(nèi)容都是靜態(tài)的,因此按類別及內(nèi)容分類在網(wǎng)站上發(fā)布即可。(2)公告功能7教師可以通過(guò)公告功能發(fā)布各項(xiàng)通知,內(nèi)容如下:課程介紹;課程安排,包括課程教學(xué)方式、課程作業(yè)的發(fā)布、考試日程安排等;臨時(shí)通知。(3)作業(yè)功能 學(xué)生需要通過(guò)上傳的方式將作業(yè)上交,教師要根據(jù)作業(yè)完成情況給每份作業(yè)打分。因此,系統(tǒng)需要提供以下功能:上傳將作業(yè)上載到指定地點(diǎn),并按照某中方式進(jìn)行標(biāo)識(shí);批閱教師可對(duì)作業(yè)進(jìn)行批閱評(píng)分。 (4)答疑功能非實(shí)時(shí)答疑系統(tǒng)需要完成一個(gè)討論組的功能,以便使學(xué)生和老師能順利地提問(wèn)

13、和解答。3.3、數(shù)據(jù)庫(kù)設(shè)計(jì)及實(shí)現(xiàn)3.3.1. 數(shù)據(jù)庫(kù)的需求分析根據(jù)系統(tǒng)需求,可以列出以下數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu):(1)公告信息,包括標(biāo)題,發(fā)布時(shí)間、公告內(nèi)容、公告序號(hào)等;(2)教案查詢索引,包括關(guān)鍵字、描述、內(nèi)容所在地址等;(3)答疑信息,包括提問(wèn)標(biāo)題、問(wèn)題內(nèi)容、回答內(nèi)容、提問(wèn)時(shí)間、顯示標(biāo)記等;(4)學(xué)生信息,包括學(xué)生姓名、學(xué)號(hào)、各次作業(yè)成績(jī)、考試成績(jī)等。 3.3.2. 數(shù)據(jù)庫(kù)的邏輯設(shè)計(jì) (1)公告信息表(見(jiàn)表1)表1 公告信息表字段名稱數(shù)據(jù)類型說(shuō) 明主鍵id自動(dòng)編號(hào)title文本公告標(biāo)題inputdate日期/時(shí)間公告發(fā)布時(shí)間(缺省值為系統(tǒng)時(shí)間)detail備注公告內(nèi)容idnum數(shù)字公告排序序號(hào)f

14、lagattention是/否重要消費(fèi)的標(biāo)記(2)教案查詢索引表(見(jiàn)表2)表2 教案查詢表字段名稱數(shù)據(jù)類型說(shuō) 明主鍵id自動(dòng)編號(hào)keyword文本關(guān)鍵字details文本關(guān)鍵字描述page文本目標(biāo)頁(yè)面url(3)答疑信息表(見(jiàn)表3)表3 答疑信息表字段名稱數(shù)據(jù)類型說(shuō)明主鍵id自動(dòng)編號(hào)title文本提問(wèn)問(wèn)題flag-shou是/否顯示標(biāo)記(缺省值為是)flag-answer是/否回答標(biāo)記(缺省值為是)detail備注問(wèn)題內(nèi)容answer備注回答內(nèi)容time-qry日期/時(shí)間提問(wèn)時(shí)間(缺省值為系統(tǒng)時(shí)間)(4)學(xué)生用戶信息表(見(jiàn)表4)表4 學(xué)生用戶信息表字段名稱數(shù)據(jù)類型說(shuō) 明主鍵id自動(dòng)編號(hào)num文

15、本學(xué)號(hào)name文本姓名department文本班號(hào)score1數(shù)字第一次大作業(yè)得分score2數(shù)字第二次大作業(yè)得分score3數(shù)字第三次大作業(yè)得分score4數(shù)字第四次大作業(yè)得分score5數(shù)字第五次大作業(yè)得分3.3.3.后臺(tái)數(shù)據(jù)庫(kù)的配置設(shè)計(jì)后臺(tái)數(shù)據(jù)庫(kù)使用access 2003,數(shù)據(jù)庫(kù)服務(wù)器和wed服務(wù)器可以設(shè)置在同一臺(tái)計(jì)算機(jī)上,也可以在兩臺(tái)計(jì)算機(jī)上,只需要在wed服務(wù)器上配置好odbc的數(shù)據(jù)就可以了。建立一個(gè)空數(shù)據(jù)庫(kù),取名為neodata.mdb。在newdata.mdb中建立表board、keyword、problem、student,并在學(xué)院student 中初始化數(shù)據(jù)8。3.4、前端頁(yè)

16、面的設(shè)計(jì)與開(kāi)發(fā)3.4.1.首頁(yè)頁(yè)面的實(shí)現(xiàn)首頁(yè)關(guān)鍵是動(dòng)態(tài),能在第一時(shí)間內(nèi)吸引各位讀者。頁(yè)面要清新,不繁雜,又要給人一種能看了就能記下的感覺(jué)。部分動(dòng)態(tài)代碼(見(jiàn)附錄)。3.4.2 .系統(tǒng)共用頁(yè)面系統(tǒng)共用頁(yè)面包括global.asa文件,ado常數(shù)頁(yè)面adovb.inc文件、ado連接函數(shù)頁(yè)面cod-ado.inc文件,頁(yè)面風(fēng)格定義文件style.inc。在本系統(tǒng)中,global.asa文件放在網(wǎng)站的根目錄下,這是由global.asa文件的特性決定的,其余3個(gè)文件放在/include 目錄下。(1) global.asa文件可以對(duì)application和session對(duì)象的開(kāi)始和結(jié)束事件定義函數(shù)。在

17、該文件中,將數(shù)據(jù)庫(kù)連接的字符串放在application(dsn)對(duì)象中,這樣,每次啟動(dòng)網(wǎng)站的時(shí)候,數(shù)據(jù)連接字符串a(chǎn)pplication(dsn)就被附值。代碼如下:sub application_onstartapplication(“dsn”)=“dsn=newdate;uid=;pwd=”end sub/script(2)ado常數(shù)頁(yè)面文件程序中將會(huì)使用一些常數(shù),例如adopenforwardonly,adlockreadonly等。因此將它們放在一個(gè)頭文件adovbs.inc中,以方便調(diào)用。部分代碼如下:%-cursortypeenum values-const adopenforwa

18、rdonly=0const adopenkeyset=1const adopendynamic=2const adopenstatic=3-cursoroptionenum values-const adholdrecords=(3)ado連接函數(shù)頁(yè)面cod-ado.inc對(duì)于程序中建立數(shù)據(jù)庫(kù)連接個(gè)關(guān)閉數(shù)據(jù)庫(kù)連接的操作,最好也放在一個(gè)文件夾中,這樣便于維護(hù)和修改。建立連接函數(shù)格式:cod-adoopen(objconnection,rscourseslist,dsn,rss)參數(shù)objconnection為數(shù)據(jù)連接對(duì)象,rscourseslist為數(shù)據(jù)集對(duì)象,dsn 為數(shù)據(jù)連接字符串,rss為

19、要執(zhí)行的sql語(yǔ)句。關(guān)閉連接函數(shù)格式cod-adoclose(objconnection,rscourseslist)對(duì)于要進(jìn)行數(shù)據(jù)庫(kù)操作的頁(yè)面,可以通過(guò)調(diào)用這兩個(gè)函數(shù)來(lái)實(shí)現(xiàn)。(4)頁(yè)面風(fēng)格定義文件style.inc在style.inc文件中,我們利用css風(fēng)格表對(duì)該系統(tǒng)的頁(yè)面整體風(fēng)格進(jìn)行了定義,主要包括頁(yè)面,表格,標(biāo)題,輸入框的字體等.3.4.3 .用戶注冊(cè)頁(yè)面9。(1)頁(yè)面示例 用戶注冊(cè)會(huì)員的第一步所看到的頁(yè)面(見(jiàn)附錄)。頁(yè)面中需要用戶填寫的html表單元素該頁(yè)面中共有4個(gè)重要表單元素,如表5所示。表5 addnew.asp頁(yè)的表單元素名 稱表單元素類型含 義最 大 長(zhǎng) 度unametex

20、t用戶登錄名稱15pwdpassword用戶登錄密碼15emailtext用戶電子郵件地址30usertyperadio用戶類型30(2)用戶注冊(cè)會(huì)員的第二步.頁(yè)面示例為用戶注冊(cè)會(huì)員第二步所看到的頁(yè)面效果。如圖3所示新用戶注冊(cè)成功。正在登錄中請(qǐng)稍等!確定 圖3 用戶注冊(cè)成功頁(yè)面當(dāng)用戶注冊(cè)新的會(huì)員時(shí),此頁(yè)將判斷用戶新提交的用戶名在會(huì)員庫(kù)中是否已經(jīng)存在,如果不存在則提示用戶重新申請(qǐng)。.頁(yè)面代碼分析引用創(chuàng)建數(shù)據(jù)庫(kù)連接對(duì)象函數(shù)文件%創(chuàng)建記錄集對(duì)象set rs=server.createobject(adodb.recordset)查找系統(tǒng)中是否已存在此用戶uname=request(uname)sq1

21、=select*from person where uname=&uname&打開(kāi)記錄集對(duì)象rs.open sq.conn,3,3查找數(shù)據(jù)庫(kù),檢查用戶名是否已經(jīng)注冊(cè)過(guò)if not rs.eof thenresponse,writealert(用戶名重復(fù),請(qǐng)重新選擇一個(gè)用戶名!),”end if%3.4.4.主頁(yè)面系統(tǒng)的主頁(yè)面如圖所示,采用框架技術(shù),網(wǎng)頁(yè)分為頂框架,左框架,主框架三個(gè)頁(yè)面,實(shí)現(xiàn)方法(見(jiàn)附錄)。左框架頁(yè)面為left.htm,主框架頁(yè)面為main.htm,頂框架頁(yè)面為top.htm.用戶登陸界面(1)頁(yè)面示例從首頁(yè)面中的登錄表單中登錄系統(tǒng),頁(yè)面效果如圖所示(見(jiàn)附錄)。

22、(2) 頁(yè)面中需要用戶填寫的html表單元素11該表單中共有兩個(gè)表單元素,如表 6 所示。表6 用戶登錄表單元素名 稱表 單 元 素 類 型含 義最 大 長(zhǎng) 度unametext用戶登錄名稱20pwdpassword用戶登錄密碼20(3)頁(yè)面代碼分析(代碼見(jiàn)附錄)3.4.6. 其他頁(yè)面的實(shí)現(xiàn)(1)課程學(xué)習(xí)界面:介紹各課課程學(xué)習(xí)的內(nèi)容,把各課教學(xué)內(nèi)容有規(guī)律的發(fā)到上面,方便學(xué)生的課程學(xué)習(xí)。(2)答疑教室界面:學(xué)生進(jìn)入此界面,可以把自己的問(wèn)題直接提交到服務(wù)器上,老師會(huì)盡快回答你,方面學(xué)生和老師之間的交流,形成一種互動(dòng)。4、網(wǎng)站的管理4.1、 測(cè)試網(wǎng)站12 網(wǎng)站建成后,要對(duì)網(wǎng)站進(jìn)行多次反復(fù)的模擬測(cè)試,

23、以確保網(wǎng)站上每張網(wǎng)頁(yè)的內(nèi)容和網(wǎng)站上每個(gè)鏈接都正確無(wú)誤。主要包括以下內(nèi)容:(1)分別使用microsoft internet explorer 和netscape navigator兩種不同瀏覽器在本地機(jī)上瀏覽網(wǎng)頁(yè),測(cè)試網(wǎng)頁(yè)對(duì)瀏覽器的兼容性,修改出現(xiàn)格式混亂的地方;(2)測(cè)試訪問(wèn)網(wǎng)頁(yè)所用時(shí)間,盡量減少圖片和動(dòng)畫(huà),以提高下載速度;(3)測(cè)試所有頁(yè)面上的圖片和文字鏈接情況,防止出現(xiàn)死鏈接;(4)仔細(xì)校對(duì)網(wǎng)頁(yè)上的內(nèi)容,防止出現(xiàn)錯(cuò)別字和漏字的情況。4.2、為網(wǎng)站起名域名有兩種,一種是國(guó)際通用域名,另一種是中國(guó)通用域名,這兩種域名沒(méi)有使用上的不同,只是國(guó)際間互聯(lián)網(wǎng)應(yīng)用的使用習(xí)慣及標(biāo)準(zhǔn)規(guī)定而已。注冊(cè)國(guó)際域名

24、由國(guó)際域名管理機(jī)構(gòu)internic負(fù)責(zé)受理,手續(xù)非常簡(jiǎn)便,只需上網(wǎng)到相關(guān)網(wǎng)站,填寫注冊(cè)表后提交,30 天內(nèi)支付注冊(cè)費(fèi)后即可開(kāi)通。國(guó)內(nèi)域名注冊(cè)的權(quán)威機(jī)構(gòu)是中國(guó)互聯(lián)網(wǎng)信息中心(cnnic)。 網(wǎng)上有很多網(wǎng)站提供域名注冊(cè)服務(wù),可以通過(guò)該網(wǎng)站在線注冊(cè)國(guó)內(nèi)域名和國(guó)際域名,它們的注冊(cè)費(fèi)用各不相同,有的還是免費(fèi)的。完成了網(wǎng)站的調(diào)試后,要、將網(wǎng)站發(fā)布到internet 上供大家瀏覽,域名是網(wǎng)站在internet上的門牌號(hào)碼,只有知道了域名才能訪問(wèn)網(wǎng)站,所以,發(fā)布網(wǎng)站之前,要首先為自己的網(wǎng)站起一個(gè)在internet上使用的名字,即注冊(cè)域名。域名應(yīng)選擇簡(jiǎn)短,有意義,容易記的單詞。域名可以通過(guò)買賣或過(guò)戶進(jìn)行交易。因

25、為域名有惟一性,所以搶注域名的事時(shí)有發(fā)生,為避免被別人搶注,應(yīng)及時(shí)注冊(cè)自己的域名。4.3、選擇接入internet的方式接入internet的方式通常有3種:專線接入,服務(wù)器托管和虛擬主機(jī)。第一種方式花費(fèi)較大,但優(yōu)勢(shì)明顯,一線多用,提供的服務(wù)內(nèi)容也多。第二種方式將web服務(wù)器由其他網(wǎng)絡(luò)公司托管,費(fèi)用比第一種接入方式低得多。第三種方式為租用某些isp(internet service provider)的磁盤空間,交付一定費(fèi)用。建立一個(gè)大規(guī)模的網(wǎng)站,不僅需要豐富的內(nèi)容,還需要龐大的容量,足夠的帶寬以及獨(dú)立的系統(tǒng)平臺(tái)。一般小型網(wǎng)站和個(gè)人網(wǎng)站都采用第三種接入方式。4.4、申請(qǐng)域名和空間13申請(qǐng)免費(fèi)的

26、域名和空間對(duì)網(wǎng)站制作初學(xué)者來(lái)說(shuō)是一個(gè)不錯(cuò)的選擇。網(wǎng)上有很多提供免費(fèi)域名并附帶免費(fèi)空間的服務(wù)器,可以用搜索引擎查找這樣的網(wǎng)站名,然后按網(wǎng)站要求填寫申請(qǐng)表單并提交,申請(qǐng)免費(fèi)域名和空間步驟便完成了。舉例如下:(1) 在瀏覽器中輸入搜索引擎地址,如。(2)在關(guān)鍵字框中輸入“免費(fèi)空間”,單擊“搜索”。(3)在搜索出的眾多服務(wù)器中任選一個(gè),進(jìn)入申請(qǐng)界面。(4) 為自己的網(wǎng)站起一個(gè)英文名字填入框中。如“個(gè)人教學(xué)網(wǎng)站”起名為“personal website”。(5)單擊“下一步”,按要求在線填寫申請(qǐng)表格。(6)若申請(qǐng)成功,網(wǎng)站在internet上的域名就是persona

27、,一小時(shí)以后,在你提供的電子信箱中可以看到系統(tǒng)管理員發(fā)來(lái)的郵件,按管理員提供的口令連接到申請(qǐng)空間,便可以開(kāi)始將你的網(wǎng)站上傳到代理服務(wù)器的工作了。若申請(qǐng)不成功,多數(shù)原因是域名已被別人注冊(cè),只好另外起名重新注冊(cè)。注意 免費(fèi)空間通常只允許非商業(yè)性使用,并附加若干條件,如達(dá)不到要求或用于商業(yè)目的,幾天后就會(huì)被清除,只適合練習(xí)時(shí)使用。申請(qǐng)收費(fèi)域名和空間的方法與上面類似,可多找?guī)讉€(gè)比較一下再確定。4.5、網(wǎng)站發(fā)布網(wǎng)站發(fā)布就是進(jìn)行網(wǎng)頁(yè)文件的上傳操作。上傳是必須將本地機(jī)連到internet上,上傳成功的網(wǎng)站會(huì)即刻在網(wǎng)上發(fā)布。網(wǎng)站發(fā)布采用ftp(file transfer protoco

28、l:文件傳輸協(xié)議),它是internet提供的服務(wù)之一,用戶可以通過(guò)ftp將本地主機(jī)的文件傳輸?shù)竭h(yuǎn)程主機(jī)上。使用ftp發(fā)布網(wǎng)站可以采用以下3種途徑:(1) 使用服務(wù)器提供的ftp服務(wù)。凡是提供域名注冊(cè)和網(wǎng)站的服務(wù)器都提供ftp上傳文件服務(wù)。(2) 使用網(wǎng)頁(yè)制作軟件提供的ftp發(fā)布網(wǎng)站功能。如dreamweaver 和frontpage。(3) 使用cuteftp工具軟件。cuteftp可以在任何兩臺(tái)主機(jī)間上傳和下載文件,不涉及主機(jī)的具體位置以及是否使用相同操作系統(tǒng)。4.6、網(wǎng)站發(fā)布舉例下面使用服務(wù)器提供的ftp服務(wù)將“個(gè)人教學(xué)”網(wǎng)站發(fā)布在網(wǎng)上。以下操作是上面申請(qǐng)免費(fèi)域名和空間操作的繼續(xù):(1)

29、 進(jìn)入提供免費(fèi)域名和空間的網(wǎng)站;(2)輸入口令進(jìn)入申請(qǐng)的空間(口令在申請(qǐng)域名時(shí)由網(wǎng)站管理員提供);(3)服務(wù)項(xiàng)目列表中選“免費(fèi)網(wǎng)業(yè)”服務(wù)項(xiàng),可以看到服務(wù)器已經(jīng)為本網(wǎng)站建立了一個(gè)名為“personal website”的文件夾;(4)單擊第一個(gè)“瀏覽”按鈕,在本地機(jī)的網(wǎng)站文件夾中雙擊一個(gè)文件,該文件出現(xiàn);(5)在第一個(gè)上傳文件框中,用同樣方法繼續(xù)下去,一次可選10個(gè)文件;(6)選好文件后單擊“上傳到服務(wù)器”,將選取的這組文件上傳到服務(wù)器;(7)繼續(xù)用同樣方法上傳文件,直至將全部文件上傳到服務(wù)器為止。4.7、瀏覽網(wǎng)站發(fā)布成功后,打開(kāi)瀏覽器,將本地機(jī)連到internet上,在地址框中輸入自己網(wǎng)站的域

30、名,觀看網(wǎng)站在網(wǎng)上的運(yùn)行效果。每次上傳的網(wǎng)站最新信息都能即刻在線瀏覽到。4.8、管理和維護(hù)網(wǎng)站網(wǎng)站的管理和維護(hù)工作是網(wǎng)站建設(shè)最重要的部分之一,所有好的網(wǎng)站都會(huì)有長(zhǎng)期到位的管理和維護(hù),這樣才能一直吸引訪問(wèn)者。也就是說(shuō),當(dāng)設(shè)計(jì)完成了一個(gè)網(wǎng)站后,網(wǎng)站的建設(shè)過(guò)程并沒(méi)有就此結(jié)束,恰恰相反,網(wǎng)站的建設(shè)過(guò)程才剛剛開(kāi)始。管理和維護(hù)網(wǎng)站的工作主要包括有以下內(nèi)容。4.8.1.在本地機(jī)保留一個(gè)網(wǎng)站的備份14若已發(fā)布的網(wǎng)頁(yè)出現(xiàn)個(gè)別性的錯(cuò)誤,可進(jìn)入遠(yuǎn)程服務(wù)器自己網(wǎng)站的文件夾,進(jìn)行在線修改。修改或添加少量?jī)?nèi)容也可以用這種方法。當(dāng)對(duì)網(wǎng)站有新的構(gòu)思或做大的改動(dòng),先在本地網(wǎng)站進(jìn)行,然后進(jìn)入遠(yuǎn)程服務(wù)器,將自己網(wǎng)站已存在的文件刪除

31、,重新上傳即可。4.8.2.建立網(wǎng)站日志網(wǎng)站建成上傳之后,對(duì)網(wǎng)站的每次操作都要寫入網(wǎng)站日志中,包括建立,修改和上傳的時(shí)間和操作人員,還要包括非法訪問(wèn)信息和網(wǎng)站病毒記錄。4.8.3.做訪問(wèn)統(tǒng)計(jì)訪問(wèn)統(tǒng)計(jì)包含了統(tǒng)計(jì)網(wǎng)站的總訪問(wèn)量,日平均訪問(wèn)量,訪問(wèn)來(lái)源和訪問(wèn)時(shí)間等指標(biāo),它代表了網(wǎng)站的影響力和網(wǎng)站效果。分析這些數(shù)字資料,可以了解訪問(wèn)者更多具體情況,對(duì)網(wǎng)站建設(shè)和改進(jìn)有重要的指導(dǎo)作用。4.8.4.做表單管理訪問(wèn)者的反饋信息是網(wǎng)站寶貴的信息資源,是網(wǎng)站不斷改進(jìn)的最好參考,可以選擇一部分留言顯示在網(wǎng)頁(yè)上,并盡量對(duì)留言進(jìn)行回復(fù)4.8.5.做郵件管理訪問(wèn)者的反饋信息有時(shí)是通過(guò)電子郵件傳遞的,郵件管理一方面要做好信

32、息的處理,另一方面要做好病毒防護(hù)工作,因?yàn)?0%的計(jì)算機(jī)病毒是通過(guò)電子郵件傳送的。5、結(jié)束語(yǔ)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)在我國(guó)應(yīng)用方興未艾,網(wǎng)絡(luò)經(jīng)濟(jì)必將有其無(wú)限的發(fā)展生機(jī)和廣闊天地,但網(wǎng)絡(luò)建設(shè)和網(wǎng)絡(luò)管理機(jī)制技術(shù)的應(yīng)用還處在逐步成長(zhǎng)階段,特別是校園教學(xué)網(wǎng)如何進(jìn)行有效全面管理還缺乏成功的經(jīng)驗(yàn),本文中就網(wǎng)絡(luò)的基礎(chǔ)建設(shè),網(wǎng)絡(luò)的功能建設(shè)以及網(wǎng)站的管理進(jìn)行了討論。還有許多工作有待于進(jìn)一步的探討、研究和開(kāi)發(fā)。本設(shè)計(jì)實(shí)現(xiàn)了網(wǎng)上教學(xué)任務(wù),讓人在網(wǎng)上能動(dòng)態(tài)的感覺(jué)到教學(xué),本人用的主要工具是dreamweaver和fireworks,還熟練運(yùn)用html語(yǔ)言,把動(dòng)態(tài)語(yǔ)言編寫的腳本嵌入到html代碼中,實(shí)現(xiàn)了動(dòng)態(tài)功能。并在網(wǎng)站的頁(yè)面風(fēng)

33、格上,以清新和簡(jiǎn)單為主流,讓各位讀者在學(xué)習(xí)繁雜之際稍稍調(diào)整一下自己的視力。本設(shè)計(jì)在一些數(shù)據(jù)的實(shí)現(xiàn)上也采用了asp語(yǔ)言,新型的教學(xué)網(wǎng)站不在是是以前靜態(tài)的網(wǎng)站,包括動(dòng)態(tài)的,讓人耳目一新。由于條件和作者的水平有關(guān),有新型的個(gè)人教學(xué)網(wǎng)站還有待完善,并且希望自己能不斷的努力學(xué)習(xí),向更高的方向發(fā)展。致 謝 在四年的本科學(xué)習(xí)生活中,本人深受各位老師的諄諄教誨和悉心指導(dǎo),特別是在這次畢業(yè)設(shè)計(jì)的時(shí)候得到了蔣天發(fā)老師的大力支持,這次畢業(yè)設(shè)計(jì)使我受益非淺,從一個(gè)只知道一大堆理論知識(shí)到一個(gè)可以動(dòng)手做一些東西,心里也感覺(jué)塌實(shí)了很多。本課題設(shè)計(jì)好在有蔣天發(fā)老師的教導(dǎo),并給我提出了許多帶有很新穎的構(gòu)思和很有價(jià)值的建議,如沒(méi)

34、有蔣天發(fā)老師的孜孜不倦的教導(dǎo),本人的畢業(yè)設(shè)計(jì)一定還處在萌芽中。在蔣天發(fā)老師的指導(dǎo)下使我對(duì)網(wǎng)站建設(shè)這一學(xué)科有了一個(gè)比較系統(tǒng)的了解,他嚴(yán)謹(jǐn)踏實(shí)的治學(xué)態(tài)度、實(shí)事求是的工作作風(fēng)、平易近人的高尚品德、忘我?jiàn)^進(jìn)的工作精神使本人深受教益。在蔣天發(fā)老師的悉心指導(dǎo)和耐心幫助下使本人才得以順利完成畢業(yè)論文的寫作。在這里作者誠(chéng)摯地感謝蔣天發(fā)老師的幫助和教導(dǎo)。感謝所有在本文寫作過(guò)程中關(guān)心和幫助過(guò)我的老師和朋友們。參考文獻(xiàn)1蔣天發(fā),鄭崇偉基于intranet 多媒體icai的研究與探討j計(jì)算機(jī)工程與應(yīng)用,2004,40,(1):1621642蔣天發(fā),曾央偶基于校園網(wǎng)與遠(yuǎn)程教育網(wǎng)絡(luò)課程web技術(shù)的研究j武漢理工大學(xué)學(xué)報(bào)(

35、信息與管理工程版),2002,24,(4):32343龍馬工作室 asp+sqlserver組建動(dòng)態(tài)網(wǎng)站北京:人民郵電出版社,2004.74丁貴廣等 asp及asp.net編程基礎(chǔ)與實(shí)例北京:機(jī)械工業(yè)出版社,2004.15徐國(guó)平網(wǎng)站建設(shè)教程北京:高等教育出版社,2003.106趙祖蔭等網(wǎng)頁(yè)制作教程北京:清華大學(xué)出版社,2002.107求是科技asp電子政務(wù)應(yīng)用開(kāi)發(fā)實(shí)例導(dǎo)航北京:人民郵電出版社,20048高成,董長(zhǎng)虹asp動(dòng)態(tài)網(wǎng)站建設(shè)北京:國(guó)防工業(yè)出版社,2002.59劉杰,魏志宏用輕松開(kāi)發(fā)web網(wǎng)站北京:北京希望電子出版社,200010劉瑞新asp編程基礎(chǔ)及應(yīng)用教程北京:機(jī)械工業(yè)出版社,200

36、4.211汪曉平,鐘軍asp網(wǎng)絡(luò)開(kāi)發(fā)技術(shù)(第二版)北京:人民郵電出版社,200312陳光軍網(wǎng)絡(luò)建設(shè)與管理北京:北京郵電大學(xué)出版社,2005.813張李義,羅琳網(wǎng)站建設(shè)與管理北京:高等教育出版社,2004.1 14 謝永超網(wǎng)頁(yè)設(shè)計(jì)與制作北京:中國(guó)電力出版社,2003 附 錄為了使讀者更好的了解網(wǎng)站,我把本站部分代碼和部分頁(yè)面顯示如下:1、網(wǎng)站中部分動(dòng)態(tài)代碼如下(1) 歡迎進(jìn)入黃曉小的個(gè)人教學(xué)網(wǎng)站! (2)var speed = 200 /delay between every wordvar pause = 1000 /delay between everylinevar timerid = n

37、ullvar bannerrunning = falsevar ar = new array()ar0 = 黃小曉個(gè)人教學(xué)網(wǎng)ar2 = 黃小曉個(gè)人教學(xué)網(wǎng)ar1 = 無(wú)限精彩 盡在黃小曉個(gè)人教學(xué)網(wǎng)var currentmessage = 0var offset = 0function stopbanner() if (bannerrunning) cleartimeout(timerid) bannerrunning = falsefunction startbanner() stopbanner()showbanner()function showbanner() var text = arc

38、urrentmessage if (offset text.length) if (text.charat(offset) = )offset+var partialmessage = text.substring(0, offset + 1) window.status = partialmessageoffset+timerid = settimeout(showbanner(), speed)bannerrunning = trueelse offset = 0currentmessage+if (currentmessage = ar.length)currentmessage = 0

39、timerid = settimeout(showbanner(), pause)bannerrunning = truestartbanner();2、 用戶登陸代碼: .style1 font-weight: bold; color: #666666 .style2 font-weight: bold; color: #666666;font-size:16 .style3 font-weight: bold; color: #666666;font-size:14 .sizefont-size:13.edbox background-color: transparent;font-siz

40、e: 12px;border: 1px solid #cccccc;.titlestylebackground-color:#cecece;color:#8000ff;border-top:1px solid #000000;font-size:10pt;cursor:hand;.contentstylebackground-color:#ffffff;color:#000000;font-size:10pt;acolor:#ff6600;bodyfont-size:10pt;function checktxtuser()var txtname=document.all.txtuser.txt

41、name.valuevar txtpwd=document.all.txtuser.txtpwd.valueif (txtname=)alert(用戶名不能為空);location=user.asp;return false;if (txtpwd=)alert(密碼不能為空);location=user.asp;return false;return true;%dim exetexet=trim(request(exet)if exet= thenif session(uname) thenresponse.redirect checkuser.aspresponse.endend ifel

42、sesession(uname)=exet=end if% 用戶登陸  用戶名 密碼 權(quán)限普通用戶高級(jí)管理員我要注冊(cè)  找回密碼3、系統(tǒng)的主頁(yè)面4、用戶注冊(cè)會(huì)員的第一步所看到的頁(yè)面。請(qǐng)?zhí)顚懩淖?cè)資料 請(qǐng)注意,帶(*)號(hào)的為必填信息 -5、用戶登陸界面the design and realization of the newmode personal teaching web and the webpagecomputer silence college: huang xiaoxiao instructor: professor jiang t

43、ianfaabstract:internet, as the digital communication medium, provides for us a good platform, with its effectiveness, quickness, convenience , for our communicating , with the outside world . teachers personal teaching web is a kind of practice and experiment under the circumstances of amber teachin

44、g, the meaning of whose existence lies in the advantages of rationalners, autonomy .etc. it serves directly the students and other teachers and can broaden the knowledge of the people served. besides, it serves to rationalize teaching resource and teaching structure. the role of teachers cyberteaching web can by no means be neglected. this theirs is intended to study how the teachers should establish their own cyberteaching web and better their webs in such aspects an the scenario a

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論