导读：这是一篇完整优秀的关于web论文范文，共有2000字符左右，题目是关于“高校Web前端类课程教学实训平台研究及应用”的。针对高校广泛开设的 Web 前端类课程，为了能够很好地实现“综合化、案例式、模块化、项目式”的教学模式。
论文发表找李老师(QQ/微信：请看本文顶部)版面费低，出刊快！
web论文推荐发表在《信息周刊》杂志上。
作者：王丽 刘婕 陈珊 杨悦
单位：石家庄信息工程职业学院， 河北石家庄 050035
摘要：针对高校广泛开设的 Web 前端类课程，为了能够很好地实现“综合化、案例式、模块化、项目式”的教学模式，做到“即做即得”、“翻转课堂”，我们开发了 Web 前端类课程教学实训平台， 易部署，可以很好地辅助教学。本文将从平台的意义、功能、应用三个方面进行说明。
关键词：Web 前端;即做即得 ;实训 ; 翻转课堂
(web论文)高校Web前端类课程教学实训平台研究及应用
一、Web前端类课程开设现状及平台开发意义
目前各高校Web前端类课程的开设已非常普及，电子信息大类和艺术设计大类的多个专业如软件技术、电子商务、计算机应用、网络技术、艺术设计等都已开设相关的课程，如《网页设计与制作》、
《Web编程基础》、《Web前端开发》、《DIV+CSS网页设计与布 局》、《JavaScript技术》等。对于此类课程，“综合化、案例式、 模块化、项目式”的教学模式非常易于学生学习和掌握。
由石家庄信息工程职业学院教师研究并已应用于教学的“Web前端类课程教学实训平台”(以下简称平台)针对此类课程的特点实现了“即做即得”、“翻转课堂”的功能，便于学生“做中学”、“学中做” 及课下的复习和拓展。
二、平台功能及特点
(一)平台针对管理员、教师和学生三种角色实现以下核心功能。
1.管理员用户可实现信息录入和管理：包括课程信息、班级信 息、教师信息、学生信息、班级选课管理等。
2.教师用户可实现：(1)上传教学案例：将教学指导Word文档与 案例项目相关源文件压缩为.rar格式上传(此部分供同学们参照学习指导实现课前自主学习);(2)上传实训项目：将项目文件夹压缩为.rar格式上传，供学生完成实训;(3)检查学生实训项目完成情况： 提交评分、评语、导出评分等功能。
3.学生用户可实现：(1)查看教学案例：下载教学指导，完成课 前练习;(2)查看实训项目：左侧为代码界面，右侧显示实际效果; 按规定完成任务后提交项目;(3)查看项目批阅结果等功能。
(二)平台的特点：
(1)所见即所得，左侧编写代码，右侧查看效果;(2)教师 提供案例可以将页面框架结构事先提供，使得课上练习更具针对性;(3)纯代码编写，加深学生对于源码的记忆，基本功扎实;
(4)实现课前提前练习、课上实时练习、课后实训作业制作提交;
(5)平时作业成绩汇总及统计。
三、实训平台在教学中的应用
下面以软件技术专业《Web前端开发基础》课程中“DIV+CSS 布局”中的“页面布局之盒子模型”在课堂中的实际应用为例介绍平台的使用及效果，教学课时为2课时，教学目标要求能够熟练使用Margin、Padding、Border等属性实现简单页面布局。
(一)主要实训任务：
(1)上节课实训作业”古诗词鉴赏页面(使用表格实现布局)
(2)课中任务：父亲节音乐盒制作、仿某音乐网页页面简版制作;
(3)课后实训任务：音乐盒完整页面的实现。
(二)主要教学流程如下：
(1)课前学习任务布置：为提高课上学习的效率，事先在实训平台上传教学案例和相应的实训指导，同学们参照实训指导实现相应的热身练习。
(2)上节课所布置的实训作业“古诗词鉴赏页面(使用表格实现布局)”，通过实训平台查看同学们提交的作业，展示提交顺序及得分排名，给出评语。课上对作品进行点评和展示，促进学生之间的交流。
(3)课中实训任务：教师讲解并在实训平台演示盒子模型的相关属性，学生在实训平台公开演示综合案例，掌握学习情况并进一步加深理解本节课所学知识点。
布置本次课课上实训任务：按难易、综合程度，实训任务分为：
1)父亲节音乐盒制作;
2)仿某音乐网页页面简版的制作。任务选 取贴合实际，易引发同学们的制作热情和共鸣。
第一个任务单个音乐盒的制作，在组织学生讨论得出布局的思路后，由教师提供图片及预先编写好的页面的整体结构及布局代码，同学们只需在实训平台利用所学属性编写相关样式，实现效果即可。完成后，教师根据学生提交的情况，当场进行效果查看并点评;并可以以此次提交的情况作为课上考勤的依据，省去点名占用的时间;
第二个任务是若干音乐盒的排列，此任务在前一个任务基础上进行延伸和加强，以第一个完成的单个音乐盒为基础，再增加几张图片供同学们选择。此次任务考虑到任务量略大，可以采用分组合作的形式以小组为单位进行提交，并在实训平台对作品进行展示、点评，由同学们分享自己的制作心得。
(4)课后实训任务，在前两个任务的基础上，再进一步扩展， 将这一组音乐盒设计为一个完整的页面，目的对比上节课的表格布局，真正体会DIV+CSS布局的魅力。
四、总结
在上面课程中，课前、课中、课后每个环节都通过平台完成， 教师和学生均有以下收获：
1.课前结合实训学习指导进行练习，事先了解课程内容，带着 疑问去听课，课上掌握更彻底，更易扩展;
2.课中老师设计的层次递进的实训任务，结合分组合作、作品 经验分享，更能激发学生设计出更完美作品的斗志;
3.课后作业，学生可以看到评语，能有针对性地了解自己的问 题所在;老师展示得分排名和提交作业顺序排名，能提高学生更快更好完成任务的积极性;
4.实训成绩的统计，可以统计考勤，作为平时成绩依据;
5.教师上传到平台的案例模板，有助于同学们更专注于课上内 容练习，不必每次课都要从页面的创建开始，节约时间。
本文系石家庄市高等教育科学研究项目“高校Web前端类课程教学实训平台研究”(课题编号：201611022)的研究成果。
参考文献：
[1](英)Ben Frain.《响应式Web设计：Html5和Css实战》，王永强译，人民邮电出版社，2013-1(第1版)
[2]储久良 《Web前端开发技术课程教学改革与实践》 计算机教育 2014年第14期
本文链接：http://www.668lw.com/3219.html
本站论文范文来源网络，若内容不实或侵害了您的合法权益，请及时联系我们进行删除！原文链接： » (web论文)高校Web前端类课程教学实训平台研究及应用
