基于信息化学习平台下的教学设计

夏维

[摘 要] 网页设计与制作是信息安全与管理专业的专业基础课程，是培养学生Web客户端静态页面设计能力的支撑课程，是ASP.NET程序设计先修课程，主要培养学生的静态页面设计能力。通过“教、学、做”理论与实践一体化教学，使学生掌握Web客户端静态页面编写的基本方法，并逐步形成正确的客户端静态页面设计思想，具有分析问题和解决问题的能力，熟练地使用HTML语言、CSS样式设计、JavaScript编程进行页面设计。

[关 键 词] 网页设计；网页制作；教学设计

[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2018）29-0094-01

一、教学过程中存在的问题

目前，我院开设网页设计与制作课程均在多媒体机房进行，采取任务驱动方法组织教学内容，课程教学以完成网页制作任务为主线，在激发学生的主动学习提高学生操作能力上，确实取得了一些效果，然而网页设计与制作教学还存在一些问题，主要有以下几个方面：

1.學生过高估计自身实力。在教学过程中，学生感觉教学案例内容简单，不愿意听教师分析讲解，但实训过程中却无法完成实验任务。

2.学生缺乏创新意识。现在的学生自以为是，觉得能按时完成课堂上的实训任务就学好了一门课程，操作还是模仿复制教师演示的内容，课后不会主动学习与此知识点相关的内容，不会自己去拓展专业层次与知识面，知识的牵引能力不强，缺乏创新创造能力。

3.学生缺乏与教师的沟通与互动。教师在课堂讲解的过程中注重教学内容的完成，在教学安排上，师生互动环节安排得不多，学生课堂参与程度不高；课后缺乏平台进行沟通，没有固定的平台帮助学生及时解决问题，缺乏实效性，导致很多问题都不了了之，大大降低了学生学习的兴趣。

二、信息化平台课堂教学改革

利用信息化基础设施和数字化教学资源，开展课堂教学模式改革，提高人才培养质量，是我们目前人才培养的目标。随着计算机和互联网的快速发展，翻转课堂、微课、慕课等教学模式应运而生，实现了课前导预习、课上导学习、课后导拓展的教学活动，学生的学习行为脱离了时间、空间的限制，形成了以信息技术为媒介的教学互动平台。在此平台上，学生、教师都可以通过平台充分交流，根据进度灵活地开展学习，使学习更有成效。

三、信息化教学平台

网页课程主要采用蓝墨云班课进行信息化教学。云班课是在移动网络环境下，利用移动智能设备开展课堂内外即时反馈互动教学的云服务平台。教师使用蓝墨云班课创建一个班课，学生通过班课邀请码加入班课，所有学生的智能手机立即连接成一个可以即时互动的教学网络。利用蓝墨云班课，教师可以开展微课或翻转课堂教学。教师可以发送课程通知，推送课件、微视频、图片、音频、文档等资源到学生的移动设备上，并提醒学生学习，反馈学生的学习记录。在课堂上或课外时间里，教师可以随时开展投票、问卷、头脑风暴、答疑、讨论等教学活动，让教学更加生动有趣。

四、信息平台下的教学设计

教学设计首先要考虑课程在整个课程体系中的地位。由于网页设计与制作前导课程是计算机应用基础，后续课程是ASP.NET程序设计。该课程作为一门专业基础课程，教学目标学生从知识目标、技能目标、情感与能力目标三方面得到提升。以此为基础，教学的设计思路：按课前导预习、课上导学习、课后导拓展三个阶段实施教学。本单元以“翻译工作室首页制作”为任务载体，采用任务驱动法、情境教学法、自主学习法等课堂教学方法，借助信息化学习平台、录屏软件、多媒体视频、多媒体教室等信息化教学手段，实现教学目标。

（一）教学实施过程

课前，教师在蓝墨云班课及微信上发布班级通知，要求学生进行预习，学生接到通知后，根据自我学习计划学习本课课程内容微视频、教学PPT、操作要点提示，完成课前预习，完成头脑风暴。

根据网站设计与制作流程及学生认识规律，设计了8个教学环节。

1.翻译工作室运行效果浏览

教师打开制作好网页效果的微视频，对网页的整个概貌进行分析和讲解。学生通过观察，了解翻译工作站的基本功能。

2.任务提出

教师对首页进行页面结构、排版方式、模块拆分三个方向分析。教师对首页分解，学生了解制作网页的简要流程。

3.教师对模块进行具体分析

教师用苏亚星进行讲解，简要分析页面的构成，页面初始化基本操作，页面背景设置及公司文本介绍对象的添加四个环节。预留问题，让学生在操作时做出思考。学生有了操作指南，明白自己要在页面中添加哪些对象，对象的位置如何确定及对象的格式设置，知道自己要做什么。

4.任务实施

学生练习前两个模块，按教师下达的流程实施操作，在学中做，做中学。

5.在蓝墨云班课中课堂表现中使用苏亚星远程遥控功能选择学生回答如何解决预留问题。

6.举一反三

在现有知识点的基础上，让学生思考：1.子页文本添加及位置的确定。2.将页面中所有的对象统一往下移动，采取什么样的方式？（难点）

7.开启蓝墨云课堂测试，检阅学生学习效果，是否达到教学目标。

8.任务拓展

教师做简要知识要点提示，提出下次课操作任务，继续完成首页及子页的创建。

（二）教学效果

本教学设计基于蓝墨云班课教学平台，采用翻转课堂教学理念，以任务驱动为教学法，完成翻译工作室首页制作为任务为主线，紧紧围绕网页的设计与制作为技能目标，借助信息化手段，以学生为主体完成了知识、理论、实践一体化的教学。综合考核表明，绝大多数学生都完成了教学任务要求，学生的职业技能和职业素养方面得到了提高。

参考文献：

[1]宋翔.“互联网+”背景下的网页制作课程改革探索[J].电脑迷，2017（2）.

[2]薛辉.《网页制作》课程实践教学模式的探索与设计[J].电脑与电信，2016（Z1）.