第10课 左右逢源——滚动、字幕与层的使用 教案

第10课
左右逢源——滚动、字幕与层的使用
教案
科目
信息技术
年级
八年级
课题 第10课 左右逢源-----滚动字幕与层的使用
课时安排
2课时
教学目标
学会应用多媒体工具、相关设备和技术资源来支持其他课程的学习，能够与他人协作或独立解决与课程相关的问题，掌握操作技巧。
知识与技能
1．熟练建站点和规划文件夹。
2．进一步熟悉应用模板创建网页的方法。
3．掌握利用“鼠标经过图像”制作导航栏的方法。
4．学会使用标签制作滚动字幕。
过程与方法
1．通过实践与体验，培养学生运用模板制作校园内外网页，解决实际问题的能力。
2．通过浏览和调试，让学生在实践中学习和体会，以提高主动探索
学习的意识和能力。
3．培养学生勤于动脑和动手的习惯以及严谨的思维方式。
情感态度 与价值观
1．体验制作动态导航栏、标签的妙用，激发学生学习程序设计的兴趣，逐步形成积极主动的学习态度。
2．培养学生发现问题、思考问题、解决问题的能力。
3．引导和培养学生运用信息技术解决实际问题的意识和能力，并在学习过程中获得价值体验。
教学重点
1、掌握熟练建站点和规划文件夹。
2、学会使用标签制作滚动字幕的方法。
教学难点
1、学会使用marquee标签制作滚动字幕的方法。
2、初步掌握使用层来进行布局。
教学准备
知识准备：
计算机基础知识，Dreamweaver8的相关相关网页制作技能。
硬件准备：
多媒体电子教室。
软件准备：
Dreamweaver8。
教学方法
“五步双重”教学法
教学过程
一、复习旧知
站点和规划文件夹是Dreamweaver8中基本操作技能，每节课必须完成这个操作。制作热点超链接是上节课所学的主要内容。熟练掌握利用模板创建网页的两种方法：一是用模板新建网页；
二是创建网页后再应用模板。
双重：1、注重学生自主学习 2、着重新旧知识检测

二、新课导入
在浏览网页的时候，人们的视线很容易被一些动态的元素所吸引。如：自动更迭的图片、滚动的文字标题等。本课，我们将在制作“校园内外”栏目网页时，利用“滚动字幕”实现网页标题文本的动态效果。展示制作完成的“校园内外”网页。
三、自学指导
看书P68－70，完成如下操作。
1、规划“校园内外”文件夹和制作导航栏。 在“文件”面板中规划“校园内外”篇。
⑴创建文件夹。在网站的根目录下建立文件夹xymw。将素材库中xymw文件夹中的images和other文件夹放在自己建立的xymw文件夹中。
⑵将素材库中整个模板的文件夹放在自己站点的根目录中。
⑶利用模板创建“校园内外”网页。
⑷接着制作导航栏按钮。利用“鼠标经过图像”来制作这些导航按钮。
注：在制作导航栏之前，先要准备按钮图片。每个导航按钮需要两张图片，分别对应弹起状态图像和鼠标经过图像。
2、利用“滚动字幕”制作动态页面标题。 听老师讲解后操作。
利用标签在Dreamweaver8制作滚动字幕。无须手动输入代码，可以使用HTML的标签设置属性值即可。
步骤1：选择要成为滚动字幕的文本，如“校园内外”网页的标题“校园内外活动安全”。
步骤2：执行“插入”→“标签”命令，打开
“标签选择器”对话框，单击展开“HTML标签”，再单击“页面元素”，在右侧的标签项目列表中找到marquee，单击“插入”按钮，然后再单击“关闭”按钮。
步骤3：系统自动切换到“拆分”视图，在窗口的左半部分显示代码，右半部分显示页面的编辑状态。将光标放到标签内，执行“窗口” →“标签检查器”命令，打开“标签检查器”面板，为标签的各个属性设置参数。
双重：1、注重学生自主学习 2、着重新旧知识检测
步骤4：保存并在IE中浏览，可以观察到的滚动字幕效果。

四、检测新知
1、展示完成好的学生作品。
2、保存网页，在浏览器中测试网页效果。
五、巩固新学
1、自主学习，通过图10.1的“校园内外”实例效果图，请同学们继续完善并操作。完成好的同学辅导不会的同学。
2、请同学们为“校园内外”篇的4个栏目页面“体育健身”、“集体活动”、“校内实践”和“野外拓展”，创建相同的导航按钮，完成栏目间的跳转，并适当运用滚动字幕和滚动图像美化网页。
注：1、可以将xymw.html网页另存为模板，其它4个网页从这个新建的模板继承页面元素也是不错的简便方法。
2、滚动字幕和图像在网页中不宜使用太多，否则会使人有一种“眼花缭乱”的感觉，反而不能起到突出显示的作用。
课堂小结
老师和学生一起共同回顾本节课学习的知识点。
1．熟练建站点和规划文件夹。
2．进一步熟悉应用模板创建网页的方法。
3．掌握综合运用多种软件制作导航栏的方法。
4．学会使用标签制作滚动字幕。
作业
完成“创作天地”中的练习
板书设计
第10课 左右逢源——滚动字幕与层的使用
一、 规划“校园内外”文件夹和制作导航栏
二、 利用“滚动字幕”制作动态页面标题
三、 测试网页
教学反思
本课成功之处：能够精心导入，激发学生学习兴趣。在教学中合理运用“五步双重教学法”进行教学。以学生为主体，学生在轻松、优美和谐的情境中自主探究、协作交流，完成知识的意义建构，提升自身的审美情趣。我把自己的角色定位为教学活动的设计者、导学者、合作者、评价者。教师适时指导、点拨。
1、 本节课我们对规划“校园内外”文件夹和制作导航栏熟练掌握，为以后的学习制作网页奠定了基础。
2、 本课教学过程中，学生都能很好的完成网页操作，网页的美化，以及文字的动态效果。

点击下载

同课章节目录

• 第1单元 初建网站
• 第1课 新手入门——网站欣赏与创建网页
• 第2课 轻松上路——规划网站及创建站点
• 第3课 开篇之作——基于表格的页面布局
• 第4课 星光闪烁——用Flash动画完善首页
• 第2单元 框架模板
• 第5课 统一风格——制作框架网页
• 第6课 事半功倍——制作网页模板
• 第3单元 编辑网页
• 第7课 驾轻就熟一应用模板创建网页
• 第8课 自由穿梭——利用锚记实现局部链接
• 第9课 按图索骥——制作热点超链接
• 第10课 左右逢源——滚动、字幕与层的使用
• 第11课 最佳搭档——应用CSS样式与层美化网页
• 第4单元 网页特效
• 第12课 一触即发——应用行为创建动态效果
• 第13课 影音视听——制作多媒体网页
• 第14课 锦上添花——用层制作网页特效
• 第15课 信息互动——制作表单网页
• 第16课 成果分享——网站的测试与发布

点击下载

VIP下载

© 21世纪教育网

友情链接：21课件 21教件 排课软件 21组卷网 21书城 汉字大全