javascript及网页特效制作教案.docVIP

编号：SKZ—WJ—JXZX-14 《JavaScript及网页特效制作》 教 案 （2015 ～2016 学年第 一 学期） 适用 软件技术 专业 院系（部） 信息工程系 班 级 教 师 教案首页 本次课标题：情景一 HTML网页技术 任务1 使用html语言制作网页 授课日期 第1周 授课班级 上课地点 实验楼E区 课时分配 MOOC在线视频学习1课时（60分钟） + 面对面翻转课堂教学1课时（60分钟） 教 学 目 标 能力目标 知识目标 1.能够利用网页设计工具编写HTML标签 2.能够利用HTML制作纯文本网页 1.了解HTML的含义 2.掌握HTML开发环境 3.掌握常见HTML的标签 学习者特征 学生已经学习过《网页设计》，有一定的基础 学生学习基础一般，缺乏动手实践能力 大部分学生学习态度较好，学习意愿强，但自主学习能力不强 教 学 任 务 任务： 使用html语言制作个人网站-----个人简介网页 案例：个人博客网站 重 点 难 点 重点：HTML语言标签使用 难点：利用HTML标签直接编写网页。 作业或 考核 请制作一个用于博客系统中个人介绍或者相册、爱好等其中的一个HTML页面，显示内容不限。 参 考 资 料 《精通JavaScript+jQuery》人民邮电出版社 前沿科技.《精通CSS+DIV网页样式与布局》 ，人民邮电出版社。 温谦等. 《HTML+CSS网页设计与布局从入门到精通》，人民邮电出版社。 温谦等. 《CSS设计彻底研究》，人民邮电出版社。 翻转课堂教学设计 序号 步 骤 教学内容 教师活动 （方法与手段） 学生活动 时间 分配 评价标准与方法 ——课前：MOOC平台在线学习环节 1 学生自主学习 观看任务1使用html语言制作网页教学视频； 学习课件； 上传视频、课件等相关资料； 观看视频 20分钟 在线学习时长 2 在线测试 完成任务1在线测试题 教师导出成绩并分析结果 在线测试 10分钟 在线测试成绩 3 完成任务作业 用html制作个人博客网站个人简介页面 批阅作业 完成作业 15分钟 作业等级判定 4 在线讨论 学生与学生、教师进行答疑讨论 回复话题 学生发帖，相互线上讨论 15分钟 发帖数量与质量评价 ——课中：面对面翻转课堂教与学环节 1 自主学习检查与讨论 公布学生线上学习情况； 抽查视频相关知识点 抽取学生 记录指导 认真演示 认真观看 5分钟 线上统计结果与抽查结果 2 课前学习总结与答疑 重点提示一下html语法编写规则；并进行答疑 总结学生学习情况 一对一答疑 学生提问；认真听讲 5分钟 测试成绩与课前作业成绩 3 课堂任务下达 教师给出课堂完成的任务:制作个人博客中相册、爱好等子网页 布置任务 巡回答疑 分析任务 5分钟 任务理解情况 4 分小组完成任务 小组分工与协调完成任务：分布局设计部分人员、代码编写人员及测试人员。 巡回指导 实战演练； 分组讨论 20分钟 任务完成情况 5 小组评价 小组互评；（相邻小组互相打分，分数现场公布） 学生盘点收获与质疑问答； 抽取学生 记录指导 确定得分依据； 记录结果； 10分钟 小组协作与沟通能力 6 小组优秀作品展示 学生演示本次任务中的制作流程及优点所在，阐明自己不足之处。 观摩； 反思； 记录优缺点； 学生展示；认真听讲 记录； 5分钟 本次任务综合评价（完成率及创新点） 7 教师总结与引导 总结小组任务情况并给予小组点评； 总结表单操作流程与规范 讲授 认真听讲 记录； 反思 5分钟 8 布置下次课前要学习的任务 布置下次课前要学习的任务：任务2表格 告知 记录 5分钟 线上作业与在线测试完成情况 ——课后：反思总结及拓展提升教与学环节