课件编号3767551

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

日期:2024-04-28 科目:信息技术 类型:初中教案 查看:69次 大小:122036Byte 来源:二一课件通
预览图 1/1
10课,左右逢源,滚动,字幕,使用,教案
  • cover
第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、保存网页,在浏览器中测试网页效果。 五、 ... ...

~~ 您好,已阅读到文档的结尾了 ~~