第14讲 ：选项卡式面板和折叠式面菜单的制作

学时：2

任务目标

l  了解Spry框架

l  掌握选项卡式面板的制作

l  掌握折叠式面菜单的制作

知识内容

第3.4.3-3.4.4节

重  点

掌握选项卡式面板和折叠式面菜单的制作

难  点

修改选项卡式面板和折叠式面菜单样式和面板内容

教学方法

教师：理论与实际操作讲解相结合

学生：预习、课堂学习与课堂练习相结合

师生：教师通过课程引导启发提问、疑难解答、学生练习点评进行互动

学习方法

PPT和知识讲解进行理论学习、播放微课进行案例学习，然后进行案例实操练习、课后习题等练习完成知识学习过程

资源

PPT、电子教材、微课视频、网络课程（http://jx.gdgm.cn/skills/wv/30764673）

教学过程

知识点

基本内容

教学过程

建议时长（分钟）

复习

复习上一节课内容

运行上一节课案例并强调重点完成复习

3

知识点1：Spry 选项卡式面板制作

1．【案例3-9】Spry选项卡式面板

通过实际操作讲解建立Spry选项卡式面板

4

2．修改面板内容

通过实际操作讲解修改面板内容

10

3．修改样式

通过实际操作讲解修改样式

5

学生练习

解答学生练习过程中出现的问题

18

教师点评案例3-9练习

对学生练习中出现的问题进行总结点评

5

知识点2：Spry 折叠式菜单制作

1.【案例3-10】插入Spry折叠式 

通过实际操作讲解通过菜单建立Spry折叠式菜单

5

2. 修改Spry折叠式栏目内容

通过实际操作讲解修改Spry折叠式栏目内容

10

3.修改样式代码

通过实际操作讲解修改样式代码

5

学生练习

解答学生练习过程中出现的问题

20

教师点评案例3-10练习

对学生练习中出现的问题进行总结点评

5

课后作业

学生完成课后习题练习

布置课后作业