论文部分内容阅读
摘 要：随着“互联网+教育”的快速发展，信息化教学也得到广泛应用。为了解决高职网页设计与制作课程信息化教学设计和组织的问题，本文对现有高职信息化教学现状开展研究，对当前信息化教学存在的问题进行剖析，并提出针对该课程的信息化教学设计策略，以JavaScript条件语句为例，制定完整的信息化教学设计方案，推进高职信息化教学改革。
关键词：信息化教学;蓝墨云班课;慕课;网页设计;网页制作
中图分类号：TP393.092-4 文献标识码：A 文章编号：2096-4706（2019）16-0106-03
Abstract：With the rapid development of “internet plus education”，information technology teaching has also been widely used. In order to solve the problem of informatization teaching design and organization of web design and production courses in higher vocational schools，this paper studies the current status of informatization teaching in higher vocational schools，analyzes the problems existing in current informatization teaching，and proposes informationization for the course. And put forward the information-based teaching design strategy for this course，taking JavaScript conditional sentences as an example，formulates a complete information-based instructional design plan and promotes the reform of informational teaching in higher vocational schools.
Keywords：informatization teaching;Moso Teach;MOOC;web design;web page production
0 引 言
在高职教学中，计算机专业作为与互联网关系最贴近的专业之一，理应在教学上与信息化同步，随着移动互联终端的广泛应用，手机、平板电脑等电子产品成为高职学生不可或缺的随身携带物品，如何利用移动终端的便携性，利用好课下的碎片化时间组织学生学习，是信息化教学设计需要研究的重点问题之一，另外，随着线上信息化平台的增加，在线学习和交流，也成为课下学习的一部分，高职院校应充分发挥互联网和移动终端的优势，利用先进的信息化技术和丰富的教学资源，改变传统的教学模式，增加学生学习的兴趣和主动性，开展线上线下混合式教学。
1 高职信息化教学研究现状
高职信息化教学主要利用信息化手段和技术，采用线上线下混合式教学展开。其中，2016年韩丽屏[1]提出，利用信息化手段，依托精品资源，开创教学设计创新模式，通过“微课程”视频、多媒体课件、信息化测试系统、企业真实项目案例、虚拟实训系统等信息化教学模式，提高教学质量，改善学生兴趣不高等现状。2017年，田华[2]等提出，利用BOPPPS教学新模式，以学生为中心，提高学生参与度，将教学过程分为6个阶段，注重课内外的融合，实现课堂翻转，利用多种教学手段组织课堂，通过试点测试发现学生的兴趣明显提高，有效提高学习效果。2018年，朱娟玉[3]提出，课前、课堂和课后环节都要使用信息化的教学设计，课前利用微课开展学习，课堂通过极域广播软件、蓝墨云班课、网络化测试等方法，理论结合实践，课后通过微信群、云班课等在线答疑，分享微课视频等进行课下学习，通过此种方案，有效提高学生兴趣，形象直观，有效节省教学时间，实现因人施教。游琪[4]提出，要以学生的“学”为中心，课前通过微课、应用程序（Application，APP）平台或精品课程网络在线留言等方式进行学习，课中通过分组讨论、教师点评等方式，课后通过企业老师学习，拓展训练，将项目分割后发放到各个小组中，以真实的项目为载体，提高学生解决实际问题的能力，培养了学生的学习能力。田卫红[5]提出，要形成“教-学-做”一体化的教学设计模式，课前，通过蓝墨云班课、慕课、世界大学城等信息化手段开展预习环节，教师可以根据学生的特点和层次整合适合学生的教学资源库，课中，通过进阶式的课堂任务、分组合作等方式进行，以学生动手实践为主，課后，不同层次的学生可以在线上进行符合自己需求的学习，通过这种方式，有效活跃课堂气氛，增加学生学习的主动性和积极性，有效改善传统课堂中注意力分散，实践能力差的情况。2019年，周吉云[6]提出，信息化教学设计要体现趣味性、实践性、可视化、多元评价等，利用智慧教室、网络平台、在线测试、网络平台PBL功能等进行教学过程的分析、记录、评价，在课堂中穿插动画游戏、利用仿真软件进行实践练习，结合小组合作、截图与录屏等手段，帮助学生突破重难点，任务驱动贯穿整个课堂，师生充分互动交流，有效解决学习的重难点，培养学生的信息素养和团队合作意识。田华[7]等提出，分析学生的个性特点，生成适合学生的项目，由此作为教学设计的主要驱动力，让学生以小组合作、头脑风暴等方式完成项目需求，使学生主动地参与到教学环节中来，小组自评和互评等展示设计成果，实现过程性评价，在项目实践中培养学生的创新思维。 以上教学设计都是利用信息化技术，使得课堂丰富生动，以改进教学效果，但是，在移动终端的盛行的时代，对于如何使学生更好地利用移动终端和碎片化时间进行课前、课中、课后的学习，并没有深入的研究，而且，因计算机实践性较强的特点，如何将知识点与实用性相结合，也是需要研究的重点。本文提出一种信息化教学设计策略，将移动终端的优势发挥出来，将知识点和实际项目结合，实现“做中学，学中做”，对接工作岗位需求。
2 高职信息化教学存在的问题
2.1 信息化教学流于形式
目前，各高职院校都在积极地利用信息化手段进行教学，但是信息化教学的效果无从检验，使得这种教学流于形式，并没有真正地在各个学校开展和进行，多数教师还是以传统课堂教授的方式为主，导致很多丰富的教学资源没有在课堂上得到共享和充分利用，学生学习的兴趣不高，使得课堂的精彩度下降，过程性评价没有被及时记录和分析，没有有效发挥线上教学的优势，没有充分挖掘学生的个性特点和行为习惯，使得教学效果大打折扣。
2.2 教师自身的信息化技术需要更新
信息化教学手段需要依托互联网平臺。目前，仍然存在教师不能与时俱进、及时更新自己的知识体系的情况，停留在传统课堂上止步不前，使得课堂枯燥乏味，高职学生因高中学习成绩不理想等原因，本就学习兴趣不高，自主学习意识较差，如果沿用传统的课堂教学模式，会使知识不够直观形象，很难引起学生兴趣，使得知识的传授更困难。因此，在互联网和移动终端广泛应用的时代，教师要善于抓住学生的特点，利用学生能接受的方式进行教学，同时，教师也要加强自身的学习，通过参加培训等方式及时地了解和学习信息化教学平台的应用，并掌握其使用方法，将信息化平台和传统课堂结合，引导学生积极思考，探索学生的兴趣点，通过信息化技术更好地实现教学，达到良好的教学效果。
2.3 学生缺乏学习兴趣
高职学生的特点是对实践感兴趣，具有一定的实践编码能力，但在理论学习方面存在困难，对于抽象的知识感到枯燥，学习兴趣普遍不高，但计算机是理论和实践结合紧密的课程，理论是基础，属于不可或缺的环节，因此，如何把理论知识通过形象直观的方式表达，从而引起学生学习兴趣，是目前需要解决的问题之一;同时，学生对于传统课堂缺乏兴趣，对新兴的事物和技术普遍感兴趣，因此，结合现有的信息化平台和教学资源开展线上线下混合式教学是教学设计的一个主要思路。
3 高职信息信息化教学设计策略
3.1 教学设计思路
以课前、课中、课后为主线，以生活中常见的案例导入新课，创设情境，以慕课（Massive Open Online Courses，MOOC）网的微课视频开展预习环节，以蓝墨云班课等信息化教学手段开展线上线下混合式教学，在该平台上组织学生一键签到、发布任务、学生提交作业、教师批阅、头脑风暴等，通过预习任务的反馈，及时掌握学生对新知识的认识，有效调整教学计划，通过连线小游戏测试学生对知识的掌握情况，采用实际项目“抢票王”让大家接触案例，小组合作完成，将知识点落实到实用性上，利用思维导图帮助学生理清知识脉络，将本节课知识点对接Web前端开发工程师岗位需求，实现以就业为导向的教学。
3.2 学情分析
本次授课对象是高职一年级第二学期计算机网络专业的学生，通过对班级同学的提问观察，发现同学们已经具备一定的计算机语言和网络知识和HTML+CSS编码能力，对课前预留的视频预习和任务完成情况一般，对重难点知识的把握仍有欠缺，喜欢手机和互联网，但学习兴趣不高、缺乏积极性、逻辑思维能力欠缺、动手实践能力有待提高。
3.3 教学内容
本次教学内容，选自教材《网页设计与制作项目教程（HTML+CSS+JavaScript）》项目7任务7-3的第1部分，JavaScript条件语句，重点内容是if条件语句和switch条件语句的逻辑结构，教师展示语法规则，并对应相应的案例进行一一解释类比，例如，if语句可以生活中常见的“红灯停”的规则为例，if else语句可以“红灯停，绿灯行”的规则为例，或者列举“白天上班，晚上休息”等生活中通俗易懂、学生能接受的案例，从而更好地理解重点内容，并通过流程图形象地展示，便于学生理解。教师提出问题，学生通过课堂讨论，解决if条件语句和switch条件语句的转换问题。
3.4 教学环节
3.4.1 课前
3.4.1.1 视频预习
通过中国大学MOOC网节选本节课内容视频上传至蓝墨云班课，通过微课预习，利用互联网时代移动终端的便利性，让学生利用碎片化时间学习，达到认识JavaScript条件语句的目的。
3.4.1.2 发布任务
教师通过蓝墨云班课发布两个预习任务：条件语句的分类和应用，学生通过微课视频预习，认识JavaScript条件语句，并完成预习任务，上传至蓝墨云班课，教师批阅并进行打分，可以发现学生对多向判断语句认识不准确，根据学生的任务反馈，及时调整教学计划。
3.4.2 课中
3.4.2.1 组织签到
教师利用蓝墨云班课一键签到功能，组织学生签到，其中通过显示学生地理位置信息的功能，可以防止学生远程签到，有效代替传统课堂签到，蓝墨云班课APP可以将学生的考勤情况保存并作为课堂统计数据的一部分。
3.4.2.2 导入新知
以生活中贴近学生的案例导入新知，例如列举“红灯停，绿灯行”、投石问路的小故事、幸运大抽奖的转盘活动等常见的条件语句，引起学生学习兴趣和积极思考，达到引出JavaScript条件语句的目的。 3.4.2.3 任务实施
（1）教师讲解：1）流程分析。教师通过讲解每一种条件语句的语法规则和对应流程分析，使学生有直观的认识和理解，条件语句的三种判断语句层层递进，既有区别又有联系，通过课堂讨论和师生互动交流，分析问题，引导学生思考。2）游戏测试。教师出题，学生连线，教师分析核对学生连线结果。通过游戏测试的方式增强课堂的趣味性，引起学生兴趣，同时可以作为考核学生是否掌握知识点的检验环节。教师在课堂最后通过游戏测试方式强调本节课重点，以加深学生印象，达到强化重点的目的，考核学生本阶段对知识的掌握程度。
（2）编码测试。教师通过代码分析、学生上机实践和编码测试等环节，对其中存在的问题进行个别指导，最终对存在共性的问题进行集中指导，有效解决学生在编码中的知识盲点。通过实践操作，突出条件语句的逻辑流程和两种条件语句转换的重点，并解决实际操作过程中出现的问题。
（3）分组合作。将20名学生分为6组，每3～4人为一组，以“抢票王”案例为任务载体，学生分组合作完成，过程中进行个别指导。通過案例教学和学做结合的方式，增强学生对实际问题的分析解决能力，对接就业环境中小组合作的情境，让学生提早体验工作场景，增强团队合作意识。
（4）调优评价。通过各组汇报、组间互评、教师点评等方式，对已有代码进行优化，最终评出优秀小组作品，并上传至蓝墨云班课。通过答辩汇报和教师点评，能够使学生对本节课知识点有实践性的认识，有效突破条件语句应用的难点，同时增强学生的沟通表达能力。
3.4.2.4 梳理总结
教师利用思维导图，梳理总结本节重难点，达到使知识具有框架性、条理性的目的，再次强调重难点。
3.4.3 课后
3.4.3.1 头脑风暴
教师在蓝墨云班课上提出头脑风暴任务，学生按时完成，教师可以查看学生回复情况，并及时点评，纠错总结，以此引导学生课下积极探索和思考，强化重难点。
3.4.3.2 课外拓展
教师在蓝墨云班课上布置作业，达到巩固本节重难点的目的，学生按时完成，并上传至蓝墨云班课，教师及时查看批阅，并给学生打分，作为最终考核成绩的一部分。
3.4.3.3 在线学习
学生可以通过MOOC网进行在线学习和讨论，与学校教师、企业名师进行在线交流和讨论，同时也可以进行在线测试和考试等，加深对本节课知识的掌握。
3.5 教学效果
通过课前观看蓝墨云班课APP上的微课视频预习，并提交任务，学生可以对条件语句有框架性的认识。通过课中的连线小游戏进行测试，发现80%的同学都能较好地完成连线任务。学生能通过分组合作，完成项目需求，有效掌握条件语句的应用，学习兴趣明显提高。通过课后头脑风暴的讨论和课后作业的打分，学生对于重难点基本都能掌握。本节教学内容属于JavaScript基础技术中的一部分，对接岗位“Web前端开发工程师”的招聘要求，实现以就业为导向的教学要求。
4 结 论
随着线上信息化教学平台的发展，信息化教学得到了有效的支撑。为了解决网页设计与制作课程信息化教学设计的问题，本文总结了目前信息化教学的研究现状中存在的问题，并提出一种基于网页设计与制作课程的信息化教学设计方案。其中以JavaScript条件语句为例，采用MOOC平台、微课视频、蓝墨云班课、思维导图、在线测试、互联网等信息技术，教师通过案例分析、任务驱动、趣味教学和多元评价等手段进行教学，学生通过自主学习、小组合作、头脑风暴和在线学习等方式学习，充分体现以学生为主体，在学中做、做中学。当今信息化平台多种多样，教学设计方案百变，教师要充分发挥线上教学平台的优势，有效补充线下教学的不足，真正做到以“是什么，为什么，怎么做”为逻辑主线，让学生乐意学、主动学、勤于学，达到职业技术教育培养人才的目的，为社会输送技术型人才。
参考文献：
[1] 韩丽屏.依托精品资源 构建《网页设计》教学新模式 [J].中国教育信息化，2016（6）：43-45.
[2] 田华，郝凤枝，王朋娇.基于BOPPPS模式的有效的教学设计——以《多媒体网页设计》课程为例 [J].教育现代化，2017，4（36）：224-227.
[3] 朱娟玉.提升计算机基础课程信息化教学的实践研究 [J].教育教学论坛，2018（48）：279-280.
[4] 游琪.《网页设计基础》课程中的信息化教学设计与应用 [J].教育现代化，2018，5（32）：271-272+288.
[5] 田卫红.浅谈信息化教学在《网页设计与制作》中的应用 [J].现代国企研究，2018（8）：154.
[6] 周吉云.信息化教学设计的实践与研究——以“走进家庭网络”为例 [J].读与写（教育教学刊），2019，16（2）：241-242.
[7] 田华，陈敏娜，王朋娇.以创新思维培养为导向的项目教学设计与实践——以“网页设计”课程为例 [J].中国信息技术教育，2019（5）：106-109.
作者简介：陈彦会（1989-），女，汉族，河南新乡人，计算机专业助教，硕士研究生，研究方向：计算机专业教学。
关键词：信息化教学;蓝墨云班课;慕课;网页设计;网页制作
中图分类号：TP393.092-4 文献标识码：A 文章编号：2096-4706（2019）16-0106-03
Abstract：With the rapid development of “internet plus education”，information technology teaching has also been widely used. In order to solve the problem of informatization teaching design and organization of web design and production courses in higher vocational schools，this paper studies the current status of informatization teaching in higher vocational schools，analyzes the problems existing in current informatization teaching，and proposes informationization for the course. And put forward the information-based teaching design strategy for this course，taking JavaScript conditional sentences as an example，formulates a complete information-based instructional design plan and promotes the reform of informational teaching in higher vocational schools.
Keywords：informatization teaching;Moso Teach;MOOC;web design;web page production
0 引 言
在高职教学中，计算机专业作为与互联网关系最贴近的专业之一，理应在教学上与信息化同步，随着移动互联终端的广泛应用，手机、平板电脑等电子产品成为高职学生不可或缺的随身携带物品，如何利用移动终端的便携性，利用好课下的碎片化时间组织学生学习，是信息化教学设计需要研究的重点问题之一，另外，随着线上信息化平台的增加，在线学习和交流，也成为课下学习的一部分，高职院校应充分发挥互联网和移动终端的优势，利用先进的信息化技术和丰富的教学资源，改变传统的教学模式，增加学生学习的兴趣和主动性，开展线上线下混合式教学。
1 高职信息化教学研究现状
高职信息化教学主要利用信息化手段和技术，采用线上线下混合式教学展开。其中，2016年韩丽屏[1]提出，利用信息化手段，依托精品资源，开创教学设计创新模式，通过“微课程”视频、多媒体课件、信息化测试系统、企业真实项目案例、虚拟实训系统等信息化教学模式，提高教学质量，改善学生兴趣不高等现状。2017年，田华[2]等提出，利用BOPPPS教学新模式，以学生为中心，提高学生参与度，将教学过程分为6个阶段，注重课内外的融合，实现课堂翻转，利用多种教学手段组织课堂，通过试点测试发现学生的兴趣明显提高，有效提高学习效果。2018年，朱娟玉[3]提出，课前、课堂和课后环节都要使用信息化的教学设计，课前利用微课开展学习，课堂通过极域广播软件、蓝墨云班课、网络化测试等方法，理论结合实践，课后通过微信群、云班课等在线答疑，分享微课视频等进行课下学习，通过此种方案，有效提高学生兴趣，形象直观，有效节省教学时间，实现因人施教。游琪[4]提出，要以学生的“学”为中心，课前通过微课、应用程序（Application，APP）平台或精品课程网络在线留言等方式进行学习，课中通过分组讨论、教师点评等方式，课后通过企业老师学习，拓展训练，将项目分割后发放到各个小组中，以真实的项目为载体，提高学生解决实际问题的能力，培养了学生的学习能力。田卫红[5]提出，要形成“教-学-做”一体化的教学设计模式，课前，通过蓝墨云班课、慕课、世界大学城等信息化手段开展预习环节，教师可以根据学生的特点和层次整合适合学生的教学资源库，课中，通过进阶式的课堂任务、分组合作等方式进行，以学生动手实践为主，課后，不同层次的学生可以在线上进行符合自己需求的学习，通过这种方式，有效活跃课堂气氛，增加学生学习的主动性和积极性，有效改善传统课堂中注意力分散，实践能力差的情况。2019年，周吉云[6]提出，信息化教学设计要体现趣味性、实践性、可视化、多元评价等，利用智慧教室、网络平台、在线测试、网络平台PBL功能等进行教学过程的分析、记录、评价，在课堂中穿插动画游戏、利用仿真软件进行实践练习，结合小组合作、截图与录屏等手段，帮助学生突破重难点，任务驱动贯穿整个课堂，师生充分互动交流，有效解决学习的重难点，培养学生的信息素养和团队合作意识。田华[7]等提出，分析学生的个性特点，生成适合学生的项目，由此作为教学设计的主要驱动力，让学生以小组合作、头脑风暴等方式完成项目需求，使学生主动地参与到教学环节中来，小组自评和互评等展示设计成果，实现过程性评价，在项目实践中培养学生的创新思维。 以上教学设计都是利用信息化技术，使得课堂丰富生动，以改进教学效果，但是，在移动终端的盛行的时代，对于如何使学生更好地利用移动终端和碎片化时间进行课前、课中、课后的学习，并没有深入的研究，而且，因计算机实践性较强的特点，如何将知识点与实用性相结合，也是需要研究的重点。本文提出一种信息化教学设计策略，将移动终端的优势发挥出来，将知识点和实际项目结合，实现“做中学，学中做”，对接工作岗位需求。
2 高职信息化教学存在的问题
2.1 信息化教学流于形式
目前，各高职院校都在积极地利用信息化手段进行教学，但是信息化教学的效果无从检验，使得这种教学流于形式，并没有真正地在各个学校开展和进行，多数教师还是以传统课堂教授的方式为主，导致很多丰富的教学资源没有在课堂上得到共享和充分利用，学生学习的兴趣不高，使得课堂的精彩度下降，过程性评价没有被及时记录和分析，没有有效发挥线上教学的优势，没有充分挖掘学生的个性特点和行为习惯，使得教学效果大打折扣。
2.2 教师自身的信息化技术需要更新
信息化教学手段需要依托互联网平臺。目前，仍然存在教师不能与时俱进、及时更新自己的知识体系的情况，停留在传统课堂上止步不前，使得课堂枯燥乏味，高职学生因高中学习成绩不理想等原因，本就学习兴趣不高，自主学习意识较差，如果沿用传统的课堂教学模式，会使知识不够直观形象，很难引起学生兴趣，使得知识的传授更困难。因此，在互联网和移动终端广泛应用的时代，教师要善于抓住学生的特点，利用学生能接受的方式进行教学，同时，教师也要加强自身的学习，通过参加培训等方式及时地了解和学习信息化教学平台的应用，并掌握其使用方法，将信息化平台和传统课堂结合，引导学生积极思考，探索学生的兴趣点，通过信息化技术更好地实现教学，达到良好的教学效果。
2.3 学生缺乏学习兴趣
高职学生的特点是对实践感兴趣，具有一定的实践编码能力，但在理论学习方面存在困难，对于抽象的知识感到枯燥，学习兴趣普遍不高，但计算机是理论和实践结合紧密的课程，理论是基础，属于不可或缺的环节，因此，如何把理论知识通过形象直观的方式表达，从而引起学生学习兴趣，是目前需要解决的问题之一;同时，学生对于传统课堂缺乏兴趣，对新兴的事物和技术普遍感兴趣，因此，结合现有的信息化平台和教学资源开展线上线下混合式教学是教学设计的一个主要思路。
3 高职信息信息化教学设计策略
3.1 教学设计思路
以课前、课中、课后为主线，以生活中常见的案例导入新课，创设情境，以慕课（Massive Open Online Courses，MOOC）网的微课视频开展预习环节，以蓝墨云班课等信息化教学手段开展线上线下混合式教学，在该平台上组织学生一键签到、发布任务、学生提交作业、教师批阅、头脑风暴等，通过预习任务的反馈，及时掌握学生对新知识的认识，有效调整教学计划，通过连线小游戏测试学生对知识的掌握情况，采用实际项目“抢票王”让大家接触案例，小组合作完成，将知识点落实到实用性上，利用思维导图帮助学生理清知识脉络，将本节课知识点对接Web前端开发工程师岗位需求，实现以就业为导向的教学。
3.2 学情分析
本次授课对象是高职一年级第二学期计算机网络专业的学生，通过对班级同学的提问观察，发现同学们已经具备一定的计算机语言和网络知识和HTML+CSS编码能力，对课前预留的视频预习和任务完成情况一般，对重难点知识的把握仍有欠缺，喜欢手机和互联网，但学习兴趣不高、缺乏积极性、逻辑思维能力欠缺、动手实践能力有待提高。
3.3 教学内容
本次教学内容，选自教材《网页设计与制作项目教程（HTML+CSS+JavaScript）》项目7任务7-3的第1部分，JavaScript条件语句，重点内容是if条件语句和switch条件语句的逻辑结构，教师展示语法规则，并对应相应的案例进行一一解释类比，例如，if语句可以生活中常见的“红灯停”的规则为例，if else语句可以“红灯停，绿灯行”的规则为例，或者列举“白天上班，晚上休息”等生活中通俗易懂、学生能接受的案例，从而更好地理解重点内容，并通过流程图形象地展示，便于学生理解。教师提出问题，学生通过课堂讨论，解决if条件语句和switch条件语句的转换问题。
3.4 教学环节
3.4.1 课前
3.4.1.1 视频预习
通过中国大学MOOC网节选本节课内容视频上传至蓝墨云班课，通过微课预习，利用互联网时代移动终端的便利性，让学生利用碎片化时间学习，达到认识JavaScript条件语句的目的。
3.4.1.2 发布任务
教师通过蓝墨云班课发布两个预习任务：条件语句的分类和应用，学生通过微课视频预习，认识JavaScript条件语句，并完成预习任务，上传至蓝墨云班课，教师批阅并进行打分，可以发现学生对多向判断语句认识不准确，根据学生的任务反馈，及时调整教学计划。
3.4.2 课中
3.4.2.1 组织签到
教师利用蓝墨云班课一键签到功能，组织学生签到，其中通过显示学生地理位置信息的功能，可以防止学生远程签到，有效代替传统课堂签到，蓝墨云班课APP可以将学生的考勤情况保存并作为课堂统计数据的一部分。
3.4.2.2 导入新知
以生活中贴近学生的案例导入新知，例如列举“红灯停，绿灯行”、投石问路的小故事、幸运大抽奖的转盘活动等常见的条件语句，引起学生学习兴趣和积极思考，达到引出JavaScript条件语句的目的。 3.4.2.3 任务实施
（1）教师讲解：1）流程分析。教师通过讲解每一种条件语句的语法规则和对应流程分析，使学生有直观的认识和理解，条件语句的三种判断语句层层递进，既有区别又有联系，通过课堂讨论和师生互动交流，分析问题，引导学生思考。2）游戏测试。教师出题，学生连线，教师分析核对学生连线结果。通过游戏测试的方式增强课堂的趣味性，引起学生兴趣，同时可以作为考核学生是否掌握知识点的检验环节。教师在课堂最后通过游戏测试方式强调本节课重点，以加深学生印象，达到强化重点的目的，考核学生本阶段对知识的掌握程度。
（2）编码测试。教师通过代码分析、学生上机实践和编码测试等环节，对其中存在的问题进行个别指导，最终对存在共性的问题进行集中指导，有效解决学生在编码中的知识盲点。通过实践操作，突出条件语句的逻辑流程和两种条件语句转换的重点，并解决实际操作过程中出现的问题。
（3）分组合作。将20名学生分为6组，每3～4人为一组，以“抢票王”案例为任务载体，学生分组合作完成，过程中进行个别指导。通過案例教学和学做结合的方式，增强学生对实际问题的分析解决能力，对接就业环境中小组合作的情境，让学生提早体验工作场景，增强团队合作意识。
（4）调优评价。通过各组汇报、组间互评、教师点评等方式，对已有代码进行优化，最终评出优秀小组作品，并上传至蓝墨云班课。通过答辩汇报和教师点评，能够使学生对本节课知识点有实践性的认识，有效突破条件语句应用的难点，同时增强学生的沟通表达能力。
3.4.2.4 梳理总结
教师利用思维导图，梳理总结本节重难点，达到使知识具有框架性、条理性的目的，再次强调重难点。
3.4.3 课后
3.4.3.1 头脑风暴
教师在蓝墨云班课上提出头脑风暴任务，学生按时完成，教师可以查看学生回复情况，并及时点评，纠错总结，以此引导学生课下积极探索和思考，强化重难点。
3.4.3.2 课外拓展
教师在蓝墨云班课上布置作业，达到巩固本节重难点的目的，学生按时完成，并上传至蓝墨云班课，教师及时查看批阅，并给学生打分，作为最终考核成绩的一部分。
3.4.3.3 在线学习
学生可以通过MOOC网进行在线学习和讨论，与学校教师、企业名师进行在线交流和讨论，同时也可以进行在线测试和考试等，加深对本节课知识的掌握。
3.5 教学效果
通过课前观看蓝墨云班课APP上的微课视频预习，并提交任务，学生可以对条件语句有框架性的认识。通过课中的连线小游戏进行测试，发现80%的同学都能较好地完成连线任务。学生能通过分组合作，完成项目需求，有效掌握条件语句的应用，学习兴趣明显提高。通过课后头脑风暴的讨论和课后作业的打分，学生对于重难点基本都能掌握。本节教学内容属于JavaScript基础技术中的一部分，对接岗位“Web前端开发工程师”的招聘要求，实现以就业为导向的教学要求。
4 结 论
随着线上信息化教学平台的发展，信息化教学得到了有效的支撑。为了解决网页设计与制作课程信息化教学设计的问题，本文总结了目前信息化教学的研究现状中存在的问题，并提出一种基于网页设计与制作课程的信息化教学设计方案。其中以JavaScript条件语句为例，采用MOOC平台、微课视频、蓝墨云班课、思维导图、在线测试、互联网等信息技术，教师通过案例分析、任务驱动、趣味教学和多元评价等手段进行教学，学生通过自主学习、小组合作、头脑风暴和在线学习等方式学习，充分体现以学生为主体，在学中做、做中学。当今信息化平台多种多样，教学设计方案百变，教师要充分发挥线上教学平台的优势，有效补充线下教学的不足，真正做到以“是什么，为什么，怎么做”为逻辑主线，让学生乐意学、主动学、勤于学，达到职业技术教育培养人才的目的，为社会输送技术型人才。
参考文献：
[1] 韩丽屏.依托精品资源 构建《网页设计》教学新模式 [J].中国教育信息化，2016（6）：43-45.
[2] 田华，郝凤枝，王朋娇.基于BOPPPS模式的有效的教学设计——以《多媒体网页设计》课程为例 [J].教育现代化，2017，4（36）：224-227.
[3] 朱娟玉.提升计算机基础课程信息化教学的实践研究 [J].教育教学论坛，2018（48）：279-280.
[4] 游琪.《网页设计基础》课程中的信息化教学设计与应用 [J].教育现代化，2018，5（32）：271-272+288.
[5] 田卫红.浅谈信息化教学在《网页设计与制作》中的应用 [J].现代国企研究，2018（8）：154.
[6] 周吉云.信息化教学设计的实践与研究——以“走进家庭网络”为例 [J].读与写（教育教学刊），2019，16（2）：241-242.
[7] 田华，陈敏娜，王朋娇.以创新思维培养为导向的项目教学设计与实践——以“网页设计”课程为例 [J].中国信息技术教育，2019（5）：106-109.
作者简介：陈彦会（1989-），女，汉族，河南新乡人，计算机专业助教，硕士研究生，研究方向：计算机专业教学。