信息技术选修3 网络技术应用5.1 动态HTML优质课教案及反思
展开5.1.1 动态HTML教案（一）
一、本节的作用和地位
教材编写过程中的第四章第四节已经预留了发展的空间，详细的动态HTML技术介绍放在第五章，学生在学习网页制作的过程中，可以跳到第五章第一节中结合实例学习。也可以在经历了完整的网站开发过程后，在第五章中作一个充实和完善。
二、学习目标
1、理解动态HTML技术的基本工作原理
2、能够在网页中插入特效脚本代码，制作脚本弹出的欢迎窗口。
三、学习重点
1、理解动态HTML和HTML的异同。
2、了解什么是网页脚本代码，掌握在网页中插入脚本代码的方法。
四、学习方法
讲授法
五、学习时间
1课时
六、学习环境
计算机网络实验室
七、学习过程
1、引起兴趣：教师在上课的时候演示一些具有网页特效的作品，激发学生的学习热情。
（1）教师展示在主题网站开发中已经制作好了的网页特效的学生作品。
（2）教师展示部分事先准备好的网页特效作品。
目的是让学生了解，网页特效的种类有很多，绝不止Frontpage所提供的固定几种，如何应用更多的特效，灵活的运用，还需要进行更深入的学习，了解其基本的工作原理。
2、新课学习
（1）了解动态HTML和HTML的异同。
HTML是一种“静态”的网页设计语言，主要提供了文本和图像的显示，难以实现页面元素的运动和对文字图像等进行精确定位的功能。
动态HTML（简称DTHML）技术为网页增加特效，他其实是几种技术的结合产生了网页的动态效果。（我们在刚刚已经欣赏了一部分网页动态的效果）
DHTML的技术包括以下三个：客户端脚本、样式表定位、文档对象模型。
（2）了解客户端脚本
打开前面学习过的“虎门销烟启思录”网站的网页文件，并向网页添加网页过度的效果，并打开网页的源代码，尝试找出实现动态HTML的代码。
脚本：脚本是一组指令能被浏览器程序解释执行，在WWW中，人们常常用脚本语言来实现动态效果或制作更强的交互功能。
事件：事件是浏览器响应用户操作的机制。
（3）任务
学生运用JavaScript脚本技术实现网页加载时弹出欢迎词。
操作过程如下：
尝试改变进入网页时的效果，通过一个小JavaScript脚本程序，体验脚本程序的编写过程。
①打开前几堂课完成的小组主题网站，打开主页网页文件，切换到HTML视图。
②在HTML代码的<head>和</head>标记之间加入一段JavaScript脚本代码，注意字符的大小写。
③修改<body>标记中的onload事件。
④保存网页文件，预览效果。
3、课后扩展
根据教师提供的资料“网页特效百宝箱”，尝试把更多的脚本复制到你的网页中，为你的网站增加特色。
高中信息技术粤教版选修3 网络技术应用5.1 动态HTML精品教案： 这是一份高中信息技术粤教版选修3 网络技术应用5.1 动态HTML精品教案，共3页。
粤教版选修3 网络技术应用2.1 接入因特网优秀教学设计及反思： 这是一份粤教版选修3 网络技术应用2.1 接入因特网优秀教学设计及反思，共2页。
高中信息技术粤教版选修3 网络技术应用2.1 接入因特网精品教案设计： 这是一份高中信息技术粤教版选修3 网络技术应用2.1 接入因特网精品教案设计，共3页。教案主要包含了三节的教学内容作好准备等内容，欢迎下载使用。
