移動(dòng)學(xué)習(xí)環(huán)境下高職網(wǎng)頁美工課程教學(xué)策略研究

楊忠儀 黃衛(wèi)純

摘 ?要：隨著4G網(wǎng)絡(luò)和無線網(wǎng)絡(luò)的普及，移動(dòng)學(xué)習(xí)已逐漸成為趨勢(shì)。該文通過把移動(dòng)學(xué)習(xí)融入課堂教學(xué)，探索了移動(dòng)學(xué)習(xí)環(huán)境下高職學(xué)院網(wǎng)頁美工課程教學(xué)策略。網(wǎng)頁美工教學(xué)中以學(xué)生為主體，把移動(dòng)學(xué)習(xí)融入課堂教學(xué)，激發(fā)了學(xué)生學(xué)習(xí)興趣;以任務(wù)驅(qū)動(dòng)，設(shè)計(jì)分層學(xué)習(xí)任務(wù)，逐步提升了學(xué)生的知識(shí)遷移能力;通過開展分組活動(dòng)，培養(yǎng)了學(xué)生團(tuán)體合作能力;通過對(duì)學(xué)生學(xué)習(xí)過程全評(píng)價(jià)，提升了學(xué)生學(xué)習(xí)的自信心和獲得感。網(wǎng)頁美工教學(xué)在超星學(xué)習(xí)通移動(dòng)學(xué)習(xí)平臺(tái)上經(jīng)過了3個(gè)教學(xué)周期實(shí)踐，取得了良好的教學(xué)效果。

關(guān)鍵詞：移動(dòng)學(xué)習(xí) ?高職院校 ?網(wǎng)頁美工 ?教學(xué)策略

中圖分類號(hào)：G712 ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1672-3791（2021）03（a）-0161-04

Research on Teaching Strategies of Web Art Courses in Higher Vocational colleges under Mobile Learning Environment

YANG Zhongyi ?HUANG Weichun

（Hunan Vocational College of commerce， Changsha， Hunan Province， 410205 ?China）

Abstract： With the popularity of 4G networks and wireless networks， mobile learning has gradually become a trend. By integrating mobile learning into classroom teaching， the article explores the teaching strategies of web art courses in higher vocational colleges in a mobile learning environment. In web art teaching， students are the main body， mobile learning is integrated into classroom teaching， which stimulates students' interest in learning; task-driven， hierarchical learning tasks are designed， and students' knowledge transfer ability is gradually improved; student groups are cultivated through group activities cooperative ability; Through the full evaluation of students' learning process， students' self-confidence and sense of gain in learning are improved. Web page art teaching has gone through three teaching cycles on the Chaoxing superstar learning platform and achieved good teaching results.

Key words： Mobile learning; Vocational colleges; Web art; teaching strategy

《網(wǎng)頁美工》課程是湖南商務(wù)職業(yè)技術(shù)學(xué)院電子商務(wù)專業(yè)群的一門共享課程，也是專業(yè)必修課程，主要培養(yǎng)學(xué)生掌握網(wǎng)頁美工及電商美工崗位所需的專業(yè)技能，并能獨(dú)立完成產(chǎn)品修圖及網(wǎng)頁頁面設(shè)計(jì)制作，學(xué)生畢業(yè)后可勝任淘寶美工、網(wǎng)頁美工等工作崗位。一方面電商發(fā)展勢(shì)頭迅猛，傳統(tǒng)的課程教學(xué)內(nèi)容、教學(xué)資源不能滿足企業(yè)人才技能需求，單一的教學(xué)方式也不利于教育信息化技術(shù)的推廣;另一方面學(xué)生學(xué)習(xí)缺乏主動(dòng)性，重模仿、輕思考，創(chuàng)新能力和審美能力較弱，這與企業(yè)人才技能需求存在差距。高職院校如何培養(yǎng)出上崗就能上手的網(wǎng)頁美工設(shè)計(jì)人員是我們亟需研究的課題。

1 ?移動(dòng)學(xué)習(xí)與移動(dòng)學(xué)習(xí)平臺(tái)

2000年國際遠(yuǎn)程教育權(quán)威Desmond Keegan將移動(dòng)學(xué)習(xí)的理念帶入中國，在教育界產(chǎn)生了很大反響[1]。移動(dòng)學(xué)習(xí)是在數(shù)字化學(xué)習(xí)和移動(dòng)技術(shù)結(jié)合的產(chǎn)物，學(xué)習(xí)者通過使用用移動(dòng)通信技術(shù)和移動(dòng)通信設(shè)備，隨時(shí)隨地獲取教育資訊和服務(wù)的學(xué)習(xí)新方式。它有著學(xué)習(xí)對(duì)象多元化、地點(diǎn)隨意性、時(shí)間不確定和資源廣泛化等特征[2]。隨著移動(dòng)網(wǎng)絡(luò)和無線網(wǎng)絡(luò)的普及，越來越多的用戶利用手機(jī)等移動(dòng)設(shè)備訪問互聯(lián)網(wǎng)，學(xué)生們已經(jīng)習(xí)慣了通過智能終端上網(wǎng)、購物、訂餐，也有使用其進(jìn)行知識(shí)學(xué)習(xí)的需要，移動(dòng)學(xué)習(xí)能夠滿足碎片化學(xué)習(xí)的需求。“移動(dòng)學(xué)習(xí)”正影響著當(dāng)代高職學(xué)生的學(xué)習(xí)與生活[1]。

各種移動(dòng)學(xué)習(xí)平臺(tái)和學(xué)習(xí)類APP的興起，給“互聯(lián)網(wǎng)+教育”注入了活力。目前，比較流行的移動(dòng)學(xué)習(xí)平臺(tái)有超星學(xué)習(xí)通、藍(lán)墨云班課等。通過移動(dòng)學(xué)習(xí)平臺(tái)，一方面，學(xué)生可以通過智能手機(jī)等移動(dòng)終端或電腦上完成簽到、任務(wù)點(diǎn)學(xué)習(xí)、作業(yè)上傳和問題討論等活動(dòng)，查看自己學(xué)習(xí)情況;另一方面，教師依托這個(gè)平臺(tái)上傳相關(guān)的教學(xué)資源，如音頻視頻、教案講義等，布置作業(yè)、主題討論、分組任務(wù)等學(xué)習(xí)任務(wù)，實(shí)時(shí)查看學(xué)生的學(xué)習(xí)情況[2]。

2 ?移動(dòng)學(xué)習(xí)環(huán)境下高職網(wǎng)頁美工課程教學(xué)策略

該文通過把移動(dòng)學(xué)習(xí)融入課堂教學(xué)，探索了移動(dòng)學(xué)習(xí)環(huán)境下高職學(xué)院網(wǎng)頁美工課程教學(xué)策略，在湖南商務(wù)職業(yè)技術(shù)學(xué)院電子商務(wù)專業(yè)群中進(jìn)行了應(yīng)用，取得了良好的教學(xué)效果。

2.1 構(gòu)建“以學(xué)生為中心”的教學(xué)結(jié)構(gòu)，激活學(xué)生學(xué)習(xí)主觀能動(dòng)性

傳統(tǒng)高職課堂教學(xué)是“以教師為中心”的，教師通過在課堂上演示講解、學(xué)生被動(dòng)學(xué)做練，很難讓學(xué)生有思考的空間。隨著信息技術(shù)和教學(xué)的融合，通過搭建包括“線上學(xué)習(xí)”“移動(dòng)學(xué)習(xí)”等在內(nèi)的混合式學(xué)習(xí)環(huán)境，網(wǎng)頁美工課程教學(xué)要?jiǎng)?chuàng)建以“學(xué)生為中心”的教學(xué)結(jié)構(gòu)，強(qiáng)調(diào)學(xué)生的能力本位、發(fā)展本位。教師通過運(yùn)用豐富的數(shù)字資源與新型信息技術(shù)手段讓學(xué)生多開展一些自主探究、合作交流學(xué)習(xí)活動(dòng)，培養(yǎng)學(xué)生主動(dòng)學(xué)、自主學(xué)、合作學(xué)的意識(shí)，提升學(xué)生的學(xué)習(xí)能力、專業(yè)能力和協(xié)作能力。

2.2 尊重學(xué)生個(gè)體差異，設(shè)計(jì)分層學(xué)習(xí)任務(wù)

教師要把握網(wǎng)頁美工總體課程學(xué)習(xí)目標(biāo)的框架上，對(duì)教學(xué)內(nèi)容進(jìn)行認(rèn)真細(xì)致的分析，然后根據(jù)該校教學(xué)資源、師資狀況和學(xué)生接受能力來設(shè)計(jì)學(xué)習(xí)任務(wù)，把每一個(gè)學(xué)習(xí)模塊的內(nèi)容分解成一系列容易掌握的小“學(xué)習(xí)任務(wù)”，通過完成這些小“學(xué)習(xí)任務(wù)”來實(shí)現(xiàn)總體學(xué)習(xí)目標(biāo)。尊重學(xué)生個(gè)體差異，滿足不同層次學(xué)生的學(xué)習(xí)需求，在教學(xué)設(shè)計(jì)中將學(xué)習(xí)目標(biāo)分為合適的基礎(chǔ)目標(biāo)和進(jìn)階目標(biāo)兩個(gè)層次，來設(shè)計(jì)具有一定難易區(qū)分度的“學(xué)習(xí)任務(wù)”，讓所有學(xué)生能完成基礎(chǔ)目標(biāo)對(duì)應(yīng)的學(xué)習(xí)任務(wù)，而讓掌握程度較好的學(xué)生可以接著完成進(jìn)階目標(biāo)對(duì)應(yīng)的學(xué)習(xí)任務(wù)。學(xué)生在獨(dú)立或以小組形式完成學(xué)習(xí)任務(wù)的過程中，學(xué)會(huì)查閱相關(guān)學(xué)習(xí)資源，制定自己的工作學(xué)習(xí)計(jì)劃，加強(qiáng)與老師、同學(xué)合作交流，從而提高自身的知識(shí)遷移能力，促進(jìn)自身職業(yè)能力的發(fā)展[3]。

2.3 建設(shè)移動(dòng)學(xué)習(xí)平臺(tái)課程資源，實(shí)現(xiàn)移動(dòng)學(xué)習(xí)與課堂教學(xué)的融合

通過選擇合適的移動(dòng)網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，制作適合移動(dòng)學(xué)習(xí)的課程資源，把網(wǎng)頁美工網(wǎng)絡(luò)課堂教學(xué)分成課前準(zhǔn)備、課中教學(xué)、課后拓展3個(gè)過程來組織教學(xué)，實(shí)現(xiàn)移動(dòng)學(xué)習(xí)與課堂教學(xué)的融合，圖1為教學(xué)總體框架。課程資源一般包括微視頻、教案、案例、試題、行業(yè)標(biāo)準(zhǔn)、閱讀文檔、學(xué)生作品等。預(yù)先把課程資源上傳至移動(dòng)學(xué)習(xí)平臺(tái)，促進(jìn)學(xué)生進(jìn)行個(gè)性化的自主學(xué)習(xí)，可以大大提高課堂教學(xué)的效率和質(zhì)量[4]。

2.4 注重學(xué)生學(xué)習(xí)過程，構(gòu)建反映學(xué)生實(shí)踐能力的多維評(píng)價(jià)體系

將網(wǎng)頁美工教學(xué)實(shí)踐中的各個(gè)環(huán)節(jié)與過程性評(píng)價(jià)相結(jié)合，通過自動(dòng)或半自動(dòng)方式采集學(xué)生學(xué)習(xí)過程相關(guān)數(shù)據(jù)，采用大數(shù)據(jù)分析與處理方法，形成反映學(xué)生實(shí)踐能力的多維評(píng)價(jià)體系，進(jìn)而準(zhǔn)確地對(duì)學(xué)生在知識(shí)、技能、能力、態(tài)度等方面進(jìn)行評(píng)價(jià)。傳統(tǒng)評(píng)價(jià)體系中多采取教師評(píng)價(jià)與學(xué)生自評(píng)、互評(píng)的方式，因此評(píng)價(jià)主體主要為教師、學(xué)生。但無論是教師還是學(xué)生，其評(píng)價(jià)過程的主觀性都較強(qiáng)，有時(shí)還存在一定的隨意性。將大數(shù)據(jù)技術(shù)引入過程性評(píng)價(jià)，利用移動(dòng)學(xué)習(xí)平臺(tái)及App、電子教學(xué)系統(tǒng)等實(shí)時(shí)、自動(dòng)地采集網(wǎng)頁美工課程學(xué)習(xí)數(shù)據(jù)，通過數(shù)據(jù)分析轉(zhuǎn)化為可視化的過程性教學(xué)評(píng)價(jià)。

網(wǎng)頁美工課程教學(xué)評(píng)價(jià)采用過程性評(píng)價(jià)為主，終結(jié)性評(píng)價(jià)為輔的多維評(píng)價(jià)方案，能增強(qiáng)學(xué)生在學(xué)習(xí)過程中的參與感和獲得感，樹立學(xué)習(xí)的自信心。

2.5 移動(dòng)學(xué)習(xí)環(huán)境下高職網(wǎng)頁美工課程教學(xué)實(shí)踐

隨著學(xué)院校園無線網(wǎng)的運(yùn)營，該校教師開始把移動(dòng)學(xué)習(xí)融入網(wǎng)頁美工課程教學(xué)中，在超星學(xué)習(xí)通移動(dòng)學(xué)習(xí)平臺(tái)上開設(shè)網(wǎng)絡(luò)課程。下面以《網(wǎng)頁美工》中“網(wǎng)頁banner設(shè)計(jì)”為例，展示移動(dòng)學(xué)習(xí)環(huán)境下高職“網(wǎng)頁美工”課程混合式教學(xué)策略實(shí)踐。課程教學(xué)開始前首先需要教師做大量的前期準(zhǔn)備工作，需要在平臺(tái)上建立網(wǎng)頁美工網(wǎng)絡(luò)課程和教學(xué)團(tuán)隊(duì)，導(dǎo)入授課學(xué)生名單，并設(shè)定各學(xué)習(xí)項(xiàng)的分值。按移動(dòng)學(xué)習(xí)的特點(diǎn)整理課程學(xué)習(xí)知識(shí)點(diǎn)，進(jìn)行教學(xué)方案設(shè)計(jì)，制作課件等資源并上傳平臺(tái)，并在課前發(fā)布學(xué)習(xí)通知，學(xué)生在下載移動(dòng)端學(xué)習(xí)通APP后就可以登錄學(xué)習(xí)。

2.5.1 課前準(zhǔn)備

課前在學(xué)習(xí)通上發(fā)布學(xué)習(xí)通知：（1）評(píng)價(jià)以前學(xué)生設(shè)計(jì)的banner作品;（2）班級(jí)學(xué)生分組，6人一組并任命一名綜合素質(zhì)較高的同學(xué)為設(shè)計(jì)總監(jiān)（組長），設(shè)置了分組任務(wù)，通過小組合作完成一個(gè)網(wǎng)頁banner設(shè)計(jì)任務(wù);（3）預(yù)習(xí)學(xué)習(xí)內(nèi)容，并將PPT、微視頻作為學(xué)習(xí)任務(wù)點(diǎn)。學(xué)生登錄后根據(jù)要求自主學(xué)習(xí)，記錄疑問點(diǎn)，發(fā)起話題討論或參加小組討論，學(xué)習(xí)通自動(dòng)記錄其參與學(xué)習(xí)的情況，并賦予學(xué)生相應(yīng)的學(xué)習(xí)分值。通過設(shè)置課前準(zhǔn)備環(huán)節(jié)，教師通過分析學(xué)生的課前學(xué)習(xí)情況和梳理學(xué)生的問題，調(diào)整課堂教學(xué)策略。

2.5.2 課中教學(xué)

這個(gè)階段分5個(gè)環(huán)節(jié)來完成，具體如下。

（1）導(dǎo)入工作情境。教師通過極域電子教學(xué)系統(tǒng)展示超星學(xué)習(xí)通上上一次學(xué)生完成的網(wǎng)頁banner 設(shè)計(jì)作品;然后通過超星學(xué)習(xí)通的選人活動(dòng)，請(qǐng)學(xué)生分析作品的優(yōu)劣;引入該節(jié)課的學(xué)習(xí)重點(diǎn)——網(wǎng)頁banner的設(shè)計(jì)原則、構(gòu)圖方式和配色方法。教師宣布以組為單位完成客戶的網(wǎng)頁banner設(shè)計(jì)招標(biāo)任務(wù)。教師通過電子教室教學(xué)系統(tǒng)發(fā)布網(wǎng)banner設(shè)計(jì)招標(biāo)任務(wù)并講解網(wǎng)頁banner設(shè)計(jì)招標(biāo)任務(wù)的具體要求，介紹學(xué)生工作頁、教輔資源和評(píng)價(jià)激勵(lì)措施。這個(gè)環(huán)節(jié)讓學(xué)生了解今天學(xué)習(xí)目標(biāo)，幫助學(xué)生更好地進(jìn)入學(xué)習(xí)狀態(tài)，激發(fā)學(xué)生學(xué)習(xí)新知識(shí)、新技能的期望，產(chǎn)生學(xué)習(xí)的內(nèi)部動(dòng)力[5]。

（2）分析客戶招標(biāo)任務(wù)書。在組長的帶領(lǐng)下，各小組可以借助學(xué)習(xí)通上學(xué)習(xí)資源自主學(xué)習(xí)和小組討論，在任務(wù)工作頁“任務(wù)1分析客戶招標(biāo)任務(wù)書”填寫banner的尺寸、產(chǎn)品所屬類目、廣告文案、客戶偏好以及其他要求，完成并提交。教師根據(jù)各小組完成的效率和完成質(zhì)量給予加分獎(jiǎng)勵(lì)，然后展示各小組學(xué)生工作頁，選擇點(diǎn)評(píng)學(xué)生工作頁，讓學(xué)生掌握從哪些方面來分析客戶的設(shè)計(jì)需求以及怎么做好前期的溝通和準(zhǔn)備。

（3）確定banner設(shè)計(jì)方案。在限定的時(shí)間內(nèi)，在組長的帶領(lǐng)下，各小組通過自主學(xué)習(xí)和小組討論，確定banner設(shè)計(jì)的方案名稱、風(fēng)格定位、顏色搭配（主體色、背景色、文案顏色、配色及比例）、構(gòu)圖方式等，并繪制構(gòu)圖草圖，填寫和提交工作頁“任務(wù)2 確定Banner設(shè)計(jì)方案”。教師對(duì)各小組完成的效率和完成質(zhì)量給予加分獎(jiǎng)勵(lì)，然后展示各小組banner設(shè)計(jì)方案，選擇點(diǎn)評(píng)小組提交的Banner設(shè)計(jì)方案。

（4）完成banner設(shè)計(jì)。在限定的時(shí)間內(nèi)，各小組可借助觀看學(xué)習(xí)通上教輔資源、提問或討論等方式，在組長的帶領(lǐng)下，完成設(shè)計(jì)網(wǎng)頁banner廣告，并提交工作頁“任務(wù)3設(shè)計(jì)網(wǎng)頁banner廣告”。在各小組工作期間，教師進(jìn)行巡視，對(duì)學(xué)生提出的問題進(jìn)行解答。

（5）作品評(píng)價(jià)。小組提交工作任務(wù)書后，在學(xué)習(xí)通上，教師根據(jù)每個(gè)小組課堂表現(xiàn)情況和任務(wù)完成質(zhì)量對(duì)每個(gè)團(tuán)隊(duì)作品和團(tuán)隊(duì)藝術(shù)總監(jiān)進(jìn)行評(píng)分，每個(gè)團(tuán)隊(duì)藝術(shù)總監(jiān)對(duì)團(tuán)隊(duì)成員參與完成任務(wù)的情況進(jìn)行評(píng)分，每個(gè)團(tuán)隊(duì)對(duì)每個(gè)其他團(tuán)隊(duì)的作品進(jìn)行評(píng)分。學(xué)生分組任務(wù)的個(gè)人成績由組內(nèi)評(píng)分（50%）、組間評(píng)分（25%）、教師小組評(píng)分（25%，3個(gè)部分構(gòu)成，由學(xué)習(xí)通系統(tǒng)自動(dòng)記錄。教師通過電子教學(xué)系統(tǒng)展示各小組完成的網(wǎng)頁banner設(shè)計(jì)圖并選擇有代表性的小組進(jìn)行點(diǎn)評(píng)，最后歸納出banner 設(shè)計(jì)的“對(duì)齊、聚攏、留白、降噪、對(duì)比”等設(shè)計(jì)原則，加深學(xué)生對(duì)“對(duì)齊、聚攏、留白、降噪、對(duì)比等banner設(shè)計(jì)原則”的領(lǐng)會(huì)。最后根據(jù)組間評(píng)分和教師小組評(píng)分，評(píng)選出3個(gè)優(yōu)秀小組，頒發(fā)優(yōu)秀團(tuán)隊(duì)榮譽(yù)章。

2.5.3 課后拓展

各小組提交學(xué)生工作頁到學(xué)習(xí)通平臺(tái)，教師布置課后拓展任務(wù)：登錄學(xué)習(xí)通對(duì)該次的banner作品進(jìn)行投票評(píng)分，學(xué)生個(gè)人可嘗試獨(dú)自挑戰(zhàn)完成學(xué)習(xí)通上拓展任務(wù)“網(wǎng)店banner設(shè)計(jì)”并提交，可獲得額外課程學(xué)習(xí)經(jīng)驗(yàn)值。在課后拓展環(huán)節(jié)中通過在線投票，引入多維評(píng)價(jià)，有利于鼓舞學(xué)生的學(xué)習(xí)士氣;拓展任務(wù)的布置，讓學(xué)生筑牢知識(shí)技能，熟悉美工任務(wù)的工作流程[6]。

4 ?結(jié)語

網(wǎng)頁美工教學(xué)中以學(xué)生為主體，把移動(dòng)學(xué)習(xí)融入課堂教學(xué)，激發(fā)了學(xué)生學(xué)習(xí)興趣;以任務(wù)驅(qū)動(dòng)，設(shè)計(jì)分層學(xué)習(xí)任務(wù)，逐步提升了學(xué)生的知識(shí)遷移能力;通過開展分組活動(dòng)，培養(yǎng)了學(xué)生團(tuán)體合作能力;通過對(duì)學(xué)生學(xué)習(xí)過程全評(píng)價(jià)，提升了學(xué)生學(xué)習(xí)的自信心和獲得感。網(wǎng)頁美工教學(xué)在超星學(xué)習(xí)通移動(dòng)學(xué)習(xí)平臺(tái)上經(jīng)過了3個(gè)教學(xué)周期實(shí)踐，取得了良好的教學(xué)效果。

在移動(dòng)學(xué)習(xí)平臺(tái)教學(xué)中也存在一些問題，如個(gè)別學(xué)生平臺(tái)刷分，學(xué)生注意力放在手機(jī)其他功能上，下一步需要加強(qiáng)對(duì)學(xué)生的引導(dǎo)來解決。

參考文獻(xiàn)

[1] 苗婧怡.基于移動(dòng)學(xué)習(xí)的《計(jì)算機(jī)基礎(chǔ)》課程混合式教學(xué)設(shè)計(jì)與實(shí)踐[D].遼寧師范大學(xué)，2020.

[2] 謝吉?jiǎng)?基于微項(xiàng)目的高職網(wǎng)頁制作課程教學(xué)實(shí)踐[J].現(xiàn)代職業(yè)教育，2018（31）：232.

[3] 苗青.基于超星學(xué)習(xí)通的移動(dòng)教學(xué)模式分析[J].無線互聯(lián)科技，2017（20）：88-89.

[4] 曹陽，顧問.基于SPOC混合式教學(xué)模式的學(xué)習(xí)評(píng)價(jià)體系構(gòu)建[J].計(jì)算機(jī)教育，2017（12）：76-80.

[5] 崔玉婷.UMU互動(dòng)平臺(tái)在高職公共藝術(shù)課程教學(xué)中的應(yīng)用研究[D].河北師范大學(xué)，2019.

[6] 陳穎，汪興來，王鷹漢.基于全媒體移動(dòng)學(xué)習(xí)的《網(wǎng)頁設(shè)計(jì)與制作》O2O翻轉(zhuǎn)課堂教學(xué)模式應(yīng)用研究[J].湖北函授大學(xué)學(xué)報(bào)，2017，30（20）：129-130，133.