PDF《教学设计文案》

强化基础类 >

拓展提升类 >

创新设计类 学生 根据自己的评价结 果选择相应的训 练;

完成后发布到平 台. 云平台 发布训练 发布资料 即时显示训练完成 情况 教师收集查看任务发现的问题;

学生收集完成任务中遇到的问题. 教师 设计任务 提供学习资料 查看学生完成情况 学生 领取任务 学习相关资料 完成任务,发布到 网络云平台 云平台 发布任务 发布资料 即时显示任务效果 课前课中课后评价结果 能力目标:

1、培养学生自主学习的能力;

2、培养学生自主查询资料的能力;

3、锻炼学生思维,培养学生自主解决问题的能力;

职业素养目标:

1、能用符合职业规范的方式来编写 js 代码;

2、培养学生的团队精神,能协作学习、协作完成任务;

重点\难点及 解决方法 重点:会使用 JS 的方法来移动网页元素 解决方法:该重点主要是 JS 具体函数的应用,在理解函数设计原理的基础上多使用 即可. 难点:会使用 JS 函数设计简单的网页动画 解决方法:该难点学生针对某个具体任务所要进行的具体分析以及解决问题的能力的 锻炼. 课前任务设计 (对应课前学 习任务清单)

1、下载并查看教学用的素材:www.1473.cn(教研室师生开发供学习交流的云平台) a、文字移动的动画案例;

b、文字移动动画的设计思路;

c、图片轮播的素材文件;

d、课前学习任务清单(详见附件 1);

e、任务分析表(详见附件 2);

f、错误记录表(详见附件 3).

2、相关知识的学习资料: a、HTML DOM setTimeout()方法: http://www.w3school.com.cn/jsref/met_win_settimeout.asp b、setTimeout 的运行方式: http://www.2cto.com/kf/201408/328410.html c、HTML DOM Document 对象: http://www.w3school.com.cn/jsref/dom_obj_document.asp d、其他个性化资料通过百度搜素.

3、每位同学参照学习资料及课件完成一个网页图片切换的效果. 每位同学需完成任务分析表,并填写学习任务清单;

(必做,见附件 1)

4、各组组长收集好组员作品,并组织分享,推选出最棒的作品. 同时收集组员在学习和完成任务的过程中思考的问题及遇到的困难,记录在问题 记录表上(见附件 2). 注意:任务清单上对于每项工作都有拟完成的时间,提醒学生尽可能按照预定时间完 成,提高学习效率和工作效率. 课前自学--任务应用--课中讨论--课中复习--课后再训练 课前导入任务--课前自主探究--课前发现问题--课中指导教学构建 新知--课中解决问题--课后拓展应用 教学实施方案 教学 步骤 与过 程课前课中教学环节 教学内容 教学组织 教学活动 创设情境 确定问题 15min

1、学生展示 任务、 提出问 题10min 教师:确定 2-3 组学生,进行特 效展示;

学生(主体) :展示课前任务;

学生:展示本组的最佳效果网 页,由制作人讲解. 主要分析作品的设计思路;

提出在完成任务过程中遇到的 问题.

2、确定课中 要解决的问题(分出重点、难点) 5min 学生: (主体) 针对展示组提出的 问题,其他组的同学如果会做, 可以说出解决问题的办法;

教师:确定课程中需要解决的问 题,把学生提出的问题分为重点 和难点;

学生:当展示小组提出问题后, 如果有其他组的同学会做, 则提 出解决问题的办法. 教师: 确定典型问题及学生都不 会的问题作为课程重点和难点. 发布任务 设计任务 设计多个类似的任务供学 生选择. 选择任务