移动学习环境下高职网页美工课程教学策略研究

杨忠仪 黄卫纯

摘  要：随着4G网络和无线网络的普及，移动学习已逐渐成为趋势。该文通过把移动学习融入课堂教学，探索了移动学习环境下高职学院网页美工课程教学策略。网页美工教学中以学生为主体，把移动学习融入课堂教学，激发了学生学习兴趣;以任务驱动，设计分层学习任务，逐步提升了学生的知识迁移能力;通过开展分组活动，培养了学生团体合作能力;通过对学生学习过程全评价，提升了学生学习的自信心和获得感。网页美工教学在超星学习通移动学习平台上经过了3个教学周期实践，取得了良好的教学效果。

关键词：移动学习  高职院校  网页美工  教学策略

中图分类号：G712                             文献标识码：A文章编号：1672-3791（2021）03（a）-0161-04

Research on Teaching Strategies of Web Art Courses in Higher Vocational colleges under Mobile Learning Environment

YANG Zhongyi  HUANG Weichun

（Hunan Vocational College of commerce， Changsha， Hunan Province， 410205  China）

Abstract： With the popularity of 4G networks and wireless networks， mobile learning has gradually become a trend. By integrating mobile learning into classroom teaching， the article explores the teaching strategies of web art courses in higher vocational colleges in a mobile learning environment. In web art teaching， students are the main body， mobile learning is integrated into classroom teaching， which stimulates students' interest in learning; task-driven， hierarchical learning tasks are designed， and students' knowledge transfer ability is gradually improved; student groups are cultivated through group activities cooperative ability; Through the full evaluation of students' learning process， students' self-confidence and sense of gain in learning are improved. Web page art teaching has gone through three teaching cycles on the Chaoxing superstar learning platform and achieved good teaching results.

Key words： Mobile learning; Vocational colleges; Web art; teaching strategy

《网页美工》课程是湖南商务职业技术学院电子商务专业群的一门共享课程，也是专业必修课程，主要培养学生掌握网页美工及电商美工岗位所需的专业技能，并能独立完成产品修图及网页页面设计制作，学生毕业后可胜任淘宝美工、网页美工等工作岗位。一方面电商发展势头迅猛，传统的课程教学内容、教学资源不能满足企业人才技能需求，单一的教学方式也不利于教育信息化技术的推广;另一方面学生学习缺乏主动性，重模仿、轻思考，创新能力和审美能力较弱，这与企业人才技能需求存在差距。高职院校如何培养出上岗就能上手的网页美工设计人员是我们亟需研究的课题。

1  移动学习与移动学习平台

2000年国际远程教育权威Desmond Keegan将移动学习的理念带入中国，在教育界产生了很大反响[1]。移动学习是在数字化学习和移动技术结合的产物，学习者通过使用用移动通信技术和移动通信设备，随时随地获取教育资讯和服务的学习新方式。它有着学习对象多元化、地点随意性、时间不确定和资源广泛化等特征[2]。随着移动网络和无线网络的普及，越来越多的用户利用手机等移动设备访问互联网，学生们已经习惯了通过智能终端上网、购物、订餐，也有使用其进行知识学习的需要，移动学习能够满足碎片化学习的需求。“移动学习”正影响着当代高职学生的学习与生活[1]。

各种移动学习平台和学习类APP的兴起，给“互联网+教育”注入了活力。目前，比較流行的移动学习平台有超星学习通、蓝墨云班课等。通过移动学习平台，一方面，学生可以通过智能手机等移动终端或电脑上完成签到、任务点学习、作业上传和问题讨论等活动，查看自己学习情况;另一方面，教师依托这个平台上传相关的教学资源，如音频视频、教案讲义等，布置作业、主题讨论、分组任务等学习任务，实时查看学生的学习情况[2]。

2  移动学习环境下高职网页美工课程教学策略

该文通过把移动学习融入课堂教学，探索了移动学习环境下高职学院网页美工课程教学策略，在湖南商务职业技术学院电子商务专业群中进行了应用，取得了良好的教学效果。

2.1 构建“以学生为中心”的教学结构，激活学生学习主观能动性

传统高职课堂教学是“以教师为中心”的，教师通过在课堂上演示讲解、学生被动学做练，很难让学生有思考的空间。随着信息技术和教学的融合，通过搭建包括“线上学习”“移动学习”等在内的混合式学习环境，网页美工课程教学要创建以“学生为中心”的教学结构，强调学生的能力本位、发展本位。教师通过运用丰富的数字资源与新型信息技术手段让学生多开展一些自主探究、合作交流学习活动，培养学生主动学、自主学、合作学的意识，提升学生的学习能力、专业能力和协作能力。

2.2 尊重学生个体差异，设计分层学习任务

教师要把握网页美工总体课程学习目标的框架上，对教学内容进行认真细致的分析，然后根据该校教学资源、师资状况和学生接受能力来设计学习任务，把每一个学习模块的内容分解成一系列容易掌握的小“学习任务”，通过完成这些小“学习任务”来实现总体学习目标。尊重学生个体差异，满足不同层次学生的学习需求，在教学设计中将学习目标分为合适的基础目标和进阶目标两个层次，来设计具有一定难易区分度的“学习任务”，让所有学生能完成基础目标对应的学习任务，而让掌握程度较好的学生可以接着完成进阶目标对应的学习任务。学生在独立或以小组形式完成学习任务的过程中，学会查阅相关学习资源，制定自己的工作学习计划，加强与老师、同学合作交流，从而提高自身的知识迁移能力，促进自身职业能力的发展[3]。

2.3 建设移动学习平台课程资源，实现移动学习与课堂教学的融合

通过选择合适的移动网络学习平台，制作适合移动学习的课程资源，把网页美工网络课堂教学分成课前准备、课中教学、课后拓展3个过程来组织教学，实现移动学习与课堂教学的融合，图1为教学总体框架。课程资源一般包括微视频、教案、案例、试题、行业标准、阅读文档、学生作品等。预先把课程资源上传至移动学习平台，促进学生进行个性化的自主学习，可以大大提高课堂教学的效率和质量[4]。

2.4 注重学生学习过程，构建反映学生实践能力的多维评价体系

将网页美工教学实践中的各个环节与过程性评价相结合，通过自动或半自动方式采集学生学习过程相关数据，采用大数据分析与处理方法，形成反映学生实践能力的多维评价体系，进而准确地对学生在知识、技能、能力、态度等方面进行评价。传统评价体系中多采取教师评价与学生自评、互评的方式，因此评价主体主要为教师、学生。但无论是教师还是学生，其评价过程的主观性都较强，有时还存在一定的随意性。将大数据技术引入过程性评价，利用移动学习平台及App、电子教学系统等实时、自动地采集网页美工课程学习数据，通过数据分析转化为可视化的过程性教学评价。

网页美工课程教学评价采用过程性评价为主，终结性评价为辅的多维评价方案，能增强学生在学习过程中的参与感和获得感，树立学习的自信心。

2.5 移动学习环境下高职网页美工课程教学实践

随着学院校园无线网的运营，该校教师开始把移动学习融入网页美工课程教学中，在超星学习通移动学习平台上开设网络课程。下面以《网页美工》中“网页banner设计”为例，展示移动学习环境下高职“网页美工”课程混合式教学策略实践。课程教學开始前首先需要教师做大量的前期准备工作，需要在平台上建立网页美工网络课程和教学团队，导入授课学生名单，并设定各学习项的分值。按移动学习的特点整理课程学习知识点，进行教学方案设计，制作课件等资源并上传平台，并在课前发布学习通知，学生在下载移动端学习通APP后就可以登录学习。

2.5.1 课前准备

课前在学习通上发布学习通知：（1）评价以前学生设计的banner作品;（2）班级学生分组，6人一组并任命一名综合素质较高的同学为设计总监（组长），设置了分组任务，通过小组合作完成一个网页banner设计任务;（3）预习学习内容，并将PPT、微视频作为学习任务点。学生登录后根据要求自主学习，记录疑问点，发起话题讨论或参加小组讨论，学习通自动记录其参与学习的情况，并赋予学生相应的学习分值。通过设置课前准备环节，教师通过分析学生的课前学习情况和梳理学生的问题，调整课堂教学策略。

2.5.2 课中教学

这个阶段分5个环节来完成，具体如下。

（1）导入工作情境。教师通过极域电子教学系统展示超星学习通上上一次学生完成的网页banner 设计作品;然后通过超星学习通的选人活动，请学生分析作品的优劣;引入该节课的学习重点——网页banner的设计原则、构图方式和配色方法。教师宣布以组为单位完成客户的网页banner设计招标任务。教师通过电子教室教学系统发布网banner设计招标任务并讲解网页banner设计招标任务的具体要求，介绍学生工作页、教辅资源和评价激励措施。这个环节让学生了解今天学习目标，帮助学生更好地进入学习状态，激发学生学习新知识、新技能的期望，产生学习的内部动力[5]。

（2）分析客户招标任务书。在组长的带领下，各小组可以借助学习通上学习资源自主学习和小组讨论，在任务工作页“任务1分析客户招标任务书”填写banner的尺寸、产品所属类目、广告文案、客户偏好以及其他要求，完成并提交。教师根据各小组完成的效率和完成质量给予加分奖励，然后展示各小组学生工作页，选择点评学生工作页，让学生掌握从哪些方面来分析客户的设计需求以及怎么做好前期的沟通和准备。

（3）确定banner设计方案。在限定的时间内，在组长的带领下，各小组通过自主学习和小组讨论，确定banner设计的方案名称、风格定位、颜色搭配（主体色、背景色、文案颜色、配色及比例）、构图方式等，并绘制构图草图，填写和提交工作页“任务2 确定Banner设计方案”。教师对各小组完成的效率和完成质量给予加分奖励，然后展示各小组banner设计方案，选择点评小组提交的Banner设计方案。

（4）完成banner设计。在限定的时间内，各小组可借助观看学习通上教辅资源、提问或讨论等方式，在组长的带领下，完成设计网页banner广告，并提交工作页“任务3设计网页banner广告”。在各小组工作期间，教师进行巡视，对学生提出的问题进行解答。

（5）作品评价。小组提交工作任务书后，在学习通上，教师根据每个小组课堂表现情况和任务完成质量对每个团队作品和团队艺术总监进行评分，每个团队艺术总监对团队成员参与完成任务的情况进行评分，每个团队对每个其他团队的作品进行评分。学生分组任务的个人成绩由组内评分（50%）、组间评分（25%）、教师小组评分（25%，3个部分构成，由学习通系统自动记录。教师通过电子教学系统展示各小组完成的网页banner设计图并选择有代表性的小组进行点评，最后归纳出banner 设计的“对齐、聚拢、留白、降噪、对比”等设计原则，加深学生对“对齐、聚拢、留白、降噪、对比等banner设计原则”的领会。最后根据组间评分和教师小组评分，评选出3个优秀小组，颁发优秀团队荣誉章。

2.5.3 课后拓展

各小组提交学生工作页到学习通平台，教师布置课后拓展任务：登录学习通对该次的banner作品进行投票评分，学生个人可尝试独自挑战完成学习通上拓展任务“网店banner设计”并提交，可获得额外课程学习经验值。在课后拓展环节中通过在线投票，引入多维评价，有利于鼓舞学生的学习士气;拓展任务的布置，让学生筑牢知识技能，熟悉美工任务的工作流程[6]。

4  结语

网页美工教学中以学生为主体，把移动学习融入课堂教学，激发了学生学习兴趣;以任务驱动，设计分层学习任务，逐步提升了学生的知识迁移能力;通过开展分組活动，培养了学生团体合作能力;通过对学生学习过程全评价，提升了学生学习的自信心和获得感。网页美工教学在超星学习通移动学习平台上经过了3个教学周期实践，取得了良好的教学效果。

在移动学习平台教学中也存在一些问题，如个别学生平台刷分，学生注意力放在手机其他功能上，下一步需要加强对学生的引导来解决。

参考文献

[1] 苗婧怡.基于移动学习的《计算机基础》课程混合式教学设计与实践[D].辽宁师范大学，2020.

[2] 谢吉刚.基于微项目的高职网页制作课程教学实践[J].现代职业教育，2018（31）：232.

[3] 苗青.基于超星学习通的移动教学模式分析[J].无线互联科技，2017（20）：88-89.

[4] 曹阳，顾问.基于SPOC混合式教学模式的学习评价体系构建[J].计算机教育，2017（12）：76-80.

[5] 崔玉婷.UMU互动平台在高职公共艺术课程教学中的应用研究[D].河北师范大学，2019.

[6] 陈颖，汪兴来，王鹰汉.基于全媒体移动学习的《网页设计与制作》O2O翻转课堂教学模式应用研究[J].湖北函授大学学报，2017，30（20）：129-130，133.