商鵬

【摘 要】《WEB開發(fā)基礎(chǔ)》課程的課程教學存在知識零散、理論與實踐脫節(jié)的問題，改革教學模式、完善教學體系、建立案例庫并以網(wǎng)絡(luò)教學為輔助，改進現(xiàn)有的教學方式，著重培養(yǎng)學生的動手實踐能力和自主學習能力，提高實踐工程應用能力。

【關(guān)鍵詞】WEB開發(fā)基礎(chǔ)；課程改革；工程能力

中圖分類號： 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開發(fā)基礎(chǔ)》課程是計算機科學與技術(shù)方向和軟件工程方向的專業(yè)基礎(chǔ)課程，自課程開設(shè)以來，對本課程的課程建設(shè)、教學探索和研究一直在進行，這些教學研究對于進一步加強學生的程序設(shè)計能力和工程實踐能力有重要意義。

1 課程教學現(xiàn)狀

《WEB開發(fā)基礎(chǔ)》是后續(xù)WEB開發(fā)相關(guān)課程的理論和實踐基礎(chǔ)，幫助學生具備較強的知識應用能力，是為培養(yǎng)從事軟件系統(tǒng)開發(fā)專業(yè)領(lǐng)域的工程技術(shù)人員而設(shè)置的技術(shù)基礎(chǔ)課程。本課程在計算機和軟件工程各專業(yè)開設(shè)，并配備相關(guān)的WEB開發(fā)基礎(chǔ)實訓。

課程教學目前多采用傳統(tǒng)的講授法和系統(tǒng)的學習，同時結(jié)合一些上機實踐來鞏固和熟悉課堂上所講的一些知識點。但是本課程的特點是更新、更快、內(nèi)容多，課時少，在授課內(nèi)容處理上除了要講授大量的基礎(chǔ)知識、基本概念外，還要涉及具體的應用、操作和實踐。學生在學習基礎(chǔ)知識的同時，必須具備較強的自學能力和應用能力，能夠?qū)⒒A(chǔ)知識應用到WEB開發(fā)中，并與后續(xù)課程相關(guān)知識密切結(jié)合，熟練使用。現(xiàn)有的教學體系和課程資料積累，對于學生實踐能力的提高和課程的發(fā)展有一定的制約，部分教學內(nèi)容較淺顯或理論與實踐脫節(jié)，課堂教學空洞、呆板，缺乏學習興趣，束縛學生的思維發(fā)展，使學生的動手能力較弱，在項目練習和實訓中不能夠更好的應用，在完成網(wǎng)站或網(wǎng)頁的設(shè)計時存在不知如何著手、無法實現(xiàn)頁面設(shè)計構(gòu)想、自我提高能力缺乏的現(xiàn)象。

2 課程建設(shè)目的意義

為了解決教學中存在的問題，改革目前的教學模式，建立較完善的課程體系，盡量采用案例教學，將頁面開發(fā)技術(shù)應用于實際案例，應用于實際的軟件開發(fā)中，最終達到讓學生能夠熟練使用相關(guān)技術(shù)，并與實踐開發(fā)結(jié)合的目的，鍛煉學生的實際操作水平、綜合分析能力及創(chuàng)新能力。

3 課程建設(shè)實施情況

本課程的改革從課程內(nèi)容、教學方式、考核方式、實驗教學、輔助教學等多方面進行了改革，努力克服課程授課中存在的問題，從授課、實驗和考核三方面著手，加強學生對基礎(chǔ)知識的掌握水平，提高學生的自主學習并應用到開發(fā)實踐中的能力。

3.1 完善課程內(nèi)容

對于教學內(nèi)容，從大綱、教案、課件等方面進行了修訂和完善。

第一，對教學內(nèi)容進行了調(diào)整和細分。將教學內(nèi)容的HTML、CSS和JavaScript三部分內(nèi)容進行了進一步細分，每一部分劃分多個知識板塊，做更進一步的講解。同時增加了WEB應用設(shè)計、網(wǎng)頁布局技術(shù)、前端框架技術(shù)的專題內(nèi)容，使內(nèi)容更貼近應用實踐，更加注重知識的綜合應用。

第二，重新對教學材料進行了修訂。更換了著重于應用實例和項目案例的教材，內(nèi)容更新，更貼近實際應用，選用了更多實例，使學生更好地將知識和實踐相關(guān)聯(lián)。同時選擇了更多的經(jīng)典國外教材和課外自學網(wǎng)站作為參考，使學生在學有余力的同時，可以對知識做更進一步的了解。

第三，對課程教案和課件進行了修訂。本課程內(nèi)容較松散，教授內(nèi)容涉及面廣、知識點多。綜合考慮課程特性，對課程教案和課件進行了修訂，將課程內(nèi)容劃分為五個模塊，分別為WEB基礎(chǔ)知識塊、HTML知識塊、CSS知識塊、JavaScript知識塊和綜合應用實例塊。在各個模塊中進行知識的進一步知識點劃分，以基礎(chǔ)知識開始，以應用結(jié)束。綜合應用模塊以專題內(nèi)容結(jié)合案例教學為主，以Web設(shè)計、頁面綜合布局和應用前端框架等技術(shù)為主，使學生對應用設(shè)計內(nèi)容做進一步的了解，以自學為輔助，重點培養(yǎng)學生的實踐應用能力。

3.2 改進實踐教學

完善和修訂實驗指導書，對實驗內(nèi)容進一步修訂，加大應用部分的實驗時間，增加了實驗的操作實例和思維實例，增加學生動手實踐的機會，加大對學生設(shè)計能力的鍛煉。實驗與案例結(jié)合，保證學生的實踐時間，使學生更好地得到鍛煉，進一步鍛煉學生的綜合應用能力。

3.3 改進考核方式

對課程考核大綱進行了修訂，在考核大綱中修改了對部分次要知識的考核力度，加大了對HTML、CSS和JavaScript技術(shù)綜合應用的考察。建立了試題庫和案例庫，試題庫設(shè)計試題包括客觀題和主觀題，通過客觀題和主觀設(shè)計題兩方面，既考察學生的動手能力和動手經(jīng)驗，又考察學生的設(shè)計和實現(xiàn)能力，并允許通過大作業(yè)和上機實踐的方式進行實踐考核，考核學生的綜合應用能力。注重綜合應用設(shè)計題目的考察力度。在教學經(jīng)驗、實訓和應用實踐的基礎(chǔ)上，精心選擇多個案例，作為學生實踐鍛煉的項目。根據(jù)學生的學習水平和學習能力，案例分不同的難度層次，可根據(jù)具體情況選擇合適案例進行實踐，綜合考察學生對HTML、CSS和JavaScript技術(shù)的綜合應用能力，以及其各自在應用中發(fā)揮的作用。

3.4 建立網(wǎng)絡(luò)教學平臺，輔助教學工作

充分利用學校的在線教學平臺，共享教學資源，將教學計劃、教學內(nèi)容、自學任務和課后作業(yè)等及時發(fā)布，幫助學生更好地學習。將教師資源同學生共享，主動與學生進行網(wǎng)絡(luò)互動，利用各種溝通交流工具，進行問題答疑、學習溝通和意見反饋等，幫助學生實現(xiàn)課外主動學習的目標。

4 課程改革特色

（1）完善了教學體系和教學資源。通過努力，形成一致的教學思路和體系，形成了統(tǒng)一的教學大綱、實驗指導、自學指導、資源平臺、考核大綱等，明確以實例和案例為主的教學實施方案，形成教學、輔導、自學一體的教學體系。

（2）進一步實現(xiàn)理論課程案例化教學，不僅將案例教學貫穿教學的主要內(nèi)容，而且實現(xiàn)實際案例輔助教學，學生自主學習等。通過案例教學和實踐，深化學生對知識的理解和掌握，幫助學生具備更扎實的基礎(chǔ)，以便更好地學習后續(xù)的技術(shù)課程，并為工程化實踐能力奠定基礎(chǔ)。

（3）與企業(yè)達成聯(lián)合培養(yǎng)協(xié)議，在本課程的教學中與企業(yè)教師共同參與本課程的教學、實驗和實踐環(huán)節(jié)，并注重參考其教學方法和形式，進一步保證教學與實踐緊密聯(lián)系。

通過課程建設(shè)和改革，為《Web開發(fā)基礎(chǔ)》課程提供了網(wǎng)絡(luò)學習平臺與各項教學資源。在《Web開發(fā)基礎(chǔ)》的教學實踐中，能以已有的系統(tǒng)分析、整體設(shè)計、詳細設(shè)計等軟件工程文檔以及UML模型，為其提供相應的Web前端設(shè)計，完成基于HTML、CSS、JavaScript等前端技術(shù)的編碼實現(xiàn)，從而形成了與其它課程的緊密協(xié)作，提高學生的Web前端設(shè)計實踐能力。

5 總結(jié)

在后續(xù)的教學工作中，我們將進一步探索和改進本課程的教學思路和教學方法，增加教學資源和實踐機會，通過課堂教學和網(wǎng)絡(luò)資源相結(jié)合的方式更好的幫助學生學習。同時，與其他課程結(jié)合，形成銜接緊密的統(tǒng)一的教學、實驗和實訓體系，課程間承前啟后，相輔相成，互為基礎(chǔ)，幫助學生更好的完成學習與實踐的結(jié)合。

【參考文獻】

[1]劉蕾，劉冰月.Web前端課程的知識體系和教學實踐[J].軟件工程，2018，21（6）：50-52.

[2]段壽建，楊艷麗.基于CDIO的Web開發(fā)技術(shù)課程教學改革研究與實踐[J].計算機時代，2015（8）：71-72.

[3]徐輝，高榮.“jQuery Web前端開發(fā)應用技術(shù)”課程教學實踐探索[J].福建電腦，2017（11）：61-62.