《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.