内容正文:
左右逢源——滚动字幕与层的使用
1
学习目标
2
1
3
4
2
掌握“鼠标经过图像”制作导航栏的方法。
进一步熟悉应用模板创建网页的方法。
熟练建站点和规划文件夹。
学会使用<marquee>标签制作滚动字幕。
一、复习旧知
一是用模板新建网页
二是创建网页后再应用模板
图像热点超链接
3
4
二、新课导入
在浏览网页的时候,人们的视线很容易被一些动态的元素所吸引。如:自动更迭的图片、滚动的文字标题等。
本课,我们将在制作“校园内外”栏目网页时,利用“滚动字幕”实现网页标题文本的动态效果。展示制作完成的“校园内外”网页。
5
三、自学指导
任务一:
自学书上P68-70,完成制作规划“校园内外”文件夹和制作导航栏。完善“校园内外”网页内容。
6
三、自学指导
任务二:
利用“滚动字幕”制作动态页面标题。
7
三、自学指导
任务三:
完成“校园内外”篇其它栏目间的跳转,并适当运用滚动字幕和滚动图像美化网页。
(有能力的同学完成)
8
四、检测新知
1、展示完成好的学生作品。
2、保存网页,在浏览器中测试网页效果。
9
五、巩固新学
1、自主学习,通过图10.1的“校园内外”实例效果图,请同学们继续完善并操作。完成好的同学辅导不会的同学。
2、请同学们为“校园内外”篇的4个栏目页面“体育健身”、“集体活动”、“校内实践”和“野外拓展”,创建相同的导航按钮,完成栏目间的跳转,并适当运用滚动字幕和滚动图像美化网页。
10
课堂小结
老师和学生一起共同回顾本节课学习的知识点。
1.熟练建站点和规划文件夹。
2.进一步熟悉应用模板创建网页的方法。
3.掌握利用“鼠标经过图像”制作导航栏
的方法。
4.学会使用<marquee>标签制作滚动字幕。
11
布置作业
完成P书74“创作天地”中的练习。
12
板书设计
第10课 左右逢源——滚动字幕与层的使用
13
1
2
3
三、测试网页
一、 规划“校园内外”文件夹和制作导航栏
二、 利用“滚动字幕”制作动态页面标题
$$