《jQuery前端开发实战》教学教案.docxVIP

XXXXXXXXXXXXXX学院 教案 第 PAGE 3 页 共 NUMPAGES 3 页 XXXXXXXXXXXXX学院 教案 2017年/2018 年第1学期 课程名称 jQuery前端开发实战 课程类别 任课班级 任课教师 冯艳玲 教师所属院部 软件学院 二Ｏ一七年 七 月 二十四 日  学科 计算机软件 课题 jQuery前端开发实战 周次 1 时数 2 授课班级 教学目的及要求： 理解浏览器的工作原理； 熟练运用css技术进行样式设计与实现； 熟练运用div+css进行网页布局； 熟练掌握jQuery开发工具； 教学重点： 浏览器原理； Css技术复习； 教学难点： 浏览器工作原理； 实验仪器及教具： PC机、windows 7操作系统、Apatana Studio 、Google浏览器 教 学 过 程 备 注 先导知识复习： （20分钟） 浏览器基本原理 Html标签 CSS基本语法 Div+css布局 主流pc端、移动端布局 web前端开发环境 任务1.1： 成绩单制作 （20分钟） 要求：制作成绩单，要求表格居中，表头和表尾加颜色；间距及配色合理。 技能训练： Css样式 实施方式：老师巡堂辅导，对练习中出现的普遍性问题进行讲解，并根据课堂练习的完成情况打分。 任务1.2：校主页新闻模块布局 （40分钟） 要求：制作校主页新闻模块，有效内容部分居中，能够适应不同分辨率的浏览器。留白及配色合理。 技能训练： Css样式 网页布局技术 实施方式：老师巡堂辅导，，对练习中出现的普遍性问题进行讲解，并根据课堂练习的完成情况打分。 课后作业： 完成课堂任务  XXXXXXXXXXXXX学院 教案 2017年/2018 年第1学期 课程名称 jQuery前端开发实战 课程类别 任课班级 任课教师 冯艳玲 教师所属院部 软件学院 二Ｏ一七年 七 月 二十四 日  学科 计算机软件 课题 jQuery前端开发实战 周次 1 时数 2 授课班级 教学目的及要求： JS数据类型 JS变量 JS运算符 JS分支语句 JS内置对象; JS DOM对象 JS 事件处理； JS程序的调试 教学重点： JS基本语法; JS控制结构语句 JS事件处理 JS程序调试 教学难点： JS控制结构语句 JS程序调试 实验仪器及教具： PC机、windows 7操作系统、Apatana Studio 、Google浏览器 教 学 过 程 备 注 复习： （20分钟） JS基本语法; JS控制结构语句 JS事件处理 JS程序调试 基于浏览器的前端代码调试环境 任务1.3：计算平均分 （20分钟） 要求：计算任务1.1中成绩单的平均分。 技能训练： JS循环结构 实施方式：教师巡堂辅导，对练习中出现的普遍性问题进行讲解，并根据课堂练习的完成情况打分。。 任务1.4：轮播器与选项卡 （40分钟） 要求：实现任务1.2校主页新闻模块中的图片轮播器及新闻板块选项卡功能。 技能训练： JS设置css样式 实施方式：教师巡堂辅导，对练习中出现的普遍性问题进行讲解，并根据课堂练习的完成情况打分。 课后作业： 完成课堂任务  XXXXXXXXXXXXX学院 教案 2017年/2018 年第1学期 课程名称 jQuery前端开发实战 课程类别 任课班级 任课教师 冯艳玲 教师所属院部 软件学院 二Ｏ一七年 七 月 二十四 日  学科 计算机软件 课题 jQuery前端开发实战 周次 2 时数 2 授课班级 教学目的及要求： 了解JS闭包； 了解jQuery的特点； 熟练掌握jQuery的两种引用方式； 熟练掌握jQuery语法； 教学重点