本节主要介绍了“动态HTML”和“动态网页”两个概念。在学习“动态HTML”的概念时，应重点掌握将简单的动态HTML特效加入到自己建设的主题网站中的方法；；另外一个重点是正确理解动态网页的“动”字。“动态网页”是个比较抽象的概念，可以通过比较动态网页与静态网页的区别总结出动态网页的特点，从而加深对动态网页的理解。

知识结构：

5.1认识动态网页5.1.1动态HTML1.什么是动态HTML2.实现简单的动态HTML效果5.1.2动态网页1.什么是动态网页2.静态网页和动态网页的比较

【教学过程】

教学环节教师活动学生活动媒体运用设计意图

创设情境，

引入课题

展示两个做好的网页，要求学生注意观察，找出网页中有哪些动态的特效

引出本节的课题：动态HTML仔细观察，发现网页一、网页二均有动态的效果，第二张网页有鼠标悬停效果、时间变化、滚动字幕等特效PPT展示本节课课题通过寻找动态效果来导入，提升学生的兴趣精讲点拨提问：什么是动态HTML（DHTML）？与动画效果（GIF）的区别

学生看书，思考，回答，DHTML是指在脱离网络环境下，网页下载到浏览器以后仍能随时变换的HTMLPPT展示让学生正确理解DHTML任务探究一布置moodle任务一完成moodle任务一Moodle平台精讲点拨介绍几种简单的动态HTML效果（鼠标悬停效果、交换图片效果），教师演示一个效果的的操作过程

学生观看老师演示，了解具体的操作步骤Frontpage演示，极域广播

希沃屏幕展示知识点培养学生的自学能力任务探究二提出问题：其余的特效应该怎么来完成？

教室巡视，了解学生完成情况，并给予相应的指导，让学生能够发现问题、总结DHTML特效的方法学生思考，触类旁通，参考老师提供的微课，完成其他的几个动态HTML效果

完成moodle平台上的任务二（主题三选一）Moodle平台

微课动手尝试制作动态HTML效果，加深印象学生作品展示

教师点评邀请部分同学演示操作，引导其他同学加以点评

提炼总结演示完成的动态HTML特效，并讲解自己遇到的问题，其他同学认真观察，听取演示同学的小结极域广播培养学生自主探究能力，以及表达能力教授新课抛出问题：什么是动态网页

根据学生的回答加以补充（动态网页主要强调人机交互）

提供几个动态网页给学生看（苏州图书馆、）学生看书，思考，并回答

欣赏动态网页PPT展示通过静、动态网页对比，加深学生对动态网页的理解教授新课动态网页与静态网页的比较

学生讨论完成表格：静态网页和动态网页的比较课堂小结今天我们学到了什么？PPT展示总结回忆本节课主要内容，反思自己的掌握情况利用PPT总结总结提高课堂测验布置moodle平台上的课堂测验，并根据学生的完成效果及时评价

教科2003课标版《5.1.1动态HTM》优质课教案下载

相关资源

教材

第一章 网络能为我们做什么

1.1 跨时空的服务

1.1.1 因特网服务类型

1.1.2 因特网的应用与发展趋势

1.2 因特网信息交流与网络安全

1.2.1 因特网信息交流

1.2.2 网络应用中的安全

1.3 因特网信息资源检索

1.3.1 因特网中的信息检索

1.3.2 信息检索工具的工作原理

第二章 因特网的组织与管理

2.1 域名与域名的管理

2.1.1 域名的一般知识

2.1.2 域名的管理

2.2 IP 地址及其管理

2.2.1 计算机的网络身份—— IP 地址

2.2.2 IP 地址的管理

2.2 IP 地址及其管理（通用）

2.3 如何将计算机接入因特网

2.3.1 因特网服务组织

2.3.2 设置IP 地址和子网掩码

2.3.3 设置网关和代理服务器

2.3.4 设置DNS 服务器

第三章 网络是如何工作的

3.1 网络的功能与构造

3.1.1 认识网络

3.1.2 网络的功能

3.1.3 网络中的硬件

3.1.4 网络中的软件

3.2 网络通信的工作原理

3.2.1 数据的传输过程

3.2.2 数据交换技术

3.3 网络的规划设计

3.3.1 确定网络规模

3.3.3 选择硬件和软件

3.3.2 确定网络拓扑结构

3.4 动手组建小型局域网

3.4.1 建网前的准备工作

3.4.2 工程实施和测试运行

第四章 建立主题网站

4.1 规划网站

4.1.1 基本概念

4.1.2 需求分析与选题

4.1.3 选择网页制作工具

4.1.4 制定网站建设计划表

4.2 网站设计

4.2.1 栏目设置

4.2.2 版面设计

4.2.3 树立网站整体风格

4.2.4 收集素材

4.3 网站实现

4.3.1 建立站点

4.3.2 网页制作

4.3.3 建立超链接

4.4 发布、管理网站

4.4.1 测试站点

4.4.2 发布站点

4.4.3 站点的维护与管理

第五章 动态网页制作

5.1 认识动态网页

5.1.1 动态HTM

5.1.2 动态网页

5.2 理解动态HTML

5.2.1 客户端脚本语言

5.2.2 CSS 样式表

5.3 应用动态HTML

5.3.1 用JavaScript 制作动态HTML

5.3.2 动态HTML 设计原则

5.4 ASP脚本的应用

5.4.1 初识ASP

5.4.2 创建ASP 程序的准备工作

5.4.3 ASP的简单应用

附 录 中英文术语对照表

试卷

专辑

教材

第一章网络能为我们做什么

1.1 跨时空的服务

1.1.1 因特网服务类型

1.1.2 因特网的应用与发展趋势

1.2 因特网信息交流与网络安全

1.2.1 因特网信息交流

1.2.2 网络应用中的安全

1.3 因特网信息资源检索

1.3.1 因特网中的信息检索

1.3.2 信息检索工具的工作原理

第二章因特网的组织与管理

2.1 域名与域名的管理

2.1.1 域名的一般知识

2.1.2 域名的管理

2.2 IP 地址及其管理

2.2.1 计算机的网络身份—— IP 地址

2.2.2 IP 地址的管理

2.2 IP 地址及其管理（通用）

2.3 如何将计算机接入因特网

2.3.1 因特网服务组织

2.3.2 设置IP 地址和子网掩码

2.3.3 设置网关和代理服务器

2.3.4 设置DNS 服务器

第三章网络是如何工作的

3.1 网络的功能与构造

3.1.1 认识网络

3.1.2 网络的功能

3.1.3 网络中的硬件

3.1.4 网络中的软件

3.2 网络通信的工作原理

3.2.1 数据的传输过程

3.2.2 数据交换技术

3.3 网络的规划设计

3.3.1 确定网络规模

3.3.3 选择硬件和软件

3.3.2 确定网络拓扑结构

3.4 动手组建小型局域网

3.4.1 建网前的准备工作

3.4.2 工程实施和测试运行

第四章建立主题网站

4.1 规划网站

4.1.1 基本概念

4.1.2 需求分析与选题

4.1.3 选择网页制作工具

4.1.4 制定网站建设计划表

4.2 网站设计

4.2.1 栏目设置

4.2.2 版面设计

4.2.3 树立网站整体风格

4.2.4 收集素材

4.3 网站实现

4.3.1 建立站点

4.3.2 网页制作

4.3.3 建立超链接

4.4 发布、管理网站

4.4.1 测试站点

4.4.2 发布站点

4.4.3 站点的维护与管理

第五章动态网页制作

5.1 认识动态网页

5.1.1 动态HTM

5.1.2 动态网页

5.2 理解动态HTML

5.2.1 客户端脚本语言

5.2.2 CSS 样式表

5.3 应用动态HTML

5.3.1 用JavaScript 制作动态HTML

5.3.2 动态HTML 设计原则

5.4 ASP脚本的应用

5.4.1 初识ASP

5.4.2 创建ASP 程序的准备工作

5.4.3 ASP的简单应用

附录中英文术语对照表

试卷

专辑