基于應用型人才培養的《網頁設計》課堂教學改革研究

彭珊珊

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

關鍵詞：應用型人才培養；網頁設計；教學

中圖分類號：G642 文獻標識碼：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

隨著社會經濟的發展，用人單位對勞動力素質和技能水平的要求也越來越高，這就加大了社會對應用型人才的需求，有相關數據顯示，我國企業80%以上的高級專業崗位，需要的是應用型人才。因此，各高校有必要以人才需求為導向，加強對應用型人才的培養，促進學生基礎知識向應用能力的轉化，為社會輸送具有較強實踐能力的應用型人才。

《網頁設計》是一門具有實踐性和應用性都很強的課程，該門課程的教學必須與時俱進，甚至要有超前的意識。因此，《網頁設計》課程教學要緊密結合現代互聯網應用的需求，不斷進行創新，提高學生的實踐能力和技能水平。

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

1加強校企合作，修訂教學大綱，培養學生解決實際問題的能力

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

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

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

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

2）在教學內容方面

在整個教學過程中，除了教會學生基本的DREAMWEAVER、FIREWORKS、FLASH軟件的使用之外，常用的工具軟件也是必須涉及的，如：FSCapture截屏工具、“格式工廠”的格式轉換工具，甚至網上在線動態文字、圖標制作等便捷的方法也是需要向學生介紹的。

3）在教學側重點方面

Flash部分：除講解基本的動畫設計原理，還強調了動畫發布成swf、gif動畫的方法，以及如何將不同格式的動畫作品插入在網頁中的方法，實現動畫與網頁的完美結合；

DIV+CSS部分：注重培養學生根據網頁效果圖完美地將圖片設計成HTML網頁形式；

JAVASCRIPT部分：摒棄了傳統的語法教學，教會學生能將網上看到的網頁特效代碼進行修改，靈活地運用到自己的網頁中來。

只有加強校企合作，才能培養出真正能被企業所接受的高素質人才，也對高校的發展和改革起到了促進的作用。

2建設基于畢博平臺的《網頁設計》在線網絡課程，制作能激發學生創新創造的立體化課程資源

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

3采用“案例任務+微課視頻+翻轉課堂”相結合的教學模式開展創新學習活動

《網頁設計》傳統的教學方式是在機房上課，教師講一步，學生跟著做一步，教師再講，學生再做……整個教學過程以教師講授為主、學生被動聽課為輔，學生的積極性不高，培養出來的學生動手能力不強。因此有必要采用“案例任務+微課視頻+翻轉課堂”相結合的教學模式開展創新學習活動。

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

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

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

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

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

在整個教學過程中，教師除完成教學工作外，還需利用畢博平臺的統計功能查看學生進度，對學生學習過程進行統計、跟蹤，督促其完成相關任務，對其作品進行展示和互評，引導學生實現協作學習。

5 結束語

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

參考文獻：

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

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

[3] 楊小霞.網頁設計與制作課程中微課的教學應用分析[J].電腦知識與技術，2018，14（08）：191-192.