基于混合式教学的web前端设计人才培养探索

邵熹雯，刘正东，杨 光

(北京服装学院,北京100029)

1 高校web前端设计课程教学现状

目前，web前端设计这一新兴技术以其应用广泛、入门简单、资源丰富等特点，逐步替代原有的网页设计课程，走入了高校的课堂。由于web前端设计人才在设计领域备受青睐，因此，以web前端技术为核心的各类设计课程也极大的引发了学生的学习热情和学习兴趣。在此背景下，高校的前端设计课程也应不断创新改革，以培养创新型前端设计人才为主要目标，满足学生学习需要，适应市场需求。在现阶段，前端设计课程还存在以下问题。

1.1 整个课程体系设计不够完善

艺术设计类专业、数字媒体类专业、营销类专业都有web设计相关课程，但是这些课程要么过多地强调专业知识而忽视技术，要么过多地强调技术而忽视实践和专业特点。实际上，整个前端设计课程体系应该由技术基础部分、专业部分、实践部分组成，三者紧密关联，缺一不可，忽视任何一方，都无法实现人才培养目标。技术基础部分可以统一标准化教学，专业部分涉及到不同专业领域的web设计方法，应与实践部分相结合，通过真正的运营项目分析与实施，来培养创新型的web前端设计人才。然而在实践方面，上述课程普遍缺乏来自一线企业的专业指导，因此实践与专业结合的并不紧密，导致课程体系不够完善。

1.2 课程内容滞后，无法跟上技术发展的步伐

web前端设计技术的应用发展是非常迅速的，每年都会有很大变化。而现有的高校课程教材以及教学大纲一旦制定，需要至少3-5年的稳定，无法做到实时更新，导致教材中的很多内容与市场脱节。单纯依据教材内容培养的学生，视野狭窄，市场敏感度较低，在实践项目参与过程中要么思路混乱，要么设计毫无新意。因此，在web设计专业人才培养过程中，既要有内容相对稳定的基础素质教育，又要兼顾不断变化的技术手段和市场需求，就必须寻求混合式的教学方法。

1.3 现有的课堂教学和实验方法无法调动学生的创新意识和主动学习的精神

现阶段，web前端设计课程均采用案例教学的方式，分为课堂案例和练习案例。教师首先围绕课堂案例进行知识点分析讲解，再由学生亲自演练，最后通过练习案例，提高学生解决实际问题的能力。这种案例教学的方法既生动又有利于学生对知识点的掌握。但实际教学过程中，学生最后的设计作品风格相似内容雷同，模仿多过于思考，规矩替代了创新，这是在人才培养中最不愿意看到的。web前端设计课程的最终目的是学会web设计，需要学生以技术为依托来实现自己的设计想法，这也需要在传统课堂教学的基础上引入其他教学方法来充分调动学生的创新意识和主动学习的精神。

2 混合式教学在web前端设计人才培养中的作用

2002年，史密斯.J马西埃将E-learing(数字化或网络化学习)的纯技术环境与传统学习理论相结合，提出了BlendedLearning(混合式教学)这一概念。经历了几个阶段的演变，在现今的互联网+时代，混合式教学的概念已经由面对面教学与在线教学的混合，演变为基于移动通信设备、网络学习环境与课堂讨论相结合的教学情境。混合式教学的根本目标是通过学习理论的混合、学习方式的混合、学习资源的混合、学习环境的混合，实现传统课堂教学和网络化、信息化教学优势互补，最终实现最佳的学习体验和教学效果。该教学方法既提升了教师教育教学水平，又促进了学生的自主学习和深度学习，真正体现了“教师为主导，学生为主体”的教学理念[1]。

混合式教学方法应用到web前端设计课程中，采用“线上”(微课教学)+“线下”(课堂教学)相结合的学习方式，拓展了学习的时间和空间，弥补了传统教材内容重在基础素质教育，但是却与市场脱节的缺陷，学生能够更加灵活地通过实时视频获得一线企业的专业指导，提高教师教学效率，学生的学习效率[2]。

本课程中，混合式教学还可以通过翻转课堂的方式提升学生的学习深度和协助能力，培养创新意识和主动学习的精神。在翻转课堂中，通过教师的指导和协助，学生以自主学习和合作探究的方式参与到解决真实web设计问题的实践活动中，与同伴合作完成实践活动。在此过程中，学生通过观察与思考获得知识和技能，掌握web设计的思路与问题的解决方法，并不断丰富和完善自我价值，实现在设计上的创新并超越自我。

web前端设计课程要求学生最终学会完整web站点的前端设计，要培养具备扎实技术基础的专业设计人才，培养与时俱进的创新型人才。因此，在教学方法上，必须兼顾知识与能力，传统与创新，理论与实践……只有令混合式教学理念贯穿于教学始终，才能达到上述培养目标。在课程体系设置上，针对不同学习阶段，设计了相应的混合式教学方法，解决现阶段课程所遇到的问题，取得了显著的效果。

3 课程体系的设置

根据前述对教学现状的分析，web前端设计课程体系应由技术基础部分、专业部分、实践部分3方面组成。因此，围绕这3个方面进行混合式教学设计，是整个课程体系设置的核心[3-4]。

3.1 技术基础部分

Web基础技术的学习是整个课程学习的第一阶段，既包含诸如HTML语言等原理性内容，又包括与时俱进的对新技术手段的掌握。该阶段的学习内容无论从难度还是从广度方面，都对学习资源和学习方法都提出了挑战。利用混合式教学在学习时间和空间上的优势，我们充分利用微视频实现线上学习与线下学习相结合。

教师提前准备好相关视频微课，作为在线教学的核心，将资源上传到学习平台。在每节课程开始之前为学生布置在线学习任务，学生将学习过程中遇到的问题提交到学习平台，教师在面授时统一进行系统讲解，节省课堂时间，提高学习效率，令面授教学更有针对性。另外，教材中无法涵盖的先进的技术手段和符合市场需求的设计理念也可以以微课的方式介绍给学生，同时配合在线答疑，作业任务，完善学习过程。混合式教学为学生提供了更加丰富的学习资源和更加多样的学习指导手段，在技术基础的学习过程中，学生的学习兴趣大大提高了，眼界开阔了，自主学习能力也有了不同程度的增长。

3.2 专业部分

该部分主要针对不同类型的web站点，从专业的角度探索页面设计方法，这一部分是不同web前端设计课程之间的主要区别。例如：艺术专业的web设计课程会偏向于时尚类web页面的设计，工商管理专业的web设计课程会偏向于电商类web页面的设计，还有更多的标准web设计，涵盖各个行业和领域。

虽然web设计有相应的行业规则，但是设计领域没有一定之规，在不过多偏离大众审美和浏览习惯的基础上，发挥创造性令web站点重点明确，结构清晰才是最重要的。在培养方式上，除了结合线上教学，向学生介绍和展示最先进的专业设计理念以外，课堂教学还需要充分与实践相结合，令学生在实践过程中将设计思想融入专业理论，设计出既符合市场需求又有个性的web站点。

3.3 实践部分

该部分是混合式教学的重点，采用以具体的项目任务为驱动的实践教学，可以通过翻转课堂的形式进行。首先本着均衡的原则将学生分组，根据学生的学习能力和特点进行搭配。其次是按小组布置任务，实践任务中所涉及的所有项目均来自于真实企业需求。最后是任务实施，实施过程中，教师不仅应提供学生知识、技能上的支持，还要引导学生采用多种活动形式，来调动学生参与的积极性和主动性。这种探究式和协作式的学习方式，在学生提升学习能力和解决问题能力的同时，也保护了学生的个性和创造性，由于事先既没有教师对项目进行讲解，也没有教材可以参考，学生的设计思路必然不会受到限制。

任务完成后，成果展示和交流是必不可少的。在这个阶段，学生将Web设计的成果通过作品展示、讲演解说、集体讨论等形式，展示学习成果，分享心得。在作品评价上，不仅教师要对学生的设计作品予以点评和指导，还可以挑选部分优秀作品提供给一线企业或由行业专家进行点评，让学生获的成就感，提升主动学习的愿望。

课后，学生根据课中学习交流活动中教师和同学提 出的建议及讨论结果，完善自己的视觉设计作品，并将作品和反思总结一起提交至学习平台。这样的学习成果能够进行更大范围的交流和传播，同学之间能够共享学习资料。教师既可以将上传的作品和总结作为过程性学习评价的重要组成部分，也可以将其转化为可重用、可再生的课程资源，有利于Web设计其他课程的整合和改革。

4 结论

混合式教学把信息技术引入高校课堂，为Web前端设计课程教学改革进行了一系列创新探索。基于混合式教学所建立的课程体系，使教师的课堂教学更有针对性，学生全方位能力得到了提升，为培养创新型的web前端设计人才提供了新方法。