1、 1 通过实 例认识动态 HTML 一、教 学目 标 了解动 态 HTML ，能够实 现简单 的动 态 HTML 效果。 二、教 材内 容分 析 关于 动态 HTML ， 书上的 概念是 ： “ 所谓 动态 HTML ， 是指 即使 在脱 离网 络环 境的情 况下 ， 网页下载 到浏览器以后仍能够随时 变换的 HTML 。 ”本概念 比较模糊，学生从字面上 理解 比较含 混， 不 透彻， 不直 观。 教 师需要 将该 概念 直 观化、 形 象化 ， 便于 学生 理解。 在 理解 动 态 HTML 的同 时， 需要 强 调的一 点是 ， 并 不是 网页 上所有 “动” 的效 果都 是动 态 HT
2、ML 效 果， 比如 ， 有 的 GIF 图片也会表 现出 各种 活动 效果 ， 但 这只是 图片 本身 的 “ 动画 ” 效果 而 不是“ 动态 HTML ”效 果。 三、教 学方 法及 策略 1通 过简 单的 实例 演示 ， 让学生 对动 态 HTML 概念有比 较具 体的 认识 。 2利 用任 务驱 动法 ，让 学 生学会 简单 的动 态 HTML 制作 。 3 分 组上 网搜 索动 态 DHTML 的应用 实例 ， 发 挥团 队作用 ， 促进 学生 的团 队 意识 ， 增 强彼 此之间 的合 作 。 利 用精 彩 的实例 ， 激发 学生 学习 动 态 HTML 网页 的制 作兴 趣，
3、提高 学生 的 审美情 趣。 四、教 学过 程 1教 师展 示网 上搜 集到 的 一个“ 旋转 导航 菜单 ” 师：请 学生 们就 本导 航菜 单展开 讨论 。 （1） 分析 与常 见的 导航 栏 的区别 。 （2） 你看 到这 个导 航菜 单 在动， 你觉 得它 是普 通意 义上的 动画 吗？ 生：根 据教 师投 影出 的“ 旋转导 航菜 单” 讨 论老 师 提出的 问题 。 师：希 望大 家踊 跃发 言， 说出自 己的 观点 。 2教 师给 出 DHTML 的 比较容 易理 解的 解释 DHTML 不 是 有 关面 向 服务 器 的 脚 本、 JavaApplet 或动画 GIF 图像，所
4、有的这些操作 都 可 以 自 己 完 成， 除 了 改 变页 面 内 容 外 ，不 需 要 访 问服 务 器 。 页 面下 载 后 ， 不论 什 么 时候， 2 DHTML 都能 处理 页面 元 素，改 变 页 面版 面、 内容 和位置 并把 结果 不断 地提 供给用 户。 3自 己动 手制 作简 单的 动 态 HTML 师：请同学们从网上找两幅自己喜欢的图片并下载到本地机。然后打开 FrontPage, 先将其 中的一 幅图片 插入 ，使 用 DHTML 效果 ，利用 其中 的“鼠 标悬停 ”事 件， 将 第一幅 图片 交 换成第 二幅 图片 。 生：利 用网 络， 在本 地机 上完成 该任
5、 务， 同时 体会 动态 HTML 效果。 4自 己动 手更 多地 体验 FrontPage 中的 DHTML 效果 师：请 同学 们在 做完 上个 题目以 后， 相互 讨论 ，逐 一快速 体会 其他 的 DHTML 效果。 生：相 互讨 论， 完成 其他 操作。 5分 组上 网搜 索动 态 HTML 的应用实 例， 更好 地 理解、 体会 动态 HTML 的概念 及应 用 师： 按照 我们 原来 的分 组 ， 请 同学 们上 网搜 索动 态 HTML 的应用 实例 。 我 们 本节只 注重 直 观认识 ，暂 不考 虑该 动态 HTML 效果是 如何 实现 的 。 生：同 学们 进行 分组 活
6、动 ，并做 好记 录。 6教 师总 结 师： 同学 们， 我们 本节 课 主要是 了解 了动 态 HTML 的实 现效 果， 希望 同学 们 通过课 堂上 讲 解的实 例 ， 对 动态 HTML 有个 大致 的了 解。 为以 后 进一步 学习 打下 基础 。 请 同学们 利用 剩 余及 课 后的 时间 ，完 成表 5-1 的填写 。 表 5-1 动态 HTML 效果举例 网页地址 是否运用动态 HTML 运用了哪几种你知道的动态 HTML 效果 3 五、对该案例的评价 利用任务驱动法， 使学生进行有目的的学习和总结； 利用分组完成任务， 有助于增进学 生的团队意识，提高合作精神。 六、还可以怎样讲 以“动态 HTML ”为搜索目标，让同学们自己进行学习、总结，提高学生们的自学能力。 七、可能遇到的问题 学生花费了一些时间，却没能找到相关的一些动态 HTML 效果。怎么办？ 因为学 生第 一次 接触 DHTML ， 把握不透， 所以 在网 上搜索 动态 HTML 效果 时， 却 没能 找 到几个 。 鉴 于此， 教师 应该 提前把 工作 做细 ， 可 以提 供一些 自己 搜索 到的 动态 HTML 效果， 把网址 告诉 同学 们。 这样 就能节 省时 间， 加快 学生 对动态 HTML 效果 的认 知。
