加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

第十二课  一触即发—应用行为创建动态效果

(2016-12-17 20:21:22)
分类: 教案设计(六)16-17第一学期

教学目标

1、【知识与技能:】

  (1)通过学习,了解行为、事件、动作的含义。。

(2)通过学习,掌握应用“交换图像”行为制作导航按钮的方法。

(3)通过学习,掌握应用“弹出信息”行为制作弹出对话框的方法。

(4)通过学习,掌握应用“设置状态栏文本”行为为导航栏添加提示信息的方法。

2、【过程与方法:】

1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程;

2)、能够仔细倾听其他同学的发言,体验合作学习的过程和方法;

3、【情感态度与价值观:】

1)联系生活实际,学习制作网站的基本知识,激发学生的学习兴趣。

2)学生在协作与交流过程中,提高自己的操作能力,肯定自己的价值。

教学重、难点

重点:应用“交换图像”制作动态导航按钮,应用“弹出信息”行为制作弹出对话框。

难点:应用“设置状态栏文本”行为为导航按钮添加提示信息

一课时

教法及教具

教法:任务驱动,自主探究学习法。 教具:多媒体网络教室

教学过程

(一)激趣导入:

   展示各种利用行为制作的动态效果网页,请学生欣赏,对比前面制作的网页,简单讨论后引出行为的概念。按照心理学常识,学生对学习内容产生兴趣,就能自觉地排除内外主客观因素的干扰,集中注意力积极主动地投入学习,把学习当成愉快的事。因此,在学习新知识前,创设情景,引入课题。

(二)、探究新知

【任务一:】创建“救生急救”网页

明确步骤:1、规划“逃生急救”文件夹;2、新建网页文件;3、调整网页内容

由教师示范执行,然后让学生对自己的作品进行操作,我在巡视过程注意鼓励学生利用已有的知识技能解决问题,引导学生发现操作中的相似或相似之处,利用知识的迁移解决类似问题。在讲解事件、动作概念的时候,结合具体的网页实例进行,这样利于学生理解。

【任务二:】添加动态效果

教师示范,打开Dreamweaver8软件工具,提示学生根据前面已制作的作品继续完善后续的操作过程。然后学生亲自实践操作练习,完成下列任务的操作实践,灵活熟练地对网页动态效果的设置。

1、应用“交换图像”行为

对于触发动作的事件,可以让学生在行为面板中进行尝试设置,体验其中的不同,帮助理解行为、事件、动作之间的关系。

2、应用“弹出信息”行为

3、应用“设置状态栏文本”行为

设计目的,通过设置状态栏文本行为的应用,引导学生了解,状态栏也是网页制作中可以发挥的一片空间。可以通过应用行为或者编写代码的方式在状态栏中实现各种动态效果。

(三)合作交流

    本环节是本节课教学内容的升华,是本节课最具闪光点的一环,在这时里既应充分体现学生的合作讨论,又要体现学生的自主创新,所以我设计以各小组为单位,在学习了以上内容的基础上,对本组的作品进一步完善,美化。

(四)展示评价:

 在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。

最后,用约5分钟的时间进行小结和作业布置,完成课本中“创作天地”的练习。

五、评价:

本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的及时给予表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。

 

板书设计:

                 第十二课 一触即发—应用行为创建动态效果

    一、完善创建网页 

二、添加动态效果

1、应用“交换图像”行为;2、应用“弹出信息”行为;3、应用“设置状态栏文本”行为

    三、测试网页    

  课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有