资源简介

本资料来自于资源最齐全的２１世纪教育网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世纪教育网

展开更多......

收起↑