移動學習環境下高職網頁美工課程教學策略研究

楊忠儀 黃衛純

摘 ?要：隨著4G網絡和無線網絡的普及，移動學習已逐漸成為趨勢。該文通過把移動學習融入課堂教學，探索了移動學習環境下高職學院網頁美工課程教學策略。網頁美工教學中以學生為主體，把移動學習融入課堂教學，激發了學生學習興趣;以任務驅動，設計分層學習任務，逐步提升了學生的知識遷移能力;通過開展分組活動，培養了學生團體合作能力;通過對學生學習過程全評價，提升了學生學習的自信心和獲得感。網頁美工教學在超星學習通移動學習平臺上經過了3個教學周期實踐，取得了良好的教學效果。

關鍵詞：移動學習 ?高職院校 ?網頁美工 ?教學策略

中圖分類號：G712 ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文獻標識碼：A文章編號：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

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

1 ?移動學習與移動學習平臺

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

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

2 ?移動學習環境下高職網頁美工課程教學策略

該文通過把移動學習融入課堂教學，探索了移動學習環境下高職學院網頁美工課程教學策略，在湖南商務職業技術學院電子商務專業群中進行了應用，取得了良好的教學效果。

2.1 構建“以學生為中心”的教學結構，激活學生學習主觀能動性

傳統高職課堂教學是“以教師為中心”的，教師通過在課堂上演示講解、學生被動學做練，很難讓學生有思考的空間。隨著信息技術和教學的融合，通過搭建包括“線上學習”“移動學習”等在內的混合式學習環境，網頁美工課程教學要創建以“學生為中心”的教學結構，強調學生的能力本位、發展本位。教師通過運用豐富的數字資源與新型信息技術手段讓學生多開展一些自主探究、合作交流學習活動，培養學生主動學、自主學、合作學的意識，提升學生的學習能力、專業能力和協作能力。

2.2 尊重學生個體差異，設計分層學習任務

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

2.3 建設移動學習平臺課程資源，實現移動學習與課堂教學的融合

通過選擇合適的移動網絡學習平臺，制作適合移動學習的課程資源，把網頁美工網絡課堂教學分成課前準備、課中教學、課后拓展3個過程來組織教學，實現移動學習與課堂教學的融合，圖1為教學總體框架。課程資源一般包括微視頻、教案、案例、試題、行業標準、閱讀文檔、學生作品等。預先把課程資源上傳至移動學習平臺，促進學生進行個性化的自主學習，可以大大提高課堂教學的效率和質量[4]。

2.4 注重學生學習過程，構建反映學生實踐能力的多維評價體系

將網頁美工教學實踐中的各個環節與過程性評價相結合，通過自動或半自動方式采集學生學習過程相關數據，采用大數據分析與處理方法，形成反映學生實踐能力的多維評價體系，進而準確地對學生在知識、技能、能力、態度等方面進行評價。傳統評價體系中多采取教師評價與學生自評、互評的方式，因此評價主體主要為教師、學生。但無論是教師還是學生，其評價過程的主觀性都較強，有時還存在一定的隨意性。將大數據技術引入過程性評價，利用移動學習平臺及App、電子教學系統等實時、自動地采集網頁美工課程學習數據，通過數據分析轉化為可視化的過程性教學評價。

網頁美工課程教學評價采用過程性評價為主，終結性評價為輔的多維評價方案，能增強學生在學習過程中的參與感和獲得感，樹立學習的自信心。

2.5 移動學習環境下高職網頁美工課程教學實踐

隨著學院校園無線網的運營，該校教師開始把移動學習融入網頁美工課程教學中，在超星學習通移動學習平臺上開設網絡課程。下面以《網頁美工》中“網頁banner設計”為例，展示移動學習環境下高職“網頁美工”課程混合式教學策略實踐。課程教學開始前首先需要教師做大量的前期準備工作，需要在平臺上建立網頁美工網絡課程和教學團隊，導入授課學生名單，并設定各學習項的分值。按移動學習的特點整理課程學習知識點，進行教學方案設計，制作課件等資源并上傳平臺，并在課前發布學習通知，學生在下載移動端學習通APP后就可以登錄學習。

2.5.1 課前準備

課前在學習通上發布學習通知：（1）評價以前學生設計的banner作品;（2）班級學生分組，6人一組并任命一名綜合素質較高的同學為設計總監（組長），設置了分組任務，通過小組合作完成一個網頁banner設計任務;（3）預習學習內容，并將PPT、微視頻作為學習任務點。學生登錄后根據要求自主學習，記錄疑問點，發起話題討論或參加小組討論，學習通自動記錄其參與學習的情況，并賦予學生相應的學習分值。通過設置課前準備環節，教師通過分析學生的課前學習情況和梳理學生的問題，調整課堂教學策略。

2.5.2 課中教學

這個階段分5個環節來完成，具體如下。

（1）導入工作情境。教師通過極域電子教學系統展示超星學習通上上一次學生完成的網頁banner 設計作品;然后通過超星學習通的選人活動，請學生分析作品的優劣;引入該節課的學習重點——網頁banner的設計原則、構圖方式和配色方法。教師宣布以組為單位完成客戶的網頁banner設計招標任務。教師通過電子教室教學系統發布網banner設計招標任務并講解網頁banner設計招標任務的具體要求，介紹學生工作頁、教輔資源和評價激勵措施。這個環節讓學生了解今天學習目標，幫助學生更好地進入學習狀態，激發學生學習新知識、新技能的期望，產生學習的內部動力[5]。

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

（3）確定banner設計方案。在限定的時間內，在組長的帶領下，各小組通過自主學習和小組討論，確定banner設計的方案名稱、風格定位、顏色搭配（主體色、背景色、文案顏色、配色及比例）、構圖方式等，并繪制構圖草圖，填寫和提交工作頁“任務2 確定Banner設計方案”。教師對各小組完成的效率和完成質量給予加分獎勵，然后展示各小組banner設計方案，選擇點評小組提交的Banner設計方案。

（4）完成banner設計。在限定的時間內，各小組可借助觀看學習通上教輔資源、提問或討論等方式，在組長的帶領下，完成設計網頁banner廣告，并提交工作頁“任務3設計網頁banner廣告”。在各小組工作期間，教師進行巡視，對學生提出的問題進行解答。

（5）作品評價。小組提交工作任務書后，在學習通上，教師根據每個小組課堂表現情況和任務完成質量對每個團隊作品和團隊藝術總監進行評分，每個團隊藝術總監對團隊成員參與完成任務的情況進行評分，每個團隊對每個其他團隊的作品進行評分。學生分組任務的個人成績由組內評分（50%）、組間評分（25%）、教師小組評分（25%，3個部分構成，由學習通系統自動記錄。教師通過電子教學系統展示各小組完成的網頁banner設計圖并選擇有代表性的小組進行點評，最后歸納出banner 設計的“對齊、聚攏、留白、降噪、對比”等設計原則，加深學生對“對齊、聚攏、留白、降噪、對比等banner設計原則”的領會。最后根據組間評分和教師小組評分，評選出3個優秀小組，頒發優秀團隊榮譽章。

2.5.3 課后拓展

各小組提交學生工作頁到學習通平臺，教師布置課后拓展任務：登錄學習通對該次的banner作品進行投票評分，學生個人可嘗試獨自挑戰完成學習通上拓展任務“網店banner設計”并提交，可獲得額外課程學習經驗值。在課后拓展環節中通過在線投票，引入多維評價，有利于鼓舞學生的學習士氣;拓展任務的布置，讓學生筑牢知識技能，熟悉美工任務的工作流程[6]。

4 ?結語

網頁美工教學中以學生為主體，把移動學習融入課堂教學，激發了學生學習興趣;以任務驅動，設計分層學習任務，逐步提升了學生的知識遷移能力;通過開展分組活動，培養了學生團體合作能力;通過對學生學習過程全評價，提升了學生學習的自信心和獲得感。網頁美工教學在超星學習通移動學習平臺上經過了3個教學周期實踐，取得了良好的教學效果。

在移動學習平臺教學中也存在一些問題，如個別學生平臺刷分，學生注意力放在手機其他功能上，下一步需要加強對學生的引導來解決。

參考文獻

[1] 苗婧怡.基于移動學習的《計算機基礎》課程混合式教學設計與實踐[D].遼寧師范大學，2020.

[2] 謝吉剛.基于微項目的高職網頁制作課程教學實踐[J].現代職業教育，2018（31）：232.

[3] 苗青.基于超星學習通的移動教學模式分析[J].無線互聯科技，2017（20）：88-89.

[4] 曹陽，顧問.基于SPOC混合式教學模式的學習評價體系構建[J].計算機教育，2017（12）：76-80.

[5] 崔玉婷.UMU互動平臺在高職公共藝術課程教學中的應用研究[D].河北師范大學，2019.

[6] 陳穎，汪興來，王鷹漢.基于全媒體移動學習的《網頁設計與制作》O2O翻轉課堂教學模式應用研究[J].湖北函授大學學報，2017，30（20）：129-130，133.