admin 管理员组文章数量: 1087135
2024年6月14日发(作者：jquery各个版本下载)
ELECTRONICS WORLD
・
探索与观察
OBE
理
念
下
的
Web
重
庆
第
前
二
师
范
端
学
院
设
李
计
宗
剑
课
程
教
学
改
革
•
16
•
1 Web前端设计课程现状
信息技术时代，互联网的发展，正
改变着人们的生活、生产方式，Web浏
览逐渐成为人们每天的“打卡”任务。
Web前端是以Web页面为载体，围绕
HTML、CSS、JavaScript基础技术进行
展开的技术生态体系。Web前端设计课
程，使学生在网站策划、网页设计、网
页制作、网页测试、网站发布的学习过
程中，熟悉Web前端设计的相关规范，
明确HTML、CSS、JavaScript的基础知
识和使用方法，为进一步学习Web前端
其它技术打下基础。
现阶段的Web前端设计课堂教学
中，老师依然唱主角，多教学方法配以
丰富的现代教育技术，学生平均学习效
果虽呈上升趋势，但依然存在不如人意
处，主要表现形式如下。第一，部分学
生对知识理解的深度不足。课堂案例由
代码构成，代码量普遍较大，为让学生
在有效的时间内尽可能多学技能，部分
教师采用程序填充的方式让学生书写代
码，带来的弊端是学生不能多角度、多
层次理解问题。第二，部分学生因编程
出现问题不能及时得到解决，从而影响
了学习的兴趣。当学生程序调试得不到
预期结果时，有些学生课堂上不愿意向
老师、同学求助，课后又不了了之，日
积月累影响了学习积极性。第三，缺乏
一定的学习监督机制。学生是否即时完
成了老师布置的学习任务，是否真正由
自己完成，完成的效果如何，缺乏相应
的评判准则。第四，知识不能内化。很
多学生虽然学习了课程，但很难设计出
让别人甚至让自己满意的作品，不能将
个人的想法充分表达并展示出来，即学
而不思，欠缺一个自主加工吸收知识的
过程。
为进一步奠定课程教学质量提升
的根基，实现建设“金课”的目标，将
OBE（Outcomes-based Education，缩写
为OBE）理念引入到Web前端设计课程
的教学改革中。OBE理念为人才培养和教育教学带来了一种
全新的质量文化。
2 Web前端设计课程改革
OBE理念的内涵可用简短的十二字概括，即“学生中
心”、“产出导向”、“持续改进”，关注学生通过教育过
程所取得的最后学习成果，教学过程活动关键环节应充分围
绕学习成果进行运行并建立保障机制。
2.1 课程目标
关于学习成果需明确的第一个问题是，我们想让学生取
得的学习成果是什么？它的确定应充分综合考虑教育利益相
关者各方的要求与期望。
关于学习成果需明确的第二个问题是，为什么要让学生
取得这样的学习成果？这是因为预期学习成果的取得则对应
学生预期能力结构的具备。
综合上述两个问题的答案，在充分调研Web前端开发
工程师岗位要求和往届毕业生的反馈信息，并结合专业培
养方案中课程对毕业要求应起的支撑作用，Web前端设计课
程新的教学目标被细分为三类，分别是知识目标、能力目
标、素质目标，具体描述如下。知识目标（目标1）：紧跟
Web前端设计的发展趋势，熟悉Web前端设计规范，熟练掌
握HTML5、CSS3、JavaScript的基础知识；能力目标（目标
2）：精通Web前端设计基本技能，能熟练使用开发工具合理
应用HTML5、CSS3、JavaScript设计和制作网页；素质目标
（目标3）：恪守网络信息发布与传播的基本规范和相关法
律法规，能顺利地与教师、同学进行网页的交流和讨论。其
中，目标1支撑的毕业要求是工程知识，目标2支撑的毕业要
求是设计/开发解决方案和使用现代工具，目标3支撑的毕业
要求是职业规范和沟通。
2.2 课程内容
“金课”不仅要促进学生知识的获得、能力的发展、素
质的养成，还要培养学生解决复杂问题的综合能力，该能力的
培养需贯穿课程整个教学过程活动的设计，总的设计原则体现
以学生为中心和复杂工程问题特征，具体形式灵活多样。
在融入OBE理念的课程目标指导下，以建设网站项目为
工作任务，搭建学习框架。首先解构课程内容，分解项目案
例，提取典型任务，设计教学单元；然后细化课程目标，设
定每个单元的知识点、技能点、素质点；最后整合、序化教
学内容，构建出课程内容体系。新的Web前端设计课程内容
共分9个单元，分别为：Web基础知识、网站策划、网页文档
创建、网页内容编辑、网页样式创建、网页样式设计、网页
元素定位、网页交互、网站发布。
针对每个课程目标，须配套设置能支撑其实现的教学环
ELECTRONICS WORLD
・
探索与观察
节。Web前端设计课程教学环节整体包括讲授、实验、课程
设计、企业工程师讲座等多种形式，每个单元针对细化后的
子目标选用不同形式的教学组合进行支撑。如网页文档创建
和网页内容编辑是关于HTML5的内容，涉及到三个课程目
标且对能力培养的支撑属于强相关，因此选用“讲授+实验
+课程设计+企业工程师讲座”的组合形式进行匹配，从而
支撑多种能力的培养。
2.3 课程实施
关于学习成果需明确的第三个问题是，如何有效地帮
助学生取得这些学习成果？这涉及到教学策略的转变，需要
从关注教师教转向关注学生学，从关注教学过程的输入转向
关注教学过程的输出，从“车厢”式教学转向个性化教学。
课程实施采用交互性强的教学方法，引导学生自行开展课程
学习，同时注重学生发散思维、创新思想、工程观点的培
养。因此，为Web前端设计课程建立起教学新体系，简称为
“1234”教学体系。
1条学习主线，以建设网站项目为工作任务，任务完成
顺序依次为，确定网站主题→收集各类素材→网页框架设计
→网页内容填充→网页样式修饰→添加网页交互→网站测试
发布，搭建起整个学习框架。改变以往“循序渐进”教学方
式为“阶跃式”教学方式，将课程内容分散到工作任务各节
点中，这些节点既有个人节点，又有团队小组节点，通过完
成对应的任务，让学生学会自己或组队填补一个个知识“间
隙”，跨上一个个知识“台阶”。
2个学习课堂，即真实的线下课堂+虚拟的线上课堂。
如今的学生，成长于互联网时代，互联网原住民是他们的标
签，重体验、爱交互、图便捷。将教案、课件、视频、作
业、测试题等学习资源上传到在线教学平台，让学生能够利
用碎片时间满足他们的个性浏览习惯，自主地开展学习，同
时丰富的在线活动可增加教师与学生，学生与学生间的交流
和讨论，从而让传统的线下课堂学习得到有效的延伸。线下
课堂一方面对线上任务完成情况进行评价、指导，引导学习
效果的持续改进，另一方面以引导式教学、启发式教学、师
生互动为主，对知识技能进一步升华，培养学生解决复杂工
程问题的思维，真正突出学生主角地位。
3个教学层次，分别是：基础知识、实践技能、应用提
高。其中，基础知识、实践技能，属于基本要求，分别对应
课堂上讲授和实验所要求学生必须达到的预期单元知识点和
能力点。基础知识指导实践技能，实践技能反过来验证基础
知识学习的正确性，两者紧密联系。按照培养学生解决复杂
工程问题能力的目标，一方面重新规划课程实验，减少验证
性实验，新增设计性实验，另一方面，新增应用提高层次，
教师根据学生在完成基本任务的基础上，设计个性化的拓展
问题，引导并鼓励学生通过自主学习来寻找解决方法，完成一个个难度
更大的进阶任务。
4个教学模块，分别是：基础知识模块、HTML模块、CSS模块、综
合应用模块。划分模块后，不同学习水平的学生可根据自己的实际情
况和需求，结合线上资源，选择对应的模块开展个性化的自主学习、
强化学习、深入学习等。如学有余力的同学常会在综合应用模块中，
对前端框架及移动Web应用开发作深入的学习，进而应用到个人网站作
品中。也有多次重复学习同一模块的同学，这时老师会介入进行一定的
个性化指导和帮助。
2.4 课程评价
关于学习成果需明确的第四个问题是，如何知道学生已经取得了这
些学习成果？这涉及到评价标准的制定，评价需聚焦于学习成果，而不
是学习内容、学习时间、学习方式等方面，关注学习成果的达成和个
体的进步，最终，具有不同学习能力的学生，将用不同的时间，通过
不同的途径和方式，可达到同一目标，从而让每个学生有机会证明自
己的所学。
总的来说，Web前端设计课程对学生的课程评价以基础知识和实践技
能层次考核为基础（权重30%），再结合学生通过渐进式学习最终达成的
学习成果（权重50%），最后辅以学生根据自身学习体验与自我成效的一
个综合学习报告（权重20%），共三部分组成。
基础知识的考核，随每个单元测任务，以客观性试题形式进行统
计，在线上课堂中完成。实践技能的考核，随每个工作任务节点，以主
观性代码编写作业形式，在线上课堂中完成，评分以教师+团队小组内互
评的方式开展。以完成建设网站项目所有工作任务节点的个人网站作品
作为最终达成的学习成果进行评价，其评价组成包括教师评价、团队小
组间学生互评和学生自评。
如上所述的评价组成，既有总结性评价，又有形成性评价，既有团
体评价，又有个人评价，既能对学生在课程的知识目标、能力目标、素
质目标达成情况进行客观、全面的评价，又能调动出学生学习的自主
积极性，还能把代码的编写过程变得更有趣味性，这充分体现了OBE
理念在课程评价环节的落实。评价结果既能反映课程目标的达成情
况，又为持续改进提供了参考依据。
在OBE理念下开展的Web前端设计课程教学改革，有效的改善了学
生培养质量，学生们对知识的理解和动手能力普遍有所提高。Web前端设
计的课程改革，从课程的目标、内容、实施、评价等方面做出探索性改
变，既是本门课程进行“金课”建设的有益尝试，又为Web前端开发类课
程群中其它课程的改革提供了借鉴性的参考。
基金项目：重庆市高等教育教学改革研究项目（编号：193252）。
作者简介：李宗剑（1981—），男，重庆人，博士，研究方向为计
算机视觉、计算机教育。
•
17
•
版权声明：本文标题：OBE理念下的Web前端设计课程教学改革 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1718365424a721018.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论