EDUCATION FORUM教育论坛摘要：针对HTML5程序设计课程标准存在的问题，论文在Web前端开发职业技能等级标准下，引入 OBE教学理念，以成果导向为目标，以学生为中心，以满足企业对学生的职业技能要求设计各项能力指 标，制定HTML5程序设计的课程课程标准。
关键词：Web前端开发；OBE；HTML5程序设计；课程标准
一、前言
《国家职业教育改革实施方案》指出，从2019年开始，在职业院校、应用型本科高校启动“学历证书+若干职业技能等级证书”制度试点工作，进一步完善计算机软件行业技术技能专业标准体系，办好新时代的职业教育。依据当前计算机软件行业发展的实际情况，在教育部的指导下，工业和信息化部教育与考试中心组织有关专家，编写了《Web前端开发职业技能等级标准》（以下简称“标准”）[1]。对照标准，可以发现HTML5程序设计的原有课程标准与标准脱节，必须重新制订HTML5程序设计课程的教学标准。融入成果导向教育（OBE）教学理念，成果重点不在于学生课业分数，而在学习历程结束后学生真正拥有的能力[2]。因此，在基于标准下的HTML5程序设计课程标准制定中引入OBE理念，贯穿于学生的培养历程中，能更加适应企业对人才的需求。
溶菌酶二、原有HTML5程序设计课程标准简介
HTML5程序设计是软件技术专业的核心专业必修课，其课程目标是培养学生掌握动画、绘图、多媒体处理等Web3.0高端技术，能够熟练使用HTML5进行Web应用开发，具备编写各种互联网Web系统的页面布局、外观实现及动态交互的能力。通过分析原有HTML5程序设计课程定位和课程目标，发现存在以下问题：
（1）没有体现以学生为中心的教学理念；（2）没有量化课程的预期成果指标；（3）没有可量化的评价标准；（4）没有素养目标与能力目标。
三、Web前端开发职业技能等级标准简介
（一）等级划分。标准分为初级、中级、高级三个级别。其中高级证书持有者具备前端架构设计能力、移动端开发能力和网站性能优化能力；中级证书持有者具备网站规划与建设能力、响应式开发能力和数据交互能力；初级证书持有者具备静态网站设计与制作能力。
（二）中级培养目标。围绕“互联网+”、新兴技术行业带来的移动端开发、Web前端开发技术技能人才需求，以岗位技能和综合素质为核心，以企业用人需求为导向，培养具有良好的职业道德操守和人文素养素质，掌握Web 前后端数据交互技术、响应式开发技术等知识，具备动态网站规划与建设能力，
能从事Web应用、网页前端及移动应用程序代码编写、软件测试、软件维护等工作的中级技术技能人才。
（三）HTML5程序设计课程在标准中的定位。HTML5程序设计为标准的中级所开设的课程，培养学生搭建动态网站能力的核心课程，要求学生具备网页设计与制作的基础和数据库应用技术的基础，教学内容主要包括：使用HTML5和CSS3进行页面基础布局的搭建与样式美化；运用HTML5与CSS3进行页面美化与性能调优；HTML5本地存储与离线存储原理及应用；HTML5 Canvas绘图；媒体查询及响应式开发；前端框架Bootstrap的应用开发；编写PHP后台逻辑代码并创建MySQL数据库；实现前后端数据Ajax交互处理；开发基于HTML5的Web页面应用。
四、Web 前端开发职业技能等级标准下，OBE理念的高职HTML5程序设计课程标准等级标准中主要突出“职业技能”，明确了本专业的工作领域、工作任务、技能要求和知识要求。因此，校企融合，共建优质教学资源，共同制订人才培养方案，引入OBE教学理念，以企业对学生的职业技能要求设计学生应具备的各种能力指标，并将能力指标进行量化。
HTML5程序设计课程标准制定如下：
（一）课程描述。本课程旨在使学生掌握HTML5、CSS3、PHP、Ajax等技术的基础上进行移动Web App开发（目的）。经由HTML5技术、CSS3技术、PHP技术应用、Ajax技术、HBuilder工具等
知识的学习（历程），从而具备编写各种互联网系统的页面布局、样式美化及前后端数据交互的能力，能够熟练使用HTML5进行移动Web App 应用开发（预期成果）。
Web前端开发职业技能等级标准下的
高职HTML5程序设计课程标准制定
邱尚明 李冬睿 李 蓉
◆
165
EDUCATION FORUM教育论坛
（二）学习成果。根据标准的要求，践行OBE理念，分析软件技术专业核心能力指标[3]，课程应达成的学习成果如表1所示。
表1 HTML5程序设计课程学习成果
序号学习成果
1能使用HTML5和CSS3技术进行Web前端页面的开发
2能进行响应式网站开发
3能应用PHP技术操作MySQL数据库和运用Ajax技术进行前后端数据交互
4能运用HBuilder工具打包生成App安装包
5能根据实际需求开发Web App应用
（三）核心能力权重分配。根据标准的要求，通过对原有课程体系的分析结合，确定课程核心能力指标权重分配如表2所示。
表2 HTML5程序设计核心能力权重分配
核心能力课程权重(%)
沟通整合10.00
学习创新10.00
责任担当15.00
专业技能40.00
问题解决20.00
职业素养 5.00
（四）学习内容。根据学习成果得到以下学习内容：（1）能使用HTML5和CSS3技术进行Web前端页面的开发；（2）能进行响应式网站开发；（3）能应用PHP技术操作MySQL数据库和运用Ajax技术进行前后端数据交互；（4）能运用HBuilder工具打包生成App安装包；（5）能根据实际需求开发Web App应用。
（五）学习成果的评价标准。根据学生的学习成果评价，确定学生达到的合格标准，如表3所示。
表3 学习成果的评价标准
学习成果合格的评价标准
LO1能使用HTML5和CSS3技术进行Web前端页面的开发1.掌握HTML5技术：语法规范、语义化标签、表单类型、表单元素、表单属性、canvas、音频标签、视频标签、文件读取、Web存储
2.掌握CSS3技术: 选择器、边框特性、颜、字体、盒阴影、背景特性、盒模型、过渡、渐变、动画等技术
bes
3.移动端常用事件
LO2能进行响应式
网站开发1.掌握响应式设计技术：了解视口的概念；掌握CSS3媒体查询的使用；掌握弹性盒布局
2.掌握前端框架Bootstrap的应用：掌握Bootstrap栅格系统、基本样式、组件、LESS和SASS、插件、Bootstrap定制及优化、Bootstrap内核解码开发响应式页面
LO3能应用PHP技术操作MySQL数据库和运用Ajax技术进行前后端数据交互1.了解PHP访问MySQL数据库的隧道烘箱验证方案
一般步骤
2.掌握PHP操作数据库的方法
3.使用jQuery的Ajax异步获取数据
LO4能运用HBuilder
工具打包生成App
安装包
传送带设计
1. HBuilder简介
2. MUI前端框架
3.开发扫一扫
4.打包生成App安装包
LO5能根据实际需求
开发Web App应用
项目实战开发
（六）学习单元及学时分配。根据学习内容来确定学
习授课单元与学时分配，每个授课单元对应相应的学习成
果，如表4所示。
表4 学习单元及学时分配
序号授课单元学习成果学时
1HTML5技术和CSS3技术L0116
2响应式开发技术L0216
3PHP技术应用L0312
4Ajax应用L036
5移动App开发L0410
6项目实战开发L054
（七）教学资源。本课程的教学资源有校级网络课程、
职教云平台的在线开放课程、慕课网、菜鸟教程网、视频
资源库、习题库、企业项目案例库等。
五、结语
在Web前端开发职业技能等级标准下，使HTML5程
序设计课程的教学更能满足用人单位对Web 前端开发的职
业能力要求，改变原有教学标准，引入OBE 理念，以学生
为中心，以成果导向为目标，以满足企业对学生的职业技
能要求设计各项能力指标，制定了HTML5程序设计的课
程标准。
参考文献
[1]工业和信息化部教育与考试中心.Web前端开发职业技能
等级标准[EB/OL].(2019-05-14)[2020-07-16].
cn/plus/view.php?aid=772
[2]王晓典，田文君，陈桂香，等.成果导向教育的理论内涵及
对高职教育改革的启示[J].职业技术教育,2018(8):26-31.
[3]李蓉，廖福保，罗小平，等.OBE软件技术人才培养课程体
系研究[J].广东农工商职业技术学院学报,2019(1):47-50.
基金项目：2018广东高校重点平台和科研项目——特
创新类项目（教育科研）“‘三空间联动、知技创融合’——
高职软件技术专业人才培养的创新实践”（项目编号：
rtscts2018GXJK325）；2019年广东农工商职业技术学院校级课
题——信息化教学在基于OBE的高职《Android应用开发》
课程中的应用（课题编号：XYYB1901）；2020年度广东
省普通高校重点科研平台和项目—基于深度学习的菠萝生
长态势预测模型研究(项目编号：2020ZDZX3092)解霸3000
（作者单位：广东农工商职业技术学院计算机学院）
续表
166
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议