基于大學城空間的動態網頁課程信息化教學設計

摘要：根據信息化教學模式和翻轉課堂的概念，提出了運用世界大學城空間構建動態網頁課程的教學資源庫的設計方法，既以崗位職業能力為依據，結合學情分析，確定教學案例和教學項目，并根據信息化教學設計的需要，設計教學資源庫的內容，結合翻轉課堂的教學理念進行信息化教學活動設計。

關鍵詞：大學城空間；動態網頁；信息化；教學設計

中圖分類號：G64 文獻標識碼：A 文章編號：1009-3044（2017）26-0151-02

Abstract：According to the information technology teaching model and flip the concept of class， put forward the design method of using the world university space to construct the dynamic web course teaching resource library， both as a basis for job capacity and combined with the students situation analysis， identify teaching cases and teaching projects， and according to the needs of information technology teaching design， design the contents of the teaching resource library， combined with flipped classroom teaching philosophy's design of information teaching activities.

Key words：University City Space； Dynamic Web Page； Information ；Teaching Design

隨著計算機、多媒體和互聯網技術的高速發展，信息化技術已經滲透到社會的各個方面。特別是在教育領域，由于信息技術的發展，促進教育形式發生變化，如近年來出現的翻轉課堂教學模式就是利用現代信息化技術，運用網絡數字化平臺和多媒體技術，實現將知識傳授和知識內化顛倒安排[1]，以形成了一種“學習知識在課外、內化知識在課堂”的新型教學結構[2]。

世界大學城空間是運用網絡技術設計的以網絡交互遠程教育為核心、綜合了遠程教學、網絡辦公、即時通訊、商務管理、全民媒體、個性化數字圖書館等功能的一座既虛擬又真實的大學社區平臺。通過世界大學城空間可以構建一個信息化的網絡教學平臺，并利用這個平臺可以實現翻轉課堂教學模式。

動態網頁設計課程對計算機類專業而言是屬于程序設計類的課程，由于高職學生自身的數理邏輯能力比較弱，許多學生因缺乏程序設計思維方式，因而在學習過程中感覺到比較困難，因此，為了提高學習效率，培養學生自主學習的能力，拓展學生學習空間和時間，關注不同學生的學習需求，很有必要探索如何運用世界大學城空間開展信息化教學設計，以便將翻轉課堂的教學理念引入到動態網頁設計課程中，以提高動態網頁技術課程教學效果。

1 信息化教學設計模式與翻轉課堂的概念

國內學者張筱蘭、郭紹青認為：“信息化教學設計模式是指信息化教學環境中教學系統設計的理論和實踐框架?！盵3] 它包括理論基礎、教學目標、實現條件、操作步驟以及評價等方面。信息化的教學設計模式是以學生為中心，教師通過創設情境、協作與會話等學習環境，引導學生通過自主學習和小組合作學習來完成學習任務。教學過程由過去單一的講授模式轉變為通過創設學習情景、組織學生進行問題探究和協商學習等以學生為主體的過程，媒體的作用也由教師講解的演示工具轉變為學生主動學習、協作式探索、解決實際問題的認知工具，學生用此來查詢資料、搜索信息、進行協作學習和會話交流[4]。

翻轉課堂是將傳統教學中的“教師講授+學生作業”的教學過程，轉變為學生通過課前自主學習先完成課程學習內容，而在課堂上，教師則是用大多數的時間來對學生的作業進行答疑、組織小組的協作探究，以及師生之間的相互交流等。由此可見，翻轉課堂是信息化教學設計中一種方式，它必須依托于網絡數字化平臺，通過網絡數字化平臺來構建課程教學資源庫，學生則可通過教學資源庫在課前預先了解學習內容，依據學習圖譜完成課前知識點的學習任務，在課中再通過與教師交流解決學習中的難點，最終完成學習任務。因此，選擇一個網絡化的數字平臺構建課程教學資源庫成為實現信息化教學設計的首要任務。下面將介紹如何運用世界大學城空間構建動態網頁課程的教學資源庫。

2 基于大學城空間的動態網頁課程教學資源庫設計

構建動態網頁課程的教學資源庫的關鍵是教學案例的選擇，而教學案例選擇原則的依據

是通過對企業崗位的調研，確定從事開發設計營銷型網站的技術人員所應具備的關鍵的知識和技能，根據這些知識點和技能點來確定教學項目。同時，還要對高職學生的學情進行分析，根據高職學生的學情情況，結合教學項目，選擇與高職學生學習基礎條件相適應的教學案例，使教學案例不僅能滿足教學項目的需要，而且還要簡單明了，便于學生掌握與接受。另外，考慮到高職學生中學生個性化的差異，對邏輯思維能力比較強的學生，應提供拓展學習資源，一方面是讓學生能通過舉一反三，鞏固所學知識和技能，另一方面，培養學生自主學習的能力，拓展學生的知識面。

根據教學案例的選擇原則，選擇美食營銷型網站設計為動態網頁課程的課堂教學案例，而將圖書商城網站設計作為課程拓展學習案例。在美食營銷型網站設計中包括了網站設計與環境搭建，美食營銷型網站靜態網頁首頁和內容頁的制作，網站數據庫的創建，PHP數據庫操作，動態網站的首頁和內容頁設計，用戶登錄模塊，用戶注冊模塊，后臺頁面布局設計，用戶管理模塊，美食知識管理模塊和留言板管理模塊等教學項目。endprint

在確定了教學案例和教學項目后，根據信息化教學設計的需要，設計動態網頁課程教學資源庫的內容分為三大部分，第一部分是課程教學資源，第二部分是課程學習資源，第三部分是拓展學習資源等。其中課程教學資源包括課程簡介、課程教學方法、課程標準、授課計劃、教案、課件、教學項目等，課程學習資源包括學習圖譜、學習任務書、微課學習視頻等，拓展學習資源包括拓展學習項目、學習任務、學習參考資料和拓展學習視頻等。然后，再根據課程教學和學習資源的分類，在世界大學城空間建立相應的欄目，設置相應的導航欄，以便學生自主學習。

為方便網絡空間中師生之間的相互交流，可利用世界大學城空間的教研宛創建動態網頁課程教研室，通過教研宛開展師生之間的學習交流，解決學生在學習中遇到的困難。同時，教師還可以利用世界大學城空間的考試系統布置課前、課中和課后學習測試，以便教師能及時了解學生學習情況，及時調整教學方法和教學進度。另外，可以在世界大學城空間教師的學習空間中創建一些著名IT論壇的鏈接導航，以引導學生學會通過IT論壇來自主學習，拓展自己的知識面。

3 動態網頁課程的信息化教學設計

教學設計是在教學理論的指導下，基于教學對象（特定學習者）的特征，組織教學內容和教學資源，設計教學活動和學習環境，最終支持學習者有效達成學習目標的系統活動[5]。而基于大學城空間的動態網頁課程信息化教學設計是以世界大學城空間網絡學習平臺為依托，通過網絡學習平臺構建信息化教學資源庫，根據翻轉課堂的教學理念，開展信息化的教學設計。

信息化教學設計分為“課前自學-課中探究-課后拓展”的教學活動設計，其中課前自學的教學活動是教師在課前先根據動態網頁課程教學項目的知識圖譜，將與教學項目相關聯的教學資源和學習資源上傳到大學城空間相應欄目，其中包括教學項目中要講授的關鍵的知識點和技能點的微課學習資源，并通過世界大學城空間的考試系統布置課前測試題，要求學生在課前訪問世界大學城空間動態網頁課程教學空間，通過觀看微視頻、微課件完成課前學習任務，并通過完成課前測試檢測自己的學習效果。

在課中探究階段，教師通過設置教學提問或課堂小測試環節來檢查學生課前微課學習的效果，并根據學生的學習情況，針對學生在自主學習過程中的困惑和難點進行重點釋疑、解惑，然后，按照項目學習任務組織學生開展小組織合作學習，完成項目練習，最后，根據學生項目完成情況進行檢查與評價。在課后拓展階段，教師要求學生以世界大學城空間中拓展學習資源中的圖書商城為例，或者學生也可自選一個網站設計為主題，以小組合作學習方式來完成網站的課程設計。翻轉課堂的信息化教學活動設計如表1所示[6]。

4 結束語

通過世界大學城空間網絡數字平臺，一方面可構建網絡化的動態網頁課程的教學資源庫另一方面，可方便教師指導與督促學生學會應用教學資源庫中的學習資源進行自主學習，以保障翻轉課堂的順利實施。同時，通過拓展學習資源庫、教研苑和IT論壇交流，引導學生通過自主學習和小組合作學習，拓展學生的知識面，以實現對學生的個性化教學。

參考文獻：

[1] 宋朝霞，俞啟定.基于翻轉課堂的項目式教學模式研究[J].遠程教育雜志，2014（1）：96-104.

[2] 金陵.“翻轉課堂”，翻轉了什么？[J].中國信息技術教育， 2012（9）：18.

[3] 祝智庭. 現代教育技術[M]. 北京： 教育科學出版社， 2002.

[4] 劉潔. 信息化教學設計模式原則和評價探究[J]. 武警學院學報， 2012（3）：77-80.

[5] 那一沙，袁玫，吳子東，教學設計研究綜述[J]. 西南交通大學學報：社會科學版，2013，14（3）：109-113.

[6] 鄭丹青. 網絡環境下動態網頁技術課程翻轉課堂的教學設計[J]. 電腦知識與技術，2016（20）：173-174，176.endprint