《WEB开发基础》课程改革探讨

商鹏

【摘 要】《WEB开发基础》课程的课程教学存在知识零散、理论与实践脱节的问题，改革教学模式、完善教学体系、建立案例库并以网络教学为辅助，改进现有的教学方式，着重培养学生的动手实践能力和自主学习能力，提高实践工程应用能力。

【关键词】WEB开发基础；课程改革；工程能力

中图分类号： TP393.09-4；G642.3 文献标识码： A 文章编号： 2095-2457（2018）36-0164-002

DOI：10.19694/j.cnki.issn2095-2457.2018.36.068

The course reform discussion on WEB Development Foundation

SHANG Peng

（College of Computer Science and Technology， ShanDong University of Technology， Zibo Shandong 255049， China）

【Abstract】There are some problems in the teaching of WEB Development Foundation course， such as scattered knowledge， disconnection between theory and practice. We should reform the teaching mode， perfect the teaching system， set up a case base and use the network teaching as the assistant to improve the existing teaching methods， focus on training students'practical ability and self-learning ability， and improve their practical engineering application ability.

【Key words】The course reform discussion on WEB Development Foundation；Curriculum Revolution；Engineering ability

0 引言

《WEB開发基础》课程是计算机科学与技术方向和软件工程方向的专业基础课程，自课程开设以来，对本课程的课程建设、教学探索和研究一直在进行，这些教学研究对于进一步加强学生的程序设计能力和工程实践能力有重要意义。

1 课程教学现状

《WEB开发基础》是后续WEB开发相关课程的理论和实践基础，帮助学生具备较强的知识应用能力，是为培养从事软件系统开发专业领域的工程技术人员而设置的技术基础课程。本课程在计算机和软件工程各专业开设，并配备相关的WEB开发基础实训。

课程教学目前多采用传统的讲授法和系统的学习，同时结合一些上机实践来巩固和熟悉课堂上所讲的一些知识点。但是本课程的特点是更新、更快、内容多，课时少，在授课内容处理上除了要讲授大量的基础知识、基本概念外，还要涉及具体的应用、操作和实践。学生在学习基础知识的同时，必须具备较强的自学能力和应用能力，能够将基础知识应用到WEB开发中，并与后续课程相关知识密切结合，熟练使用。现有的教学体系和课程资料积累，对于学生实践能力的提高和课程的发展有一定的制约，部分教学内容较浅显或理论与实践脱节，课堂教学空洞、呆板，缺乏学习兴趣，束缚学生的思维发展，使学生的动手能力较弱，在项目练习和实训中不能够更好的应用，在完成网站或网页的设计时存在不知如何着手、无法实现页面设计构想、自我提高能力缺乏的现象。

2 课程建设目的意义

为了解决教学中存在的问题，改革目前的教学模式，建立较完善的课程体系，尽量采用案例教学，将页面开发技术应用于实际案例，应用于实际的软件开发中，最终达到让学生能够熟练使用相关技术，并与实践开发结合的目的，锻炼学生的实际操作水平、综合分析能力及创新能力。

3 课程建设实施情况

本课程的改革从课程内容、教学方式、考核方式、实验教学、辅助教学等多方面进行了改革，努力克服课程授课中存在的问题，从授课、实验和考核三方面着手，加强学生对基础知识的掌握水平，提高学生的自主学习并应用到开发实践中的能力。

3.1 完善课程内容

对于教学内容，从大纲、教案、课件等方面进行了修订和完善。

第一，对教学内容进行了调整和细分。将教学内容的HTML、CSS和JavaScript三部分内容进行了进一步细分，每一部分划分多个知识板块，做更进一步的讲解。同时增加了WEB应用设计、网页布局技术、前端框架技术的专题内容，使内容更贴近应用实践，更加注重知识的综合应用。

第二，重新对教学材料进行了修订。更换了着重于应用实例和项目案例的教材，内容更新，更贴近实际应用，选用了更多实例，使学生更好地将知识和实践相关联。同时选择了更多的经典国外教材和课外自学网站作为参考，使学生在学有余力的同时，可以对知识做更进一步的了解。

第三，对课程教案和课件进行了修订。本课程内容较松散，教授内容涉及面广、知识点多。综合考虑课程特性，对课程教案和课件进行了修订，将课程内容划分为五个模块，分别为WEB基础知识块、HTML知识块、CSS知识块、JavaScript知识块和综合应用实例块。在各个模块中进行知识的进一步知识点划分，以基础知识开始，以应用结束。综合应用模块以专题内容结合案例教学为主，以Web设计、页面综合布局和应用前端框架等技术为主，使学生对应用设计内容做进一步的了解，以自学为辅助，重点培养学生的实践应用能力。

3.2 改进实践教学

完善和修订实验指导书，对实验内容进一步修订，加大应用部分的实验时间，增加了实验的操作实例和思维实例，增加学生动手实践的机会，加大对学生设计能力的锻炼。实验与案例结合，保证学生的实践时间，使学生更好地得到锻炼，进一步锻炼学生的综合应用能力。

3.3 改进考核方式

对课程考核大纲进行了修订，在考核大纲中修改了对部分次要知识的考核力度，加大了对HTML、CSS和JavaScript技术综合应用的考察。建立了试题库和案例库，试题库设计试题包括客观题和主观题，通过客观题和主观设计题两方面，既考察学生的动手能力和动手经验，又考察学生的设计和实现能力，并允许通过大作业和上机实践的方式进行实践考核，考核学生的综合应用能力。注重综合应用设计题目的考察力度。在教学经验、实训和应用实践的基础上，精心选择多个案例，作为学生实践锻炼的项目。根据学生的学习水平和学习能力，案例分不同的难度层次，可根据具體情况选择合适案例进行实践，综合考察学生对HTML、CSS和JavaScript技术的综合应用能力，以及其各自在应用中发挥的作用。

3.4 建立网络教学平台，辅助教学工作

充分利用学校的在线教学平台，共享教学资源，将教学计划、教学内容、自学任务和课后作业等及时发布，帮助学生更好地学习。将教师资源同学生共享，主动与学生进行网络互动，利用各种沟通交流工具，进行问题答疑、学习沟通和意见反馈等，帮助学生实现课外主动学习的目标。

4 课程改革特色

（1）完善了教学体系和教学资源。通过努力，形成一致的教学思路和体系，形成了统一的教学大纲、实验指导、自学指导、资源平台、考核大纲等，明确以实例和案例为主的教学实施方案，形成教学、辅导、自学一体的教学体系。

（2）进一步实现理论课程案例化教学，不仅将案例教学贯穿教学的主要内容，而且实现实际案例辅助教学，学生自主学习等。通过案例教学和实践，深化学生对知识的理解和掌握，帮助学生具备更扎实的基础，以便更好地学习后续的技术课程，并为工程化实践能力奠定基础。

（3）与企业达成联合培养协议，在本课程的教学中与企业教师共同参与本课程的教学、实验和实践环节，并注重参考其教学方法和形式，进一步保证教学与实践紧密联系。

通过课程建设和改革，为《Web开发基础》课程提供了网络学习平台与各项教学资源。在《Web开发基础》的教学实践中，能以已有的系统分析、整体设计、详细设计等软件工程文档以及UML模型，为其提供相应的Web前端设计，完成基于HTML、CSS、JavaScript等前端技术的编码实现，从而形成了与其它课程的紧密协作，提高学生的Web前端设计实践能力。

5 总结

在后续的教学工作中，我们将进一步探索和改进本课程的教学思路和教学方法，增加教学资源和实践机会，通过课堂教学和网络资源相结合的方式更好的帮助学生学习。同时，与其他课程结合，形成衔接紧密的统一的教学、实验和实训体系，课程间承前启后，相辅相成，互为基础，帮助学生更好的完成学习与实践的结合。

【参考文献】

[1]刘蕾，刘冰月.Web前端课程的知识体系和教学实践[J].软件工程，2018，21（6）：50-52.

[2]段寿建，杨艳丽.基于CDIO的Web开发技术课程教学改革研究与实践[J].计算机时代，2015（8）：71-72.

[3]徐辉，高荣.“jQuery Web前端开发应用技术”课程教学实践探索[J].福建电脑，2017（11）：61-62.