基于應(yīng)用型人才培養(yǎng)的《網(wǎng)頁設(shè)計》課堂教學(xué)改革研究

彭珊珊

摘要：《網(wǎng)頁設(shè)計》是電子商務(wù)專業(yè)的必修課，目前存在著各種問題不利于培養(yǎng)應(yīng)用型人才，因此本文從加強(qiáng)校企合作、修訂教學(xué)大綱入手，建設(shè)基于畢博平臺的《網(wǎng)頁設(shè)計》在線網(wǎng)絡(luò)課程，采用“案例任務(wù)+微課視頻+翻轉(zhuǎn)課堂”相結(jié)合的教學(xué)模式，給學(xué)生提供隨時實地的在線教育，并針對學(xué)生的學(xué)習(xí)情況給出中肯的評價。

關(guān)鍵詞：應(yīng)用型人才培養(yǎng)；網(wǎng)頁設(shè)計；教學(xué)

中圖分類號：G642 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2018）28-0156-02

Classroom Teaching Reform of “Web Design” Based on Cultivation of Applied Talents

PENG Shan-shan

（Hunan International Economics University， Changsha 410205， China）

Abstract： "Web Design" is a compulsory course for e-commerce majors. There are various problems that are not conducive to cultivating applied talents at present. Therefore， this paper starts with strengthening school-enterprise cooperation and revising the syllabus， and builds an online network of Web Design based on Blackboard platform. The course adopts a combination of “case task + micro-course video + flip classroom” to provide students with online education at any time， and gives a pertinent evaluation of the student's learning situation.

Key words： E-commerce Major； Web Design； teaching

隨著社會經(jīng)濟(jì)的發(fā)展，用人單位對勞動力素質(zhì)和技能水平的要求也越來越高，這就加大了社會對應(yīng)用型人才的需求，有相關(guān)數(shù)據(jù)顯示，我國企業(yè)80%以上的高級專業(yè)崗位，需要的是應(yīng)用型人才。因此，各高校有必要以人才需求為導(dǎo)向，加強(qiáng)對應(yīng)用型人才的培養(yǎng)，促進(jìn)學(xué)生基礎(chǔ)知識向應(yīng)用能力的轉(zhuǎn)化，為社會輸送具有較強(qiáng)實踐能力的應(yīng)用型人才。

《網(wǎng)頁設(shè)計》是一門具有實踐性和應(yīng)用性都很強(qiáng)的課程，該門課程的教學(xué)必須與時俱進(jìn)，甚至要有超前的意識。因此，《網(wǎng)頁設(shè)計》課程教學(xué)要緊密結(jié)合現(xiàn)代互聯(lián)網(wǎng)應(yīng)用的需求，不斷進(jìn)行創(chuàng)新，提高學(xué)生的實踐能力和技能水平。

本課程教學(xué)改革主要從以下幾方面開展：

1加強(qiáng)校企合作，修訂教學(xué)大綱，培養(yǎng)學(xué)生解決實際問題的能力

《網(wǎng)頁設(shè)計》是一門理論和實踐并重的課程，課程包含網(wǎng)頁策劃、創(chuàng)意、制作等內(nèi)容，具有一定的綜合性和復(fù)雜性。在以往的上課中主要是教師在網(wǎng)上搜集一些相關(guān)知識點的案例，通過任務(wù)引領(lǐng)型的項目活動，讓學(xué)生學(xué)習(xí)和掌握網(wǎng)頁設(shè)計的基本制作技巧，形成平面設(shè)計觀念和思維習(xí)慣。但是，這種教學(xué)方式總是達(dá)不到理想的教學(xué)效果，雖然學(xué)生都能做出一些企業(yè)或個人網(wǎng)站，但脫離了企業(yè)的實際需求做出來的網(wǎng)頁看起來很稚嫩，與企業(yè)的需求有很大的距離。因此，《網(wǎng)頁設(shè)計》課程教學(xué)改革的首要任務(wù)是打破傳統(tǒng)教學(xué)目標(biāo)僅僅停留在“知識掌握”的層面，學(xué)校應(yīng)加強(qiáng)與企業(yè)的合作，共同開發(fā)課程建設(shè)，重新梳理和分析課程的知識點，培養(yǎng)出畢業(yè)以后能真正勝任企業(yè)要求的人才。

例如我校電子商務(wù)專業(yè)已經(jīng)與“58到家”、“御泥坊”建立了校企合作關(guān)系，定期將學(xué)生送到企業(yè)進(jìn)行實習(xí)，并邀請企業(yè)有著豐富實踐經(jīng)驗的網(wǎng)頁設(shè)計工程師擔(dān)任課程教學(xué)工作。另外課題組成員與他們就《網(wǎng)頁設(shè)計》課程體系的改革進(jìn)行商討，分析本課程的課程核心能力和企業(yè)的實際需求，重新確定本課程的教學(xué)目標(biāo)，并以“創(chuàng)新、夠用、實踐”為原則，調(diào)整了原有知識點的順序、課程內(nèi)容和教學(xué)重點，如：

1）在知識點的順序安排方面

先講FLASH動畫設(shè)計，再講FIREWORKS 網(wǎng)頁效果圖設(shè)計，接著講DREAMWEAVER頁面布局，最后講添加網(wǎng)頁特效。這樣的安排既符合網(wǎng)頁設(shè)計的流程，也能吸引學(xué)生投入地學(xué)習(xí)該課程。

2）在教學(xué)內(nèi)容方面

在整個教學(xué)過程中，除了教會學(xué)生基本的DREAMWEAVER、FIREWORKS、FLASH軟件的使用之外，常用的工具軟件也是必須涉及的，如：FSCapture截屏工具、“格式工廠”的格式轉(zhuǎn)換工具，甚至網(wǎng)上在線動態(tài)文字、圖標(biāo)制作等便捷的方法也是需要向?qū)W生介紹的。

3）在教學(xué)側(cè)重點方面

Flash部分：除講解基本的動畫設(shè)計原理，還強(qiáng)調(diào)了動畫發(fā)布成swf、gif動畫的方法，以及如何將不同格式的動畫作品插入在網(wǎng)頁中的方法，實現(xiàn)動畫與網(wǎng)頁的完美結(jié)合；

DIV+CSS部分：注重培養(yǎng)學(xué)生根據(jù)網(wǎng)頁效果圖完美地將圖片設(shè)計成HTML網(wǎng)頁形式；

JAVASCRIPT部分：摒棄了傳統(tǒng)的語法教學(xué)，教會學(xué)生能將網(wǎng)上看到的網(wǎng)頁特效代碼進(jìn)行修改，靈活地運用到自己的網(wǎng)頁中來。

只有加強(qiáng)校企合作，才能培養(yǎng)出真正能被企業(yè)所接受的高素質(zhì)人才，也對高校的發(fā)展和改革起到了促進(jìn)的作用。

2建設(shè)基于畢博平臺的《網(wǎng)頁設(shè)計》在線網(wǎng)絡(luò)課程，制作能激發(fā)學(xué)生創(chuàng)新創(chuàng)造的立體化課程資源

在確定了課程的教學(xué)大綱后，課程內(nèi)容也應(yīng)做相應(yīng)的調(diào)整和資源擴(kuò)充，因此建設(shè)基于畢博平臺的《網(wǎng)頁設(shè)計》在線網(wǎng)絡(luò)課程就顯得尤為重要了。在該平臺，教師結(jié)合校企合作單位設(shè)計真實項目，并圍繞該項目提供足夠的網(wǎng)絡(luò)教學(xué)資源，如：教師精心制作的微課和PPT課件、電子教材、專家視頻、優(yōu)秀的網(wǎng)頁設(shè)計案例、精美的網(wǎng)頁模板和網(wǎng)頁特效、全面的網(wǎng)頁設(shè)計相關(guān)軟件工具等。學(xué)生可以隨時隨地訪問畢博平臺在線學(xué)習(xí)、測試或下載相關(guān)資源，在線組建學(xué)習(xí)團(tuán)隊和討論，實現(xiàn)了真實項目在線學(xué)習(xí)環(huán)境和未來作品的播放環(huán)境，也為翻轉(zhuǎn)課堂打下了堅實的基礎(chǔ)。

3采用“案例任務(wù)+微課視頻+翻轉(zhuǎn)課堂”相結(jié)合的教學(xué)模式開展創(chuàng)新學(xué)習(xí)活動

《網(wǎng)頁設(shè)計》傳統(tǒng)的教學(xué)方式是在機(jī)房上課，教師講一步，學(xué)生跟著做一步，教師再講，學(xué)生再做……整個教學(xué)過程以教師講授為主、學(xué)生被動聽課為輔，學(xué)生的積極性不高，培養(yǎng)出來的學(xué)生動手能力不強(qiáng)。因此有必要采用“案例任務(wù)+微課視頻+翻轉(zhuǎn)課堂”相結(jié)合的教學(xué)模式開展創(chuàng)新學(xué)習(xí)活動。

首先，采用案例教學(xué)。在授課過程中，通過結(jié)合校企合作企業(yè)的要求，師生共同設(shè)計項目，學(xué)生參與真實的項目，培養(yǎng)他們基本的職業(yè)素養(yǎng)和能力，讓他們提前體驗真實職場的工作任務(wù)、工作環(huán)境。在整個教學(xué)過程中，教師及時為學(xué)生提供個性化指導(dǎo)，注重對學(xué)習(xí)活動與學(xué)習(xí)情境的構(gòu)建，增加教學(xué)反饋環(huán)節(jié)，便于對教學(xué)活動進(jìn)行適當(dāng)?shù)恼{(diào)整與優(yōu)化，促使學(xué)生更好地完成對知識的理解。同時也鼓勵學(xué)生自主創(chuàng)業(yè)，通過學(xué)生自己的創(chuàng)業(yè)項目來激發(fā)他們的創(chuàng)新興趣，接著以這個真實項目為載體，讓學(xué)生自己組建團(tuán)隊，將《網(wǎng)頁設(shè)計》課程內(nèi)容嵌入到項目教學(xué)各個環(huán)節(jié)，學(xué)生從選題到頁面每一個欄目的設(shè)計都處在一個真實的工作狀態(tài)，教學(xué)過程即是一個完成項目的過程。同時邀請企業(yè)負(fù)責(zé)人對學(xué)生進(jìn)行網(wǎng)頁設(shè)計等方面的培訓(xùn)和講座，以便給予學(xué)生更專業(yè)性的指導(dǎo)。

其次，錄制微課視頻。由于《網(wǎng)頁設(shè)計》課程操作性很強(qiáng)，很多學(xué)生反映教師講課速度過快，或者他們聽了后面的操作要點卻又忘了前面的內(nèi)容，甚至過一段時間，很多簡單的操作全都忘了……針對這種情況，教師將重要案例的操作過程錄制成8-10分鐘的微課視頻放在畢博平臺供學(xué)生隨時在線觀看，并可以暫停、反復(fù)觀看，無疑是能提高教學(xué)效果的。

最后，采用翻轉(zhuǎn)課堂模式。結(jié)合《網(wǎng)頁設(shè)計》課程內(nèi)容，采用翻轉(zhuǎn)課堂模式，從課前、課中、課后三個方面進(jìn)行研究，并運用于實踐。課前自主學(xué)習(xí)環(huán)節(jié)：教師提供微課視頻讓學(xué)生提前預(yù)習(xí)；學(xué)生自主學(xué)習(xí)，觀看視頻并完成課前作業(yè)。課上知識內(nèi)化環(huán)節(jié)：教師集中解決學(xué)生課前預(yù)習(xí)遇到的問題，有針對性地布置課堂作業(yè)，實時指導(dǎo)；學(xué)生完成教師布置的課堂作業(yè)，遇到問題時和團(tuán)隊成員一起協(xié)商討論。課后項目實踐環(huán)節(jié)：教師進(jìn)行在線答疑，并跟蹤學(xué)習(xí)的學(xué)習(xí)情況；學(xué)生進(jìn)行真實項目的實踐，實現(xiàn)知識的融會貫通。

4利用畢博平臺的在線工具記錄過程、展示作品、相互評價

隨著課程目標(biāo)、教學(xué)模式和教學(xué)過程的改變，教學(xué)評價也應(yīng)是多元化的，因此，教師利用畢博平臺的在線工具記錄學(xué)生每個作品的進(jìn)行情況，包括學(xué)習(xí)進(jìn)度、討論次數(shù)、項目進(jìn)展、項目成員之間或師生之間的交流互動等。每完成一個項目，小組都將作品進(jìn)行展示，師生根據(jù)相應(yīng)的評價標(biāo)準(zhǔn)進(jìn)行在線評價，而學(xué)生對自己的作品也要進(jìn)行反思和修改，以此不斷提高其網(wǎng)頁設(shè)計水平。另外學(xué)生期末的成績由項目作品（占60%）、在線學(xué)習(xí)過程（占30%）和小組協(xié)作學(xué)習(xí)（占10%）組成，項目作品和協(xié)作學(xué)習(xí)的成績由教師評價和學(xué)生評價共同完成，在線學(xué)習(xí)過程由畢博平臺的成績管理系統(tǒng)自動生成。

在整個教學(xué)過程中，教師除完成教學(xué)工作外，還需利用畢博平臺的統(tǒng)計功能查看學(xué)生進(jìn)度，對學(xué)生學(xué)習(xí)過程進(jìn)行統(tǒng)計、跟蹤，督促其完成相關(guān)任務(wù)，對其作品進(jìn)行展示和互評，引導(dǎo)學(xué)生實現(xiàn)協(xié)作學(xué)習(xí)。

5 結(jié)束語

本文中提出的一系列改革措施目前已經(jīng)應(yīng)用到信息科學(xué)與工程學(xué)院電子商務(wù)專業(yè)的《網(wǎng)頁設(shè)計》課程教學(xué)中了，教學(xué)效果很好，學(xué)生的學(xué)習(xí)積極性得到了提高，具有一定的推廣價值，其研究方法對于其他平面設(shè)計類課程的教學(xué)改革也具有參考價值。

參考文獻(xiàn)：

[1] 張蕾，邱世鳳.對“研究與教學(xué)統(tǒng)一”原則的重審與重申——新建本科院校為應(yīng)用型人才培養(yǎng)而研究與教學(xué)[J].教育與教學(xué)研究，2018，32（4）：27-33+124.

[2] 徐禮生，高貴珍，趙亮，等.應(yīng)用型人才培養(yǎng)背景下實踐教學(xué)改革的研究[J].陰山學(xué)刊（自然科學(xué)版），2018，32（2）：118-119.

[3] 楊小霞.網(wǎng)頁設(shè)計與制作課程中微課的教學(xué)應(yīng)用分析[J].電腦知識與技術(shù)，2018，14（08）：191-192.