. 網(wǎng)頁(yè)設(shè)計(jì)與制作 課程授課教案課次18授課方式（請(qǐng)打）理論課 討論課 實(shí)驗(yàn)課 習(xí)題課 其他課時(shí)安排2授課題目（教學(xué)章、節(jié)或主題）： 第四章：ASP內(nèi)置對(duì)象 案例4-4：聊天室研究教學(xué)目的、要求（分掌握、熟悉、了解三個(gè)層次）：1. 了解聊天室的功能2. 熟悉本實(shí)例的文件組成和制作流程3. 掌握ASP五個(gè)內(nèi)置對(duì)象的聯(lián)合應(yīng)用教學(xué)重點(diǎn)及難點(diǎn)：1. 聊天室的制作流程2. ASP五個(gè)內(nèi)置內(nèi)置對(duì)象在本實(shí)例中的作用教 學(xué) 基 本 內(nèi) 容方法及手段案例 4-4 ：聊天室研究本案例有 5 個(gè)文件組成： index.asp：聊天室的登錄界面 do_login.asp：登錄處理界面 chatpage.htm：聊天室的框架文件 message.asp：聊天室的信息輸入界面 display.asp：聊天信息顯示頁(yè)面 本案例的功能結(jié)構(gòu)圖及可見頁(yè)面如下： 多媒體講解，先演示本實(shí)例的操作過程，分析本實(shí)例具備的功能，再在頁(yè)面的操作過程中分析各個(gè)頁(yè)面如何聯(lián)系在一起，組成一個(gè)聊天室的。教 學(xué) 基 本 內(nèi) 容方法及手段如何從無到有，制作該實(shí)例？ 解答：其操作流程如下： 1. index.asp頁(yè)面的制作 （1）新建一個(gè)動(dòng)態(tài)頁(yè)面，取名為index.asp。 （2）插入一個(gè)表單，在表單內(nèi)輸入相關(guān)文本，插入兩個(gè)文本框和一個(gè)提交按鈕。 （3）設(shè)置其中一個(gè)文本框的名字為：txtUserID；另一個(gè)為“txtUserPWD”。 （4）選擇表單，在其屬性面板中的動(dòng)作框內(nèi)輸入：do_login.asp。 2. do_login.asp頁(yè)面的制作新建一個(gè)動(dòng)態(tài)頁(yè)面，取名為do_login.asp，切換到代碼窗口，添加如下代碼： 多媒體講解，通過上面的分析，與學(xué)生一起完成如下5個(gè)頁(yè)面的制作。教 學(xué) 基 本 內(nèi) 容方法及手段 3. message.asp頁(yè)面的制作 （1）新建一個(gè)動(dòng)態(tài)頁(yè)面，取名為message.asp。 （2）設(shè)置頁(yè)面背景色為藍(lán)色。（3）插入一個(gè)表單，在表單內(nèi)插入一個(gè)文本框和一個(gè)提交按鈕。 （4）設(shè)置文本框的名字為：message。 （5）選擇表單，在其屬性面板中的動(dòng)作框內(nèi)輸入：message.asp。 （6）切換到代碼視圖，在代碼的最前面添加如下代碼： % mywords = Request(message)oneSentence = 姓名： & Session(username) oneSentence = oneSentence & 機(jī)器號(hào): & Session(no)& 說: & mywordsApplication.Lock()Application(talk) = Application(talk) & oneSentence & Application.UnLock()% 4. display.asp頁(yè)面的制作 （1）新建一個(gè)動(dòng)態(tài)頁(yè)面，取名為display.asp。 （2）切換到代碼視圖，在標(biāo)記內(nèi)添加如下代碼： function scrollWindow() this.scroll(0,65000)setTimeout(scrollWindow(),200) scrollWindow() （3）在標(biāo)記內(nèi)添加如下代碼： 5. chatpage.htm頁(yè)面的制作 （1）新建一個(gè)靜態(tài)頁(yè)面，單擊菜單命令“插入”-“HTML” -“框架”-“上方”。 （2）按住Alt鍵，鼠標(biāo)左鍵單擊上方框架，在屬性面板的源文件框中選擇display.asp。 （3）按住Alt鍵，鼠標(biāo)左鍵單擊下方框架，在屬性面板的源文件框中選擇message.asp。 （4）單擊菜單命令“文件”-“框架集另存為”，以chatpage.htm為文件名保存。思考：1. 本案例中可以輸入任意的用戶名和密碼，輸入用戶名和密碼的目的是為了在聊天界面顯示而已。如果想要限制用戶輸入正確的用戶名和密碼，怎么辦？2. 在本案例中，不通過 index.asp 的登錄程序，也可以直接運(yùn)行chatpage.htm。若強(qiáng)制用戶必須經(jīng)過index.asp頁(yè)面才能運(yùn)行其他頁(yè)面，如何更改代碼？3. 要使聊天信息界面 message.asp 輸出的聊天信息變成不同的樣式，如用戶輸入的用戶名和密碼以及聊天信息顯示為紅色，如何更改代碼？ 解答：1. 若用戶輸入正確的用戶名和密碼才能進(jìn)入聊天室，需要使用數(shù)據(jù)庫(kù)，而相關(guān)的知識(shí)點(diǎn)在第五章中會(huì)學(xué)到，所以請(qǐng)期待下面的學(xué)習(xí)。 2. 把chatpage.htm另存為chatpage.asp，在該頁(yè)面的代碼前面增加如下代碼： 切換到message.asp和display.asp頁(yè)面的代碼窗口，在最前面增加如上代碼。一步步提示，舉例講解，多媒體講解，使學(xué)生更深入了解本實(shí)例的功能代碼，了解ASP內(nèi)置對(duì)象在該實(shí)例中的應(yīng)用。教 學(xué) 基 本 內(nèi) 容方法及手段切換到do_login.asp頁(yè)面的代碼窗口，在該頁(yè)面的代碼前面增加如下代碼： 3. 在message.asp頁(yè)面代碼中，在以上指到的三個(gè)對(duì)象前后加標(biāo)記。給Session(username)用如下代碼形式代替，Session(no)和mywords的更改方法類似： &