张荣茜，郑 爽，崔 玲

(北京工业大学 信息学部，北京 100024)

0 引言

在网页制作过程中，为了展示更多的图片，可能会遇到需要做成轮播的效果。轮播图是指多张图片在网页中相同位置有规律的滚动播放，可以达到在有限的页面中展示更多信息的效果。也是目前PC端与移动端页面被广泛采用的一种图片、广告等展示的方式，使得页面具有更高的可读性，提升了用户体验。但是在实现过程中需要用到javascript中函数、循环、数组以及css等多个方面的内容，这也是网页前端教学中的一个难点。学生很容易在动手操作的过程中放弃，一些学生上网下载插件就算完成任务，这样学生处于被动学习状态，对实验过程印象不深刻，不利于发挥学生的学习主动性，也难以提高学生的动手能力和创新能力。在教学过程中引入递进式模式，由易入难，降低学习难度，提升学生主动动手兴趣。

1 轮播图制作课程引用递进式实践教学模式

递进式教学法是教师通过对教学任务进行分析，按照由浅入深、由易到难的顺序开展教学过程的方法。先单一后综合，实现基础知识---基本能力——专业能力——综合能力逐步提升、层层递进的立体化培养。在网页编程基础实验教学中引入递进式教学模式，将所需要做的练习建立联系，使各个实验前后衔接，即后面所做的实验可通过对前面所做的实验进行修改来完成。遵循“循序渐进”的教学原则。

递进式教学模式是将教学内容分为3个层级，即基础内容、设计内容、综合设计内容。……