第十六课 让网站有声有色 教学设计 (5)

本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com 第十六课 让网站有声有色 教学设计 1教学目标 了解web组件的作用,学会插入web组件的基本方法。认识代码的基本结构,学会插入、删除等简单操作。 过程与方法: 通过教师示范,学生自主探索,学生演示等方法掌握web组件常用动态对象的使用方法。 情感态度与价值观: 进一步激发学习兴趣,培养学生探究精神 2学情分析 生已经基本掌握静态网页的基础编辑,为了给网站添加一些动态的效果让网页更加出色,之前已经教过gif图片的制作,非常受学生的欢迎。本课内容是对教材的进一步挖掘。 3重点难点 重点:动态字幕,难点:主动探索其他工具 4教学过程 活动1【导入】导入 “老师做了一个比较有意思网页想给大家看看” 展示具有动态字幕和图片库的网页, “这个网页的哪些元素比较吸引你 ” “今天我们就来学习动态效果的制作” 活动2【活动】动态字幕 首先我们来看看这个动态字幕,如果是你来制作,你选择用什么方法来实现 ” “除了做成gif图片,有一个更好的办法,那就是利用web组件,它给我们提供了不少的动态效果。 板书:web组件 1.教师演示:打开首页,选定合适位置,“插入/web组件/动态效果/字幕/完成/输入文字/完成,预览效果21世纪教育网版权所有 2.出示任务1: (1)在有需要的网页上尝试插入动态字幕 (2)关注属性面板,尝试修改字幕大小、速度、字体等相关属性,让字幕更符合你的要求 3.情况反馈: (1)请学生上台帮老师美化字幕,特别要求指出字体的设置。 (2)“我们学会了字幕属性的设置,可是字幕的位置是不是还有可以改进的呢 “ ”在word里面能把文字放到图片上,两层能叠加,那在frontpage里面能实现这样的效果吗 ” 听学生口述,演示添加层,把字幕拖入层,调整位置,表扬学生的探索精神 4.完成操作任务: (1)按需要修改字幕 (2)插入层,把字幕拖入,调整 (3)在web组件里尝试寻找图片效果的设置方法 活动3【活动】图片库 1.教师提供图片素材,简单演示图片库的设置(或由学生来完成) “图片库的使用非常简单,效果也不错,web组件里面还有好多实用的工具等待大家去发现” 活动4【活动】发现之旅 1.出示任务2: (1)在web组件内寻找你认为有用的其他工具 (2)小组内探讨某一工具的使用方法 (3)小组派代表上台来分享心得:什么工具,适用于哪里,有什么特点 2.学生上台分享心得,教师引导并板书 活动5【活动】小结 根据表格内容回顾所学 谈谈这节课的关于自我探究方面的心得 21世纪教育网 -- 中国最大型、最专业的中小学教育资源门户网站。 版权所有@21世纪教育网