高中5.1 动态HTML精品ppt课件

《网页滚动字幕的制作方法》教学设计

学科：    高中信息技术    

教学类型：讲授型  练习型
适用对象：高一、二学生
设计思路：
    本课结合实际教学，应用讲授、演示等多种教学手段和策略来组织教学，通过微视频教学来引起学生的注意进而提高学生的学习兴趣。带领学生一起探索如何利用Frontpage的基本工具给网页添加滚动字幕，添加网页的动态效果。
 课前准备：1.会使用frontpage网页制作工具

           2.前面学习制作好的网页

知识点描述：让学生熟练掌握Frontpage的使用方法，体验网页动态效果的制作，学习HTML的基本结构，体验网页的美化与修饰。

课程内容：
1、课件展示学习内容和目标

让学生回顾上网看到的网页动态效果，思考这些动态效果是如何做成的？提高学生的学习兴趣。
2、知识点回顾：

①   对Frontpage工具的4个视图窗口的功能有简单的介绍

3、学习左右滚动字幕的制作

操作步骤：

第一步：插入菜单“web组件/动态效果/字幕”打开对话框。

第二步：在对话框输入要滚动的字幕，并设置滚动效果。

第三步：点确定，预览效果，并作修改。

4.根据内容需要，制作上下滚动字幕。

第一步：插入菜单“web组件/动态效果/字幕”打开对话框。

第二步：在对话框输入要滚动的字幕，并设置滚动效果。

第三步：点确定，预览效果。

第四步：打开代码窗口，找到滚动字幕的代码，在代码部分做修改，添加direction=up，修改字母的滚动方向。

第五步：预览效果，调试修改。

学生上机操作：（对网页进行美化与修饰，增加动态效果。）
（1）制作左右滚动字幕。
（2）制作上下滚动的文字。

（3）学习特效代码的使用。
 自我教学反思
1、学生对操作性的课堂学习都是很感兴趣的，并且我也挑选了一些有特色的网页动态效果让学生进行操作学习。学生的兴趣提高了，对学习就有一定的积极性。此外我运用了层层解析的方法，一步一步的操作，所以学生对知识点相对比较容易理解。
2、在讲授利用Web组件制作动态效果时，要掌握好知识点的难度，也不要过分的延伸。从上课的效果来看，学生比较多的能接受动态网页特效的使用方法，并且学习兴趣浓，热情高。