ASP 授课教案18.doc

《ASP 授课教案18.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页设计与制作课程授课教案课次√18授课方式（请打√）理论课□讨论课□实验课□习题课□其他□课时安排2授课题目（教学章、节或主题）：第四章：ASP内置对象案例4-4：聊天室研究教学目的、要求（分掌握、熟悉、了解三个层次）：1.了解聊天室的功能2.熟悉本实例的文件组成和制作流程3.掌握ASP五个内置对象的联合应用教学重点及难点：1.聊天室的制作流程2.ASP五个内置内置对象在本实例中的作用教学基本内容方法及手段案例4-4：聊天室研究本案例有5个文件组成：·index.asp：聊天室的登录界面·do_login.asp：登录处理界面·chatpage.htm：聊天室的框架文件

2、·message.asp：聊天室的信息输入界面·display.asp：聊天信息显示页面本案例的功能结构图及可见页面如下：多媒体讲解，先演示本实例的操作过程，分析本实例具备的功能，再在页面的操作过程中分析各个页面如何联系在一起，组成一个聊天室的。第5页（共5页）教学基本内容方法及手段　　如何从无到有，制作该实例？解答：其操作流程如下：1.index.asp页面的制作（1）新建一个动态页面，取名为index.asp。（2）插入一个表单，在表单内输入相关文本，插入两个文本框和一个提交按钮。（3）设置其中一个文本框的名字为：txtUserID；另一个为“txtUserPWD”。

3、（4）选择表单，在其属性面板中的动作框内输入：do_login.asp。2.do_login.asp页面的制作新建一个动态页面，取名为do_login.asp，切换到代码窗口，添加如下代码：<%strUserID=Request("txtUserID")strUserPWD=Request("txtUserPWD")Session("username")=strUserIDSession("no")=strUserPWDResponse.Redirect("chatpage.htm")%>多媒体讲解，通过上面的分析，与学生一起完成如下5个页面的制作。第5页（共5页）教学基

4、本内容方法及手段第5页（共5页）3.message.asp页面的制作（1）新建一个动态页面，取名为message.asp。（2）设置页面背景色为蓝色。（3）插入一个表单，在表单内插入一个文本框和一个提交按钮。（4）设置文本框的名字为：message。（5）选择表单，在其属性面板中的动作框内输入：message.asp。（6）切换到代码视图，在代码的最前面添加如下代码：<%mywords=Request("message")oneSentence="姓名："&Session("username")oneSentence=oneSentence&"机器号:"&Session(

5、"no")&"说:　"&mywordsApplication.Lock()Application("talk")=Application("talk")&oneSentence&"
"Application.UnLock()%>4.display.asp页面的制作（1）新建一个动态页面，取名为display.asp。（2）切换到代码视图，在标记内添加如下代码：functionscrollWindow(){this.scroll(0,65000)setTimeout('scrollWindow()'

6、,200)}scrollWindow()（3）在标记内添加如下代码：<%Response.Write(Application("talk"))%>5.chatpage.htm页面的制作（1）新建一个静态页面，单击菜单命令“插入”->“HTML”->“框架”->“上方”。（2）按住Alt键，鼠标左键单击上方框架，在属性面板的源文件框中选择display.asp。（3）按住Alt键，鼠标左键单击下方框架，在属性面板的源文件框中选择message.asp。（4）单击菜单命令“文件”->“框架集另存为”，以chatpage.htm为文件名保存。思考：

7、1.本案例中可以输入任意的用户名和密码，输入用户名和密码的目的是为了在聊天界面显示而已。如果想要限制用户输入正确的用户名和密码，怎么办？2.在本案例中，不通过index.asp的登录程序，也可以直接运行chatpage.htm。若强制用户必须经过index.asp页面才能运行其他页面，如何更改代码？3.要使聊天信息界面message.asp输出的聊天信息变成不同的样式，如用户输入的用户名和密码以及聊天信息显示为红色，如何更改代码？解答：1.若用户输入正确的用户名和密码才能进入聊天室，需要使用数据库，而相关的知识点在第五章中会学