PDF《教学设计文案》

教学设计文案 授课教师姓名 张欣悦 设计方案名称 网页实用动画设计 知识点或 技能点 知识点:

1、理解 HTML 页面中元素位置的概念

2、掌握 setTimeout、setInterval 函数的使用方法 技能点:

1、掌握移动元素位置的方法

2、学会设置时间递增量 知识点或技能 点来源 所属专业:互联网技术 课程名称: 《JavaScript 程序设计》 适用对象:计算机专业的学生 选用教材: 《JavaScriptDOM 编程艺术》 教学技术 及工具 教学技术:以翻转课堂为主,配合使用任务驱动法、分组教学法、探究教学法等教学 方法.

教学工具:多媒体机房、互联网环境、电子教室、校园网互动平台 设计 思路 教学内 容分析 整体课程分析: 《JavaScript 程序设计》课程根据该语言的特点,将课程设计为两个主体项 目:网页综合特效设计和 JS 小游戏开发.

1、网页综合特效设计:带领学生设计一个网站的首页、一级页面和二级页面.主要 包含一系列网页特效,如动态的菜单,浮动的广告等,为页面增添的绚丽的动态效 果,使网页内容更加丰富、活泼.

2、JS 小游戏开发:带领学生学习 JQuery、Canvas 等知识的同时设计一个小游戏. 本次课内容分析: 本次课的内容为课程整体项目一 网页综合特效设计 中的一个子任务.

1、前期已学习:HTML DOM 的常用方法和属性

2、本次课的任务:通过 JS 操作 DOM 完成一个网页图片动态切换的效果.重点介绍 setTimeout 函数的使用,以及当具体网页动画设计完成后对函数的抽象.

3、难易程度:本次学习任务难度适中,但应用性较强. 学生情 况分析 知识方面:

1、学生已经完成 JS 对DOM 的操作知识的学习;

2、学生已经会使用 JS 中的部分函数,对函数的概念很清楚;

3、学生已经在老师的带领下完成了难度适中的任务:图片库的设计. 能力方面:

1、学生能跟据老师的指导完成一些小任务;

2、学生会自主上网查询资料;

3、学生的逻辑思维能力较弱,自主分析问题的能力不够. 可能存在的问题及解决办法: 存在的问题 解决办法 基础能力 差异大

1、小组团队协作,将学习能力好的同学安排到各个组担任组长, 把握小组的整体进度;

2、教师发放全面的任务资料.资料的覆盖面要广,既要让能力强 的学生有提高的空间;

也要涵盖基础知识,供基础差的学生学习. 毫无规划的 完成任务

1、教师设计任务安排表和任务完成进度表,要求学生以小组为单 位在开始任务前先进行任务的分析和规划;

2、设计了任务评价表,各小组在完成任务后,根据小组成员的完 成情况,组员相互评分,最后再总结. 设计 思路 说明:云平台

网址:www.1473.cn ,是教研室教师带领学生共同开发的供学生学习、师生交流 的网络平台. 教学设计 内容 教学目的 知识目标:

1、掌握 JS 中setTimeout 函数和 setInterval 函数的使用;

2、掌握通过 JS 移动网页元素的方法;

3、会使用 JS 的函数设计简单的网页动画;

4、会对错误的代码进行调试;

问题 展示任务 提炼问题 问题 I 类 重点知识 分析问题,自主探究 问题 II 类 难点知识 小组协作,师生共探 解决问题,完善任务 教师总结和整体评价学生的任务完成和学习情况;

学生分别自评自己的任务完成和学习情况. 教师 根据评价结果分类 提供训练: >