【web论文】高校Web前端类课程教学实训平台研究及应用

论文发表

 

论文发表找李编辑【QQ/微信:3456444013】版面费低,出刊快!

导读:这是一篇完整优秀的关于web论文范文,共有2000字符左右,题目是关于“高校Web前端类课程教学实训平台研究及应用”的。针对高校广泛开设的 Web 前端类课程,为了能够很好地实现“综合化、案例式、模块化、项目式”的教学模式。

论文发表找李编辑【QQ/微信:3456444013】版面费低,出刊快!

web论文推荐发表在《信息周刊》杂志上。

作者:王丽 刘婕 陈珊 杨悦

单位:石家庄信息工程职业学院, 河北石家庄 050035

摘要:针对高校广泛开设的 Web 前端类课程,为了能够很好地实现“综合化、案例式、模块化、项目式”的教学模式,做到“即做即得”、“翻转课堂”,我们开发了 Web 前端类课程教学实训平台, 易部署,可以很好地辅助教学。本文将从平台的意义、功能、应用三个方面进行说明。

关键词: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

668论文发表网-版权所有丨如未注明 , 均为原创丨转载请注明原文链接:: » 【web论文】高校Web前端类课程教学实训平台研究及应用

赞 (0)

论文发表文章评论 1

  1. 匿名英文网站优化技术,搜索引擎优化软件教程,以及外贸网站优化推广软件分享和下载的网站.站点内容每天都在更新英文SEO工具下载和分享回复