游戲化展示教學在網頁制作這門課中的應用

摘要：網頁制作包含網站策劃、版面設計、網站推廣和用戶體驗等，內容繁多，對學生的網絡技術綜合能力要求較高。如何讓學生在課堂上理解和順利地掌握網頁設計所要求的各種技能，一直是令廣大教師頭疼的問題。教師們也采用了很多的教學方法，經實踐證明，游戲化展示教學是一種不錯的選擇。這種教學方法不僅可以使復雜的網頁制作形象易懂，而且寓教于樂，很好地活躍了課堂的教學氛圍，深受廣大教師的好評。本文就結合網頁制作中的幾個方面，談談個人對游戲化展示教學的一點看法。

關鍵詞：游戲化教學；網頁制作；應用策略

中圖分類號：G718.3 文獻標志碼：A 文章編號：1674-9324（2013）42-0247-02

根據網頁制作的各個流程的特點，游戲化展示教學方法很好地抓住了其精髓所在，將網頁制作的內容以教學游戲的方式在潛移默化中讓學生領會和吸收，既減輕了學生的學習壓力，又能在教學中鍛煉學生的團隊精神和集體意識。

一、游戲化展示教學在網站策劃中的應用

在對網站建設前，必須先確定網站主題，找準網站所針對的人群，以便定下網站的主色調，這就是網站策劃。教師在講授這部分內容時，可以安排以下的教學游戲活動：

教學目的：明確不同人群對應不同網站設計風格游戲形式：將教室人數平均分為五組，進行分組討論角色分配：一組扮演老年人，一組扮演青年人，一組扮演兒童，一組扮演時尚女性，一組扮演潮流男士。

任務分配：每組將所扮演角色的愛好、形象、風格和所關注的問題總結歸納。

游戲流程：以扮演時尚女性的小組為例。每個小組成員都要依次說出所扮演角色的一個特點，不能重復。如：愛好：購物、美容、健身、養寵物、旅行、讀書、聽音樂等；形象特點：時尚干練、優雅精致、落落大方、妝容精細、衣著得體等；關注問題：時尚動態、美容資訊、娛樂八卦、美食搜尋等。當然內容越詳細越好，然后由一名小組成員將這些總結記錄下來。以此為例，各個小組都將自己小組的討論結果整理、歸納和總結記錄下來，反饋給教師。

游戲效果：課堂氣氛熱烈活躍，學生踴躍發言。

通過這樣的游戲化展示教學，不僅可以讓學生明確什么是網站策劃，又可以讓學生對不同的人群需求做到心中有數。

二、游戲化教學展示在版面設計中的應用

既然定下了網站的主題，明確網站的內容，那么下面就開始規劃版面工作。教師在講解這部分內容時，也可以用游戲化展示的教學手段。例如，可以開展以下的教學活動：

教學目的：掌握版面設計的方法和美觀性。

教學形式：將教室人數平均分成六組，分組討論。

教學流程：（1）每個小組內部成員可以分別設計出一幅版面，然后將所有版面在小組內互相傳閱；（2）每個小組最終討論確定一幅自認為最好的版面設計，提交給教師；（3）教師再通過全體學生討論，對六幅最好的版面進行色彩渲染；（4）教師安排學生穿著不同顏色的衣服，在操場進行隊形變換，拍下照片，供學生傳閱；（5）從六幅最好的版面中再評出其中最優秀的，作為優勝者。

教學結果：學生參與性高，積極性強，發揮了學生的動手動腦能力，培養了學生的團隊合作精神，明白了版面設計的內容。

教學評價：學生通過照片可以實際了解自己設計的版面，形象直觀立體，一目了然，但是耗時較長，要分課時進行。

三、游戲化展示教學在網站推廣中的應用

即使再好的網頁設計，如果不進行推廣，也會埋在深山人未識，由此可見網站推廣對于網頁設計的重要性。怎么樣讓學生認識到這點，并且學會一定的網站推廣技能呢？教師可以設計以下的教學游戲讓學生掌握網站推廣技能：

教學目的：讓學生學會網站推廣技巧。

教學準備：學生的個人網頁制作作品。

教學流程：（1）學生從教師事先安排的電腦中，根據自己作品的特點，找到自己的網頁制作作品；（2）學生將自己的作品特點在作品中說明；（3）讓學生之間互相推薦自己的設計作品，如果別人感興趣，或者打動了別人，就讓對方在自己的作品下打一個對勾；（4）向自己的朋友推薦自己的作品，或者將自己和朋友的作品合起來向別的同學介紹，爭取得到別人的認同；（5）教師評價獲得對勾最多者的作品，讓同學分析他的推廣技巧。

教學效果：學生主動熱情，希望別人認可自己，積極推薦自己的作品，課堂氣氛熱烈。

教學結果：第一，學生明白了搜索引擎注冊和搜索目錄登錄技巧；第二，學生明白了廣告交換技巧和合作的重要性。

教學評價：學生通過類比，明白推廣的重要性，但教學課堂容易失控，需要教師有很好的掌控力。

四、游戲化展示教學在用戶體驗中的應用

優秀的網頁制作，不僅可以吸引住用戶的注意力，而且在用戶體驗時，也感到方便快捷，易于上手。教師在講解這部分內容時，可以將學生的作品在電腦中儲存下來，然后與每個學生共享，讓學生瀏覽其他學生的作品，通過自己操作的親身體會，找到最好的網頁制作的作品，并在下面寫下自己的評價，教師通過評價，篩選出最優秀的作品，和同學分析其成功的原因和可以借鑒之處。通過這樣的教學方式，讓學生明白在用戶體驗的過程中，用戶的真實想法和實際需求，從用戶的眼光和角度，分析自己網頁制作的得與失。

參考文獻：

[1]張彥美，李翀.基于工作過程的《網頁設計與制作》課程開發[J].考試周刊，2011，（07）.

[2]朱榮.基于資源的《網頁制作》網絡課程的整體構思[J].現代計算機（專業版），2012，（34）.