ASP-授课教案18

浅谈网页设计与制作课程教学上课次数脾气18授课方式(请坐)理论课讨论课实验课练习课其他上课时间安排2课程主题(教章、节、主题):第四章： ASP内置对象案例4-4 :聊天室研究教育的目的、要求(把握、熟悉、理解三个层次):1 .了解聊天室的功能2 .熟悉本例的文件结构和编制程序3 .掌握ASP的5个内置对象的协作教育重点和难点：1 .聊天室的制作过程2. ASP的五个内置对象在此示例中的作用教育的基本内容方法和手段案例4-4 :聊天室的研究本案文共有五份文件：index.asp :聊天室登录界面do_login.asp :登录处理接口chatpage.htm :聊天室框架文件message.asp :聊天室信息输入接口display.asp :聊天信息显示页面以下页面显示此方案的功能结构图在多媒体的讲义中，首先演示本例子的操作过程，分析本例子具备的功能，接着分析在页面的操作过程中各页如何相连接，构成聊天室。教育的基本内容方法和手段如何创建这个实例？答：操作流程如下：1 .创建1. index.asp页面(1)将新的动态页面命名为index.asp。(2)插入表单，在表单内输入相关文本，插入两个文本框和提交按钮。(3)其中一个文本框的名称为txtUserID的另一个是“txtUserPWD”。(4)选择表单，然后在属性面板的操作框中键入do_login.asp。2 .创建2. do_login.asp页面切换到名为do_login.asp的新动态页面的代码窗口，并添加以下代码%strUserID=Request(txtUserID )strUserPWD=Request(txtUserPWD )session(username)=struseridsession(no)=struserpwdresponse.redirect ( chat page.htm )%在多媒体解说中，通过上述的分析，和学生一起完成了下面5页的作成。教育的基本内容方法和手段3 .创建3. message.asp页面(创建名为message.asp的新动态页面。(2)将页面的背景色设定为蓝色。(3)插入表单，在表单内插入文本框和发送按钮。(4)设置文本框的名称为： message。(5)选择表单，然后在属性面板的操作框中键入message.asp。(6)切换到“代码”视图，在代码开头添加以下代码%mywords=Request(message )oneSentence=名称： Session(username )oneSentence=oneSentence 机器号： session ( no ) 3360 my wordsApplication.Lock ()application ( talk )=application ( talk ) one sentence Application.UnLock ()%4 .创建4. display.asp页面(创建一个名为display.asp的新动态页。(2)切换到“代码”视图，在标签内添加以下代码(3)在标签内添加以下代码：%response.write (应用程序( talk )%5 .创建5. chatpage.htm页面(1)创建新的静态页面，然后单击菜单命令“插入”html“框架”“顶部”。(2)按住alt键的同时左键单击上面的帧，然后在“属性”面板的源文件框中选择display.asp。(3)按住alt键的同时左键单击下面的帧，在属性面板的源文件框中选择message.asp。(4)菜单命令“文件”-“将框架集另存为”，将chatpage.htm另存为文件名。思考：1.本案例中可以输入任意的用户名和密码，输入用户名和密码的目的只是为了在聊天画面上显示。 如果用户想要限制输入正确的用户名和密码，该怎么办？2 .在此情况下，可以直接执行聊天页面. htm而不通过index.asp的注册程序。 如果用户需要通过index.asp页来运行其他页面，如何更改代码？3 .如何更改聊天信息界面message.asp输出的聊天信息，以使用户输入的用户名和密码以及聊天信息显示为红色？答：1.用户要输入正确的用户名和密码进入聊天室，必须使用数据库，相关知识点在第5章学习，请期待下次学习。2 .将chat page.htm保存为chatpage.asp，并在此页的代码前添加以下代码%if session ( username )= or session ( no )= thenresponse.Redirect(index.asp )end if%切换到message.asp和display.asp页的代码窗口，在开头添加上述代码。进一步介绍，举例说明多媒体，让学生理解本实例的功能代码，以及ASP嵌入式对象在此实例中的应用。教育的基本内容方法和手段切换到do_login.asp页的代码窗口，并在该页的代码前添加以下代码%ifs request ( txuserid )= or request ( tx userpwd )= thenresponse.Redirect(index.asp )end if%在message.asp页码中，在上述三个对象之前和之后添加标记。 用以下代码替换Session(username )。 Session(no )和修改mywords的方式类似S