5.1.1动态HTML-粤教版高中信息技术选修三教案
2020-06-30
|
3页
|
265人阅读
|
8人下载
普通
资源信息
| 学段 | 高中 |
|---|---|
| 学科 | 信息技术 |
| 教材版本 | - |
| 年级 | 高一 |
| 章节 | 第1节 动态HTML |
| 类型 | 教案 |
| 知识点 | - |
| 使用场景 | 同步教学 |
| 学年 | 2020-2021 |
| 地区（省份） | 全国 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | DOC |
| 文件大小 | 14 KB |
| 发布时间 | 2020-06-30 |
| 更新时间 | 2020-06-30 |
| 作者 | 匿名 |
| 品牌系列 | - |
| 审核时间 | 2020-06-30 |
| 下载链接 | https://m.zxxk.com/soft/13964314.html |
| 价格 | 0.50储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
5.1.1 动态HTML教案（一）
1、 本节的作用和地位
教材编写过程中的第四章第四节已经预留了发展的空间，详细的动态HTML技术介绍放在第五章，学生在学习网页制作的过程中，可以跳到第五章第一节中结合实例学习。也可以在经历了完整的网站开发过程后，在第五章中作一个充实和完善。
2、 学习目标
1、 理解动态HTML技术的基本工作原理
2、 能够在网页中插入特效脚本代码，制作脚本弹出的欢迎窗口。
3、 学习重点
1、 理解动态HTML和HTML的异同。
2、 了解什么是网页脚本代码，掌握在网页中插入脚本代码的方法。
4、 学习方法
讲授法
5、 学习时间
1课时
6、 学习环境
计算机网络实验室
7、 学习过程
1、 引起兴趣：教师在上课的时候演示一些具有网页特效的作品，激发学生的学习热情。
（1） 教师展示在主题网站开发中已经制作好了的网页特效的学生作品。
（2） 教师展示部分事先准备好的网页特效作品。
目的是让学生了解，网页特效的种类有很多，绝不止Frontpage所提供的固定几种，如何应用更多的特效，灵活的运用，还需要进行更深入的学习，了解其基本的工作原理。
2、 新课学习
（1） 了解动态HTML和HTML的异同。
HTML是一种“静态”的网页设计语言，主要提供了文本和图像的显示，难以实现页面元素的运动和对文字图像等进行精确定位的功能。
动态HTML（简称DTHML）技术为网页增加特效，他其实是几种技术的结合产生了网页的动态效果。（我们在刚刚已经欣赏了一部分网页动态的效果）
DHTML的技术包括以下三个：客户端脚本、样式表定位、文档对象模型。
（2） 了解客户端脚本
打开前面学习过的“虎门销烟启思录”网站的网页文件，并向网页添加网页过度的效果，并打开网页的源代码，尝试找出实现动态HTML的代码。
脚本：脚本是一组指令能被浏览器程序解释执行，在WWW中，人们常常用脚本语言来实现动态效果或制作更强的交互功能。
事件：事件是浏览器响应用户操作的机制。
（3） 任务
学生运用JavaScript脚本技术实现网页加载时弹出欢迎词。
操作过程如下：
尝试改变进入网页时的效果，通过一个小JavaScript脚本程序，体验脚本程序的编写过程。
①打开前几堂课完成的小组主题网站，打开主页网页文件，切换到HTML视图。
②在HTML代码的<head>和</head>标记之间加入一
资源预览图
1
所属专辑
相关资源
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。