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

彭珊珊

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

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

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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

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

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

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

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

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

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

1）在知識(shí)點(diǎn)的順序安排方面

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4利用畢博平臺(tái)的在線工具記錄過程、展示作品、相互評(píng)價(jià)

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

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

5 結(jié)束語

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

參考文獻(xiàn)：

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

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

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