asp动态网页制作第五章教案

扬州高等职业技术学校教案（首页）授课日期授课班级11305授课课时2*6授课形式新授授课章节名称第五章留新闻发布系统建设使用教具教学目的介绍新闻发布系统的设计思路和制作过程，从新闻发布的重要性开始，介绍我的新闻发布采用的ASP技术和SQL语言以及ACCESS数据库，进而阐述整个新闻发布系统的制作过程和具体的设计思路。教学重点利用asp技术实现新闻发布的基本功能：显示新闻、管理新闻教学难点利用DW实现asp动态网页常见的交互功能，对出现的问题的分析解决。更新、补充、删节内容无课外作业见教案教学反思通过上一章的学习，学生已经学会搭建一个动态网站开发平台，完成了网站开发前需要的所有准备工作，下面本章通过新闻发布的建设，来进一步学习动态网站开发的基本流程与方法，加深认识asp中交互功能的实现，学会用DW去实现asp的三大操作：增加、删除、修改。学生会将以前会过的知识点在本章灵活运用，提高学习举兴趣。第一讲（2节课）5.1系统的整体设计规划一、网页结构图IIndex.aspType.asp.asp管理者登录Admin_login.aspAdmin.asp新闻管理分类管理newscontent.asp.asp二、网页功能表页面名称功能Index.asp显示新闻分类和最新新闻页面Type.asp留言页面Newscontent.asp显示新闻内容页面Admin_login.asp管理者登录Admin.asp后台管理主页面News_add.asp增加新闻页面News_upd.asp修改新闻页面News_del.asp删除新闻页面Type_add.asp增加分类页面Type_upd.asp修改分类页面Type_del.asp删除分类页面三、页面设计规划在本地站点建立站点文件夹news.asp四、页面美工设计主要采用首页和次页面，采用的是“国字型”结构，效果图如下：5.2数据库设计与连接一、数据库设计首先要设计一个存储访问者留言内容、管理员对留言者住处进行管理的数据库文件，命名为news，其中有三个表news.mdb、newstype.asp和adnim.mdb二、news.mdb结构如下图三、newstype.mdb内容如下图四、admin.mdb结构如下图五、四、admin.mdb内容如下图六、建立数据库的具体要求见书P153-157七、建立库的连接1、用DNS2、用driver关键字3、用provider关键字总结：主要讲解了网页结构的功能和数据库的制作作业：将网页结构的功能上作业本第二讲（2节课）5.31新闻发布系统页面的设计导入：新闻发布系统分前台和后台两部分，这节是前台部分的动态网页。主要包括三个页面index.asp、newscontent.asp和type.asp一、新闻发布系统主页面的效果图二、功能演示1、单击“新闻分类”链接时能打开分类页面type.asp，访问者可以查看具体的新闻分类，单击“主题”后面的“查看”链接时能打开具体新闻页面newscontent.asp，访问者可以查看具体的新闻。2、静态页面详细制作步骤：（1）、启动dreamweaver，修改页面属性（2）插入表格，3*2，宽度为750像素（3）对单元格进行高度和宽度的设置（4）对单元格进行合并操作（5）插入背景图片和文字具体详见书P160-163三、前台页面包含三个页面index.asptype.aspindex.asptype.aspnewscontent.asp2、type.asp3、newscontent.asp四、三个页面之间跳转时都有参数传递1、思考：如何实现参数的传递，传递的是什么参数？五、index.asp页面的制作：1、设置页面属性：提醒：本次设置中多了背景图像的设置2、制作静态基础部分：3、制作静态嵌套部分4、制作动态部分：（1）建立两个记录集re1、re2（2）将记录集绑定到页面中（3）加上“服务器行为”重复区域的使用：选定tr后再操作转到详细页面：要选择正确的记录集再使用。6、制作页面的查询功能<%Dimre2Dimre2_cmdDimre2_numRowskeyword=request("keyword")Setre2_cmd=Server.CreateObject("ADODB.Command")re2_cmd.ActiveConnection=MM_connnews_STRINGre2_cmd.CommandText="SELECT*FROMnewsWHEREnews_titlelike'%"&keyword&"%'ORDERBYnews_idDESC"re2_cmd.Prepared=trueSetre2=re2_cmd.Executere2_numRows=0%>总结：主要讲解了index.asp页面的制作作业：将主要操作整理上作业本第三讲（2节课）5.3．2新闻分类、内容页面的设计导入：新闻发布系统分前台和后台两部分，这节是前台部分的动态网页。主要包括三个页面index.asp、newscontent.asp和type.asp。本节课主要讲解newscontent.asp和type.asp页面的制作一、type.asp页面的效果图二、功能演示1、单击“详细内容”链接时能打开分类页面新闻页面newscontent.asp，访问者可以查看具体的新闻。2、静态页面详细制作步骤：（1）、启动dreamweaver，修改页面属性（2）插入表格，3*2，宽度为750像素（3）对单元格进行高度和宽度的设置（4）对单元格进行合并操作（5）插入背景图片和文字具体详见书P169-171三、前台页面包含三个页面index.asptype.aspindex.asptype.aspnewscontent.asp2、type.asp3、newscontent.asp四、两个页面之间跳转时都有参数传递1、思考：如何实现参数的传递，传递的是什么参数？五、type.asp页面的制作：1、设置页面属性：提醒：本次设置中多了背景图像的设置2、制作静态基础部分：3、制作静态嵌套部分4、制作动态部分：（1）建立记录集re1（2）将记录集绑定到页面中（3）加上“服务器行为”重复区域的使用：选定tr后再操作转到详细页面：要选择正确的记录集再使用。六、让学生自己动手制作content.asp页面。总结：主要讲解了type.asp和conten.asp页面的制作作业：将主要操作整理上作业本第四讲（2节课）导入：后台管理系统可以使系统管理员通过admin_login.asp进行登录管理。5.4网站后台管理功能的设计一、访问者主页面的效果图二、功能演示1、管理者在地址栏输入，管理者可以对恶性留言进行审核、删除、修改等。2、静态页面详细制作步骤：（1）、启动dreamweaver，修改页面属性（2）插入表格，3*2，宽度为750像素（3）对单元格进行高度和宽度的设置（4）对单元格进行合并操作（5）插入背景图片和文字具体详见书P36-137三、动态功能的添加1、在应用程序面板中的服务器行为标签上选择“用户身份验证/登录用户”，进行设置，如下图所示：2、执行窗口——行为，打开行为面板，选择“检查表单”5.4.2一、功能演示：后台管理主页面admin.asp是管理者由登入的页面验证成功后所转到的页面。这个页面提供删除和编辑功能二、制作静态页面静态页面详细制作步骤：（1）、启动dreamweaver，修改页面属性（2）插入表格，3*2，宽度为750像素（3）对单元格进行高度和宽度的设置（4）对单元格进行合并操作（5）插入背景图片和文字具体详见书P179-三、动态功能的添加、建立记录集绑定功能窗口——绑定——记录集查询3、将绑定的字段插入至网页的适当位置4、设置重复区域5、设置显示区域，符合条件的显示和不符合条件的显示6、设置记录集导航条：首页、上一页、下一页、尾页7、设置“修改”链接8、设置“删除”链接总结：主要讲了admin_login.asp和admin.asp的制作过程作业：将过程整理上作业本第五讲（2节课）导入：新闻发布系统后台管理系统可以使系统管理员通过admin_login.asp进行登录管理。5.4.3新增新闻页面一、访问者主页面的效果图二、功能演示1、管理者在地址栏输入news_add.asp，管理者可以对留言进行回复。2、静态页面详细制作步骤：（1）、启动dreamweaver，修改页面属性（2）插入表格，3*2，宽度为750像素（3）对单元格进行高度和宽度的设置（4）对单元格进行合并操作（5）插入背景图片和文字具体详见书P143三、动态功能的添加1、建立记录集建立记录集绑定功能2、建立记录集绑定功能窗口——绑定——记录集查询Select*fromgbook3、将绑定的字段插入至网页的适当位置4、设置重复区域5、设置显示区域，符合条件的显示和不符合条件的显示6、设置记录集导航条：首页、上一页、下一页、尾页7、设置“回复”链接8、设置“删除”链接总结：主要讲了admin_login.asp和admin.asp的制作过程作业：将过程整理上作业本第六讲（2节课）5.4.4删除留言页面一、功能演示：后台管理主页面delbook.asp是管理者由登入的页面验证成功后所转到的页面。这个页面提供删除和编辑功能二、制作静态页面静态页面详细制作步骤：（1）、启动dreamweaver，修改页面属性（2）插入表格，3*2，宽度为750像素（3）对单元格进行高度和宽度的设置（4）对单元格进行合并操作（5）插入背景图片和文字具体详见书P145-三、动态功能的添加1、添加时间函数在代码中加入<%=now()%>可显示当前时间2、建立记录集绑定功能窗口——绑定——记录集查询Select*fromgbook3、将绑定的字段插入至网页的适当位置4、设置重复区域5、设置显示区域，