asp动态网页制作第四章教案.docVIP

扬州高等职业技术学校教案（首页） 授课日期 第六、七周 授课班级 11305 授课课时 2*6 授课形式 新授 授课章节 名 称 第四章留言板管理系统建设 使用教具 教学目的 介绍留言板系统的设计思路和制作过程，从留言板的重要性开始，介绍我的留言版采用的ASP技术和SQL语言以及ACCESS数据库，进而阐述整个留言板系统的制作过程和具体的设计思路。 教学重点 利用asp技术实现留言板的基本功能：留言、回复、删除 教学难点 利用DW实现asp动态网页常见的交互功能，对出现的问题的分析解决。 更新、补 充、删节 内 容 无 课外作业 见教案 教学反思 通过上一章的学习，学生已经学会搭建一个动态网站开发平台，完成了网站开发前需要的所有准备工作，下面本章通过一留言簿的建设，来进一步学习动态网站开发的基本流程与方法，加深认识asp中交互功能的实现，学会用DW去实现asp的三大操作：增加、删除、修改。学生会将以前会过的知识点在本章灵活运用，提高学习举兴趣。 第一讲（2节课） 系统的整体设计规划 一、网页结构图 管理者登录 管理者登录 二、网页功能表 页面名称 功能 留言内容显示页面 留言页面 管理者登录 后台管理主页面 回复留言 Delbook..asp 删除留言 验证码生成页面 存储验证码页面 三、页面设计规划 在本地站点建立站点文件夹 四、页面美工设计 主要采用首页和次页面，采用的是“拐角型”结构，效果图如下： 数据库设计与连接 一、数据库设计 首先要设计一个存储访问者留言内容、管理员对留言者住处进行管理的数据库文件，命名为gbook，其中有两个表和 二、结构如下图 三、内容如下图 四、结构如下图 五、四、内容如下图 六、建立数据库的具体要求见书P120-122 七、建立库的连接 1、用DNS 2、用driver关键字 3、用provider关键字 总结：主要讲解了网页结构的功能和数据库的制作 作业：将网页结构的功能上作业本 第二讲（2节课） 留言板管理系统页面的设计 导入：留言板管理系统分前台和后台两部分，这节是前台部分的动态网页。主要包括两个页面和book..asp 一、留言板管理系统主页面的效果图 二、功能演示 1、单击“留言”链接时能打开在线提交留言住处页面，访问者可以在上面自由地发表意见，但管理者可以对恶性留言进行审核、删除、修改等。 2、静态页面详细制作步骤： （1）、启动dreamweaver ，修改页面属性 （2）插入表格，3*2，宽度为750像素 （3）对单元格进行高度和宽度的设置 （4）对单元格进行合并操作 （5）插入背景图片和文字 具体详见书P126-127 三、动态功能的添加 1、添加时间函数 在代码中加入%=now()%可显示当前时间 2、建立记录集绑定功能 窗口——绑定——记录集查询 Select * from gbook where passed=true 3、将绑定的字段插入至网页的适当位置 4、在代码中完善功能 % if IsNullreply).Value) then% span class=STYLE5对不起，暂无回复！/spanbr / % else % 管理员在%=redate).Value)%回复内容：br / nbsp;nbsp;%=reply).Value)% % end if % 5、在“服务器”行为中加入“重复区域”功能 6、添加记录集分页功能 总结：主要讲解了页面的制作 作业：将主要操作整理上作业本 第三讲（2节课） 留言板管理系统页面的设计 导入：留言板管理系统分前台和后台两部分，这节是前台部分的动态网页。主要包括两个页面和book..asp 一、访问者主页面的效果图 二、功能演示 1、单击“留言”链接时能打开在线提交留言住处页面，访问者可以在上面自由地发表意见，但管理者可以对恶性留言进行审核、删除、修改等。 2、静态页面详细制作步骤： （1）、启动dreamweaver ，修改页面属性 （2）插入表格，3*2，宽度为750像素 （3）对单元格进行高度和宽度的设置 （4）对单元格进行合并操作 （5）插入背景图片和文字 具体详见书P126-127 三、动态功能的添加 1、添加时间函数 在代码中加入%=now()%可显示当前时间 2、建立记录集绑定功能 窗口——绑定——记录集查询 Select * from gbook where 3、将绑定的字段插入至网页的适当位置 4、在代码中完善功能验证码的制作 % Option Explicit =true = -1 = Now() - 1 cache-control,no-cache Pragma,no-cache = Image/BMP Call Com_