图片轮播在网页美化设计中的应用

龚文芳

衢州学院教师教育学院

一、课程基本情况

课程名称：网页设计。

课程学分：4。

课程性质：专业基础课。

面向专业：视觉传达设计。

教学班规模：单班。

使用教材：《Dreamweaver CS6网页制作》，九州书源编著，清华大学出版社2015年出版。

依托泛雅教学平台，已开展“翻转课堂”教学实践2轮，目前是第3轮，每轮约24学时。

二、教学改革背景和思路

“网页设计”是我校视觉传达设计专业的一门专业基础课程，系统介绍网站构思规划、整合开发设计以及维护推广，主要培养能综合运用网页制作主流工具Dreamweaver、Flash、Photoshop和艺术设计制作技巧，进行网站设计和开发的专业人才。这门课程具有综合性强、实践性强、技术和艺术有机融合的特点。

以前，“网页设计”在课堂教学中虽然也有教师引导分析、个性化辅导、讨论交流、成果展示等环节，但从教学效果的分析看来，还存在着一些问题有待于解决。受到课堂时间的限制，教学活动还是以教师为核心，学生的主体地位不突出，课堂互动不够，教学资源有限；课内、课外的教学体系不连贯，难以体现个性化差异；学生自主学习动力不足，在制作作品时重模仿轻创新，融会贯通能力偏弱，综合设计创新能力不够。这种现象是无法适应学生实践创新能力培养的现实需求的，要充分体现出学生学习的主动性，培养出高素质应用型人才，对现有的课堂教学模式进行改革显得很有必要。

基于此，拟在该门课程中尝试开展“翻转课堂”的教学，通过引入微课，在面对面课堂教学和在线学习有机组合的前提下，综合运用传统教学、自主探究学习、协作学习等模式开展教学，激发学生学习的积极性，让学生主动探索，发现问题，解决问题，这种主体体验、开放实践性的学习活动，将有助于提高学生进行知识的融合和再创造，从而提高“网页设计”课程的教学效果。

2015年8月，主持“基于微课的计算机多媒体制作课程混合式教学模式的改革与实践”项目获得浙江省课堂教学改革项目立项，正式启动了“翻转课堂”的教学改革。

三、“翻转课堂”教学设计

（一）总体设计

选择一些重要且便于开展讨论的教学环节，采取“翻转课堂”的教学组织形式，课前抛出问题、布置预学，课上自学反馈、分析讨论、小组协作、教师点拨辅导难点、亮点分享、总结，课后拓展提高练习，对课程内容进行重新编排设计。具体如图1所示。

1．课前活动

（1）教师录制微课，注意抛出问题，激发学生的学习兴趣。

（2）学生自主进行课前预学。

2．课堂活动

（1）自学反馈，师生共同分析探究问题。

（2）学生讨论、分组协作探究。

（3）教师注重思路引导，进行合理点拨、辅导。

（4）成果展示交流，教师进行教学反馈及总结。

3．课后活动

拓展提高练习，分个人或小组作业。教师对每份作业都进行个性化批改点评。

（二）图片轮播在网页美化设计中的应用（2学时具体设计）

四、“翻转课堂”具体实施

（一）课前

录制微视频，上传到网络教学平台，提前布置学生进行课前预学。

（二）课堂

1．第一课时（思路点拨，从最简单的入手）

（1）自学情况反馈：请同学们总结分析案例中图片轮播的特点。

（2）展示示例轮播效果，以“图片按照一定时间间隔，淡入效果循环播放”效果为例，分析关键步骤，并进行合理的点拨。

（3）让同学们分小组尝试制作，并请同学代表上来演示。

2．第二课时（层层深入，启发式教学）

（1）如何给轮播图片加上数字导航？

①讨论得出数字导航其实就是按钮。

②小组协作：添加示例的3个灰—红圆形按钮。

③教师在巡视指导的过程中，收集问题、易犯错误、亮点，最后进行统一的演示和总结。

（2）数字如何加亮提示以增强导航效果？

①小组协作尝试。

②教师巡视并做出适当点拨。

③总结得出：对按钮进行覆盖处理可以实现数字的加亮提示。

小结：利用Flash技术制作美观实用的图片轮播效果的步骤和关键制作技巧，在转场效果和按钮提示上可以下功夫。

（三）课后

小组作业：为上次新书发布会首页设计一款图片轮播效果的Banner。

个人作业：学有余力的同学可以尝试用Javascript代码实现。

五、取得成效分析与体会

图片轮播在网页设计中是非常重要的一个内容，常规运用Javascript语句来实现图片轮播对于大部分同学来说有难度。在这2学时“翻转课堂”的教学过程中，首创完全可以灵活运用Flash技术，实现美观实用的图片轮播效果，大大地提高了学生的学习兴趣和自信心。将网络环境下的学习活动作为课堂教学的补充，实现课堂、课外的协调和优势互补，同学们在探究问题、讨论碰撞、协同操作的环节中，主动地参与了课堂，并且在不知不觉中攻克了难题，收获科学探索精神，享受成功的喜悦。

自从对该门课程的课堂教学进行改革之后，学生的自主学习能力得到了有效的促进，每位学生都最大可能地参与到课堂教学中，课堂教学氛围更为活跃，通过网上任务点的学习、课堂的思考和讨论、小组间的协作配合、与其他组进行有益竞争等环节，最大程度地调动学生的兴趣和学习积极性，发挥学生的主体作用和主观能动性，增强设计能力。而在整个教学过程中，教师灵活运用了多种教学方法，积极启发学生，引导他们独立思考、分析和解决问题，也充分发挥了教师的引导作用，教学相长，收获颇多。

作者简介

龚文芳，衢州学院教师，硕士学位，讲师职称，研究方向为教育技术应用、多媒体艺术设计。主持浙江省高等教育课堂教学改革研究项目“基于微课的计算机多媒体制作课程混合式教学模式的改革与实践”，完成“计算机多媒体设计课程项目教学法的研究与实践”“高校课程通用网络教学支持平台的研究与构建”“协作学习模式在多媒体设计类课程中的应用研究”等多项教学改革项目的探究和实施。