?信息化技术在网页设计与制作课程教学运用中的模式探讨

尹积栋 谢茶花 彭崧

摘  要 通过分析高职学生学习的行为特点，研究使用信息化技术，借助蓝墨云班课APP开展教学，并将信息化技术运用到网页设计与制作课堂教学中，具体说明如何进行课程教学过程的设计。结合实际教学情况，选取项目模块内容，具体阐述教学过程设计，并选取四个教学班开展教学效果调查，验证新实践教学模式的实施效果。

关键词 信息化技术;网页设计与制作;高职学生;蓝墨云班课APP

中图分类号：G712    文献标识码：B

文章编号：1671-489X（2019）02-0112-03

1 引言

网页设计与制作是一门有着广泛应用、实用性非常强的课程，面对具体的教学内容，少部分学生比较精通技术与理论知识，大部分学生则“百思不得其解”。针对这个问题，传统的授课方式已经不能满足要求。笔者充分运用信息化技术对课程教学模式进行改革，从高职学生的学习特点、信息化技术教学过程设计、教学改革效果等几个方面，谈谈信息化技术在教学过程中的运用及效果。

2 高职学生的学习特点分析

在信息技术快速发展的今天，90后高职学生更喜欢从事实践活动，追求未知事物，热爱冒险，敢于创新[1]。他们还有另一个特点，即从小就受网络信息产品的影响，移动信息技术的发展变革带给他们更多选择娱乐方式的机会，各类网络游戏、富媒体信息很轻松地击败了不少学生的自控力，存在大量“手机不离手一族”。网络游戏、微信、QQ信息通信和网上购物都是90后学生休闲娱乐的平台，学生的平时生活和学习方式正在被网络信息技术改变。

课堂上学生的手机管理问题一直是教师进行课堂教育研究的热点，学生课堂玩手机现象随处可见，虽然教师针对这个问题采用很多措施，但是学生课堂看手机现象一直存在，采取的措施很难剔除这个现象[1]。笔者在所授网页设计与制作课程教学中，尝试用移动网络和智能手机开展信息化技术教学，借助蓝墨云班课APP移动教学平台，构建“处处能学、时时能学”的教学网络平台，为学生提供移动手机上的课程基本信息、任务推送、课前课中测试、教学课件、教学辅助微课、教学视频等，使学生体验在娱乐的环境中学习理论知识和实践技术，学生学习更自由、有趣，教师教学更轻松。

3 教学过程设计

在教学过程中，借助蓝墨云班课APP进行教学，结合模拟公司项目教学模式[2]，与学生在课前自主预习、课中知识学习与技术实践、课后拓展延伸等方面进行积极互动。为了方便展示具体的教学过程，笔者主要选取网页设计与制作课程模拟开发项目中的某校教務处网站办事指南模块来进行展示。

课前自主预习  课前自主预习主要包括教师课前准备教学资料、教师发布课前任务、学生课前预习工作。

1）教师在蓝墨云班课APP移动端上传有关办事指南模块开发的相关教学资源，如课前学习任务单、微视频、课件、授课计划、教案等资源。

2）教师针对办事指南模块开发，课前在蓝墨云班课APP班课上发布两个任务：

①各小组调研某校教务处网站办事指南模块开发需求，形成调研报告，并将报告上传至蓝墨云班课APP班课讨论活动区域;

②各小组根据各自调研的情况，网上收集办事指南建设模板，根据模板设计各自的办事指南模块，并将设计的作品以图片的形式上传至蓝墨云班课APP班课讨论活动区域。

3）学生各小组主要做好四件事：

①浏览蓝墨云班课APP班课上的教学资源，了解课程模块的教学意图;

②完成办事指南模块开发的需求调研，撰写调研报告，并将报告上传至蓝墨云班课APP班课;

③完成网上模板搜集，并根据小组调研的情况设计办事指南，将作品以图片的形式上传至蓝墨云班课APP班课;

④各小组对提交的报告和作品进行点评和讨论。

课中知识学习与技术实践

1）课前导入，任务检验。教师先利用蓝墨云班课APP推送有关项目调研活动的测试活动，让学生根据掌握的知识和课前的调研情况完成测试;然后向学生展示课前各小组做的调研报告评价排名情况，抽查点评文本，结合各小组做的调研情况，跟学生一起分析测试题目。通过这个环节，学生就能明确本次课最终学习意图，就是设计完成某校教务处网站办事指南模块的开发工作。

2）小组汇报，展示设计。通过蓝墨云班课APP上各小组对办事指南模块设计作品的评价情况，教师挑选做得比较好的两个小组进行设计展示和说明。被挑选的两个小组分别选派一名代表上台展示，主要从调研需求和技术两个层面来对设计作品进行说明。通过小组展示，学生能较直观接触办事指南模块作品初始原稿，为接下来的设计奠定基础。

3）情境构建，任务分析。教师先通过蓝墨云班课APP推送一个某校教务处副处长针对网站办事指南功能提出要求的视频，在学生观看完视频后，跟他们共同分析任务，明确任务要求，理解任务需要解决的问题。这里的任务是开发符合要求的网站办事指南模块。教师先根据视频要求，跟学生一起修改调研报告，确定开发功能;接着跟学生一起分析在开发过程中要用到的技术，即网页脚本如何控制DIV层的显示。确定了功能需求和技术知识，学生就能正确进行模块设计。

4）分组协作，小组互评。各小组讨论办事指南模块设计，有针对性参与蓝墨云班课APP班课设计讨论，各小组间进行设计交流;接着将各自设计的最终设计稿以图片的形式上传至蓝墨云班课APP班课，小组之间都可以在平台上进行互评。

5）专家点评，教师总结。教师将某校教务处副处长设置为班课助教，利用移动网络远程视频功能，助教参与教学过程。根据各小组互评的结果，助教挑选两个小组设计的作品进行现场点评。点评后，教师结合助教的点评，总结办事指南设计要点，带领学生再次进入办事指南实践开发，进一步引导学生掌握设计要点。

课后拓展延伸  课堂教学活动结束后，首先，教师可以通过蓝墨云班课APP提供课后答疑和测试，测试的内容主要是有关网页脚本控制DIV层的显示的问题;同时，学生只要有问题，也可以通过答疑活动提问，提问形式多样，可以是图片、文本、语音和文件。其次，教师在蓝墨云班课APP推送课后任务，要求各小组继续完善教务处网站办事指南模块的开发，并将开发效果展示给某校教务处工作人员，各小组撰写好开发心得。最后，各小组将撰写好的开发心得和相关图片上传至蓝墨云班课APP班课课后任务活动，小组间对心得进行互相评价，相互促进和监督;针对主要评论问题，教师也给出一些评判标准或建议。通过课后活动环节，学生充分利用课余时间学习，继续交流技术实践，在蓝墨云班课APP班课上互动帮助，进一步提高学习质量。

4 教学应用效果

网页设计与制作课程在实施信息化技术教学后，学生通过参与模拟实践项目活动，感受真实的工作环境和工作过程，掌握完成任务所需的技术知识和实践技能，提高职业能力。

笔者自从2016年3月啟用蓝墨云班课APP进行教学，创建班课《网页设计与制作》四个，学生累计139位，开展活动42次，班级的总平均出勤率达到97%，远远超过以往学生出勤率。在每个学期末，笔者都会借助蓝墨云班课APP对授课班级进行问卷调查，主要调查学生在自主学习能力、团队合作精神、工作责任意识、沟通能力和分析解决问题的能力提升方面的投票情况。调查结果显示：93%的学生认为在自主学习能力方面得到提升;96%的学生认同团队合作精神有所改善;86%的学生认为增强了工作责任意识;100%的学生认为提升了沟通能力;92%的学生认为在分析解决问题的能力方面得到增强。由此可见，借助蓝墨云班课APP开展信息化技术教学，受到学生欢迎，以往学生课堂上玩手机的现象逐渐消失，学生的学习积极性得到提高，特别是在自主学习能力、团队合作精神、工作责任意识等方面得到进一步增强。

5 结语

笔者针对网页设计与制作课程教学进行改革研究，利用信息化技术开展教学，学生能积极主动地参与教学活动，在自主学习能力、团队合作精神、工作责任意识、沟通能力和分析解决问题能力等方面得到提升，取得较好的教学效果。后续研究工作将加大对蓝墨云班课APP融入教学的研究，进一步推进师生间“教”与“学”观念的融合，实现教学质量的进一步提升。

参考文献

[1]汪德露.基于信息化技术背景下的蓝墨云班课APP在教学运用中的模式探讨[J].教育现代化，2017（26）：221-223.

[2]尹积栋，谢茶花，邓德平，等.模拟公司项目教学模式在“网页设计与制作”课程中的应用[J].中国信息技术教育，2017（23）：96-98.

[3]林健华.移动互联网下引发的教学改革探索：以《计算机等级考证（一级）》课程为例[J].电脑迷，2017（12）：138，141.

[4]刘永红，文柏利，胡先文，等.“互联网+”背景下的公共基础课教学改革的探索：以基础化学实验（Ⅰ）为例[J].大学化学，2017，32（12）：31-34.

[5]肖卓宇，余波.大学生参与式教学方法在数据结构课程中的应用研究[J].湖南邮电职业技术学院学报，2018（1）：88-90.

[6]张海青.基于蓝墨云班课平台的混合式教学设计：以中职TCP/IP协议一课为例[J].中国教育技术装备，2018（5）：8-10.

[7]陈蓉蓉.基于网络教学平台的混合式教学在中职音乐的应用：以《命运交响曲》信息化教学设计为例[J].智库时代，2017（10）：133，136.

[8]许艳丹，王志宏.“三段式”多种教学模式在《网页设计与制作》课程中的研究与实施[J].攀枝花学院学报，2015（2）：111-113.