本节课的教学对象是高一学生。在学习本课之前，通过第四章以及本章第一节的学习，学生基本已经掌握了如何进行网页制作，对HTML标记语言及动态HTML等概念有了基本的认识，但是对HTML的具体使用，只是浅层次的认识，还需要具体实践加以强化。大多数学生会对网页代码产生畏难情绪，虽然本节课的重点并不在 JavaScript特效语言上，但要将特效运用恰到好处，对学生的技术运用能力有一定的挑战。

【教学目标】

知识与技能：

1.了解JavaScript特效的概念，学会在HTML网页中嵌入JavaScript特效，并能做适当修改；

2.了解动态HTML设计原则。

过程与方法：

通过自主探究小组合作，掌握在网页中插入JavaScript特效的两种使用方法，体验代码复用技术的优越性。

情感态度价值观：

1.体验应用JavaScript特效的乐趣；

2.培养学生自主探究的意识以及发现问题、解决问题的能力；

3.通过交流、展示，提高学生语言组织和表达的能力。

【教学重点】

JavaScript特效在网页中实现的两种方法

【教学难点】

JavaScript特效代码的修改以及运用的能力

【教学方法】

讲授、自主、探究性合作学习

【教学媒体】

多媒体网络教室、极域教室软件、PPT 课件、半成品主题网站、学生资源等

【教学过程】

环节一：创设情境，复习导入

先展示在教师机发布的班级个人主题网站（HTTP://192.9.205.157）中一些特效网页，让学生回顾一下JavaScript脚本语言书写的基本机构，为本节课的学习做好铺垫，同时引入本节课任务，在上节课简单JavaScript特效代码的基础上应用一些复杂的JavaScript特效代码。

环节二：师生互动，体验分析

打开机器人半成品主题网站（如下图1），以“日期时间”JavaScript特效为例，了解“日期时间”JavaScript特效代码（如下图3）的大概含义，并以此为例讲解在HTML中加入JavaScript特效的两种方法。

半成品主题网站图1 成品主题网站图2

教科版信息技术选修3 网络技术应用《第五章 动态网页制作 5.3 应用动态HTML 5.3.2 动态HTML 设计原则》优质课教案

相关资源

教材

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

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的简单应用

附 录 中英文术语对照表

试卷

专辑

教科版信息技术选修3 网络技术应用《第五章动态网页制作 5.3 应用动态HTML 5.3.2 动态HTML 设计原则》优质课教案

教材

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

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的简单应用

附录中英文术语对照表

试卷

专辑