本课从体验入手，让学生感受到JavaScript特效在网页中的应用，形成初步的感性认识，再引入源代码的阅读分析，并结合frontpage软件编辑网页代码，将已有的JavaScript源代码插入HTML中，实现网页特效，引入代码复用技术，培养学生尊重知识版权的意识，提高学生的审美素养。主要采用教师引导，自主探究，小组合作的方法实现本课的三维目标。

【教学目标】

知识与技能：

实例对比让学生更深刻的理解动态html的含义，在网页中插入JavaScript特效；

了解动态HTML的设计原则；

培养学生实践探究的能力；

过程与方法：

通过实践掌握在网页中应用JavaScript特效的方法；

通过分析JavaScriptde 源代码，学会适当的修改源代码的方法；

情感态度与价值观目标：

合理的使用已有的动态HTML技术，体验代码复用技术的优势；

培养学生尊重知识版权的意识，提高学生的审美素养。

【教学重点难点】

重点：学会JavaScript脚本调用，利用JavaScript特效美化网页；

难点：适当的修改JavaScript 语言，完善网页效果。

【教学设计】

一、课前热身

学生欣赏http://192.9.205.157,比对屏幕投影的页面，找出区别。

二、复习与导入

1、回顾本章第二节的动态HTML的核心

2、回顾怎样用JavaScript为机器人网站设计欢迎窗口。

3、引入插入日期自动更新的JavaScript源代码的插入

三、体验与分析

1、展示Index3.htm页面让学生体验到日期更新、访问者人数统计、滚动公告板以及下拉菜单的动态变化，感受到JavaScript特效的生动性、变化性

教科版信息技术选修3 网络技术应用《第五章 动态网页制作 5.3 应用动态HTML 5.3.1 用JavaScript 制作动态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.1 用JavaScript 制作动态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的简单应用

附录中英文术语对照表

试卷

专辑