制作动态网页教学设计.docVIP

课堂教学设计——教案 教学内容 第七章 网页制作 第八节 制作动态网页 学 校 天泰中学 授课教师 杨青芹 日期 2010-11-19 课 型 新授课 授课班级 初二 课时 1 教 学 目 标 ⒈了解动态网页的特点。 ⒉了解（基于ASP技术）动态网页的工作过程。 ⒊学会制作表单网页。 ⒋体验制作动态网页的过程，进一步激发学生处理信息的兴趣。 活动主题 制作一个网络提交的“意见簿”。 活动指 导思想 参照《中小学信息技术指导纲要》中通过信息技术课程使学生具有获取信息、传输信息、处理信息和应用信息的能师 活动 学生 活动 设计意图 3 4 8 12 10 5 3 复习提问及引入：（3分） 1.自己站点内网页文件的扩展名是什么？（htm ） 2.展示某学生网站首页，如果想更新内容应如何做？（直接更改网页文件） 3.因特网上的大型网站，也这样更新吗？工作量有多大呢？（利用动态网页技术，只需更新后台数据库，维护方便） 讲授新课：（42分） 第七章 网页制作 第八节 制作动态网页 动态网页的特点？（4分） 浏览三个网页：①动画制作网站的首页 ②网络技术聊天室③百度搜索，比较说出各网页的特点。 (动态网页能根据不同的浏览者的请求显示不同的内容，生成的过程是动态的，我们通过浏览器看到的页面都是静态的。) 交互性、自动更新、数据管理方便 二、动态网页的生成过程（8分） 1.体验探究： 登录2网站，说出自己对动态网页的理解，体验动态网站的工作过程。 2.动态网页的生成过程（基于ASP技术） （1）客户端通过网络请求动态页服务器请求相应的ASP文件若有访问数据库的请求new_page_1.htm”重命名为“write.htm”。 插入表单及表单域并设置其属性。 保存该网页文件到自己的作业文件夹。 ③ 上传 “write.htm”文件到2/stu。 ⑵ 设计完成表单的处理程序，实现交互功能 操作步骤： 在代码视图，复制指定代码到新网页中。 保存网页为“form.asp”到自己的作业文件夹。 在代码视图，复制指定代码到新网页中。 保存网页为“showmsg.asp” 到自己的作业文件夹。 ⑤上传文件“form.asp”和“showmsg.asp”到tp://2/stu。 ⑥用浏览器浏览，检测最后结果。不仅能够自己留言，而且能够看到所有留言内容。 四、评价与交流（5分） 通过网络提交“意见簿”提交自己的收获 五、本节小结（3分） （一）动态网页的主要特点： ⒈交互性强 ⒉自动更新 ⒊数据管理方便 （二）动态网页的生成过程 课后作业： 在今后使用网络时，多留心注意观察，进一步观察学习动态网页的特点。 提问 演示 启发 演示 讲解 引导 总结 分析 启发 演示 讲解 讲解演示 演示操作 巡视指导 讲解演示 巡视指导 答疑 登成绩 引导总结 观察 思考 回答 观察 思考 回答 动手 体验 观察 记忆 观察 记忆 模仿操作 模仿操作 动手体验 思考 总结 回答 造成悬念 引出新课 引导学生深入思考明确学习任务 实现目标1 体验服务器端 技术 为突破难点做准备 突破难点 实现目标2 明确制作步骤 便于 继续学习 实现目标3 分层教学 体验 代码 视图的功能 体验交互网页的功能，巩固知识 2