電子政務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作

1、電子政務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)驗(yàn)指導(dǎo)書(shū)適用專(zhuān)業(yè)：公共事業(yè)管理（電子政務(wù)）湖北經(jīng)濟(jì)學(xué)院財(cái)政與公共管理學(xué)院、八 、-前言本課程是電子政務(wù)的基礎(chǔ)課程， 主要介紹電子政務(wù)網(wǎng)站的基本原 理和基本實(shí)現(xiàn)方法， 它是一門(mén)開(kāi)闊視野、 增長(zhǎng)知識(shí)和提高實(shí)際工作能 力的計(jì)算機(jī)課程。通過(guò)該門(mén)課程的學(xué)習(xí)， 學(xué)生能夠熟練使用網(wǎng)絡(luò)技術(shù)， 并能根據(jù)實(shí)際需要設(shè)計(jì)相關(guān)的電子政務(wù)網(wǎng)站。為了使學(xué)生更好地理解和深刻把握這些知識(shí)， 在課堂理論知識(shí)學(xué) 習(xí)的基礎(chǔ)上，進(jìn)一步提高學(xué)生解決實(shí)際問(wèn)題的能力，我們?cè)O(shè)計(jì)了 IIS 的安裝與調(diào)試、基本 HTML 網(wǎng)頁(yè)編輯、高級(jí) HTML 網(wǎng)頁(yè)編輯、 Vbscript （）、Vbscript （二）、表單設(shè)計(jì)、Re

2、sponse 對(duì)象應(yīng)用、 交互式表單程序設(shè)計(jì)和用 Session 制作安全登錄頁(yè)面等這些實(shí)驗(yàn)項(xiàng)本指導(dǎo)書(shū)內(nèi)容詳細(xì)，對(duì)關(guān)鍵操作部分均有詳細(xì)的步驟指導(dǎo)， 易于 學(xué)生學(xué)習(xí)操作。本實(shí)驗(yàn)主要針對(duì)公共事業(yè)管理的電子政務(wù)方向?qū)W生。實(shí)驗(yàn)項(xiàng)目：IIS的安裝與調(diào)試實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康? 掌握檢測(cè)不同版本 Windows操作系統(tǒng)IIS的安裝與否；2. 掌握在Windows操作系統(tǒng)中安裝IIS的方法；3 掌握利用IIS設(shè)置虛擬目錄調(diào)試ASP程序的初步方法。二、實(shí)驗(yàn)內(nèi)容1. 檢測(cè)Windows系統(tǒng)IIS的安裝；2. 在Windows系統(tǒng)中安裝IIS;3利用記事本等編輯器編寫(xiě)第一個(gè) ASP程

3、序，程序見(jiàn)教材P13練習(xí)1 - 1 ;4.在IIS中建立虛擬目錄，調(diào)試 ASP程序，互相訪問(wèn)。三、實(shí)驗(yàn)原理、方法和手段ASP模型的運(yùn)行原理是：當(dāng)瀏覽器向 Web服務(wù)器請(qǐng)求.asp文件時(shí)，服務(wù)器 端腳本開(kāi)始運(yùn)行，WEB服務(wù)器調(diào)用.asp文件，將運(yùn)行結(jié)果發(fā)送到瀏覽器。四、 實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以進(jìn)行個(gè)別指導(dǎo)。五、實(shí)驗(yàn)條件Win dows2000,IIS5.0,記事本六、實(shí)驗(yàn)步驟1、實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示；2、如果計(jì)算機(jī)未安裝IIS，使用安裝程序安裝IIS;3、利用記事本編寫(xiě)教材 P131 - 1的ASP程序并存盤(pán)；4、在IIS中建立虛擬目錄，調(diào)試 A

4、SP程序，找出并解決問(wèn)題，確保調(diào)試成功, 并相互訪問(wèn)；5、學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：基本 HTML 網(wǎng)頁(yè)編輯實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康? 掌握HTML基本標(biāo)記的使用；2. 掌握HTML中超級(jí)鏈接的使用方法；3 掌握HTML中特殊符號(hào)、圖片鏈接的使用方法。、實(shí)驗(yàn)內(nèi)容1利用記事本等編輯器編寫(xiě) HTML程序，程序見(jiàn)P342 - 1 ;2. 調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段HTML標(biāo)記語(yǔ)言四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以進(jìn)行個(gè)別指導(dǎo)五、實(shí)驗(yàn)條件Win dows2000,IIS5.0,記事本六、實(shí)驗(yàn)步驟1實(shí)驗(yàn)前先觀

5、看指導(dǎo)老師的演示；2利用記事本編寫(xiě)教材 P342 - 1的HTML程序并存盤(pán)；3. 調(diào)試；4學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：高級(jí) HTML網(wǎng)頁(yè)編輯實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修一、實(shí)驗(yàn)?zāi)康? 掌握HTML高級(jí)標(biāo)記的使用；2. 掌握HTML中表格的使用方法;3 掌握HTML中框架、多重框架及框架之間鏈接的使用方法。、實(shí)驗(yàn)內(nèi)容1. 利用記事本等編輯器編寫(xiě) HTML程序，程序見(jiàn)P55 第4題；2. 調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段HTML標(biāo)記語(yǔ)言表格與框架、超級(jí)鏈接四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以進(jìn)行個(gè)別指導(dǎo)五、實(shí)驗(yàn)條件Win do

6、ws2000,IIS5.0,記事本六、實(shí)驗(yàn)步驟1實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示；2利用記事本編寫(xiě)教材P55第4題的HTML程序并存盤(pán)；3. 調(diào)試；4學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目:Vbscript （一）實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修實(shí)驗(yàn)?zāi)康? 掌握Vbscript的基本數(shù)據(jù)類(lèi)型、常量、變量、表達(dá)式和常用函數(shù);2. 掌握在HTML中插入Vbscript編碼的方法;3 .掌握事件驅(qū)動(dòng)程序的編制二、實(shí)驗(yàn)內(nèi)容1. 利用記事本等編輯器編寫(xiě)雞兔同籠程序，程序見(jiàn)P74 第4.3題;2. 調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段Vbscript事件驅(qū)動(dòng)程序編制.四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用

7、以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以進(jìn)行個(gè)別指導(dǎo)五、實(shí)驗(yàn)條件Win dows2000,IIS5.0,記事本六、實(shí)驗(yàn)步驟1. 實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示；2. 利用記事本編寫(xiě)教材P74 第4.3題的程序并存盤(pán)；3. 調(diào)試；4. 學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：Vbscript （二）實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修實(shí)驗(yàn)?zāi)康? .掌握Vbscript的選擇結(jié)構(gòu);2. 掌握在Vbscript的循環(huán)結(jié)構(gòu)；3 .掌握Vbscript過(guò)程。二、實(shí)驗(yàn)內(nèi)容1. 利用記事本等編輯器編寫(xiě)見(jiàn) P955-2 ;2. 利用記事本等編輯器編寫(xiě)見(jiàn) P955-3 ；3. 調(diào)試程序。三、實(shí)驗(yàn)原理

8、、方法和手段Vbscript事件驅(qū)動(dòng)程序編制四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以在課堂結(jié)尾時(shí)給予點(diǎn)評(píng)和講解。五、實(shí)驗(yàn)條件Win dows2000,IIS5.0,記事本六、實(shí)驗(yàn)步驟1. 實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示；2. 利用記事本編寫(xiě)教材P955-2,5-3的程序并存盤(pán)；3. 調(diào)試；4. 學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：表單設(shè)計(jì)實(shí)驗(yàn)學(xué)時(shí)：2 實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修 實(shí)驗(yàn)?zāi)康?掌握 DHTML 中 INPUT 控件的使用；2. 掌握DHTML中SELECT控件的使用；3掌握 DHTML 中 TextArea 控件的使用。二、實(shí)驗(yàn)內(nèi)容1. 利

9、用記事本等編輯器編寫(xiě)一個(gè)表單程序， 內(nèi)容自定，但要求必須包含如下控件： TEXT、PASSWORD、BUTTON、RADIO、CHECKBOX、SUBMIT 、RESET、 SELECT、TEXTAREA 等控件。2. 為編寫(xiě)的表單設(shè)計(jì)一定的校驗(yàn)功能。3. 調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段DHTML 語(yǔ)言四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織， 教師可以在課堂結(jié)尾時(shí)給予點(diǎn)評(píng) 和講解。五、實(shí)驗(yàn)條件Windows2000,IIS5.0, 記事本 ,Dreamweaver六、實(shí)驗(yàn)步驟1. 實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示；2. 利用記事本或 Dreamweaver 等軟件編寫(xiě)表單程

10、序并存盤(pán)；3. 調(diào)試；4學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：Response 對(duì)象應(yīng)用實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修實(shí)驗(yàn)?zāi)康? .掌握Response對(duì)象中 Write方法的使用；2.掌握Response對(duì)象中Redirect方法的使用；3 .掌握Response對(duì)象中End方法的使用。二、實(shí)驗(yàn)內(nèi)容1. 利用記事本等編輯器編寫(xiě)程序，見(jiàn)教材 P142練習(xí)7 1程序題。2. 在IIS中調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段ASP中Response對(duì)象應(yīng)用四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以在課堂結(jié)尾時(shí)給予點(diǎn)評(píng)和講解。五、實(shí)驗(yàn)條件Windows20

11、00,IIS5.0,記事本 Qreamweaver六、實(shí)驗(yàn)步驟1. 實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示;2. 利用記事本或Dreamweaver等軟件編寫(xiě)程序并存盤(pán)；3. 打開(kāi)IIS并設(shè)置虛擬目錄進(jìn)行調(diào)試；4. 學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：交互式表單程序設(shè)計(jì)實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修實(shí)驗(yàn)?zāi)康? 掌握交互式表單程序設(shè)計(jì)的方法；2. 掌握Response對(duì)象中 Write方法的使用；3. 掌握Request對(duì)象中Form集合的應(yīng)用。二、實(shí)驗(yàn)內(nèi)容1. 利用記事本等編輯器編寫(xiě)程序，見(jiàn)教材 P163練習(xí)8 1程序題。2. 在IIS中調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段ASP交互

12、式表單程序設(shè)計(jì)四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以在課堂結(jié)尾時(shí)給予點(diǎn)評(píng)和講解。五、實(shí)驗(yàn)條件Windows2000,IIS5.0,記事本 Qreamweaver六、實(shí)驗(yàn)步驟1實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示；2. 利用記事本或Dreamweaver等軟件編寫(xiě)程序并存盤(pán)；3. 打開(kāi)IIS并設(shè)置虛擬目錄進(jìn)行調(diào)試；4. 學(xué)生獨(dú)立完成相應(yīng)的實(shí)驗(yàn)報(bào)告。七、實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)項(xiàng)目：用 Session 制作安全登錄頁(yè)面實(shí)驗(yàn)學(xué)時(shí)：2實(shí)驗(yàn)類(lèi)型：基礎(chǔ)實(shí)驗(yàn)要求：必修實(shí)驗(yàn)?zāi)康? 掌握Session對(duì)象的集合、方法；2.掌握利用Session對(duì)象實(shí)現(xiàn)安全登錄頁(yè)面的制作。二、實(shí)驗(yàn)內(nèi)容1. 利用記事本等

13、編輯器編寫(xiě)一個(gè)程序，要求登錄系統(tǒng)時(shí)，輸入正確的用戶名和密碼時(shí)進(jìn)入主頁(yè)；用戶如果直接登錄主頁(yè)則報(bào)錯(cuò)，程序轉(zhuǎn)向進(jìn)入登錄頁(yè)面。2. 在IIS中調(diào)試程序。三、實(shí)驗(yàn)原理、方法和手段ASP中Session對(duì)象的應(yīng)用四、實(shí)驗(yàn)組織運(yùn)行要求實(shí)驗(yàn)采用以學(xué)生自主訓(xùn)練為主的開(kāi)放模式組織，教師可以在課堂結(jié)尾時(shí)給予點(diǎn)評(píng) 和講解 五、實(shí)驗(yàn)條件Windows2000,IIS5.0, 記事本 ,Dreamweaver六、實(shí)驗(yàn)步驟 1.實(shí)驗(yàn)前先觀看指導(dǎo)老師的演示； 2.利用記事本或 Dreamweaver 等軟件編寫(xiě)程序并存盤(pán)；需要添加的代碼如下： (1)login.asp 程序代碼 歡迎登陸 歡迎登陸 用戶名： 1密碼： 1%

14、name=request.form(text1)password=request.form(password1)ifnameandpasswordthenifname=1andpassword=1then 用戶名和密碼正確則賦值 session ，重定向頁(yè)面 session(pass)=passresponse.redirectmain.aspelseresponse.write 用戶名或密碼錯(cuò)！IIresponse.write 請(qǐng)重新登錄 response.endendifendif% 用戶名 : 登陸密碼： (2)main.asp 程序代碼：%I*以下是主頁(yè)內(nèi)容，請(qǐng)大家自行編寫(xiě)* 以下為判

15、斷 session過(guò)程 *ifsession(pass)passthen判斷 session 是否有值，若合法登錄則在 login.asp中賦值response.redirectlogin.asp沒(méi)值為非法登錄，轉(zhuǎn)向登錄頁(yè)面endifplayer=request(choice) ifplayer=1orplayer=2orplayer=3thenselectcaseplayer case1mychoice= 石頭 case2 mychoice= 剪子 case3 mychoice= 布 endselect randomize computer=int(rnd*3)+1 selectcasecomputer case1 choice= 石頭 case2