教育技術視角下的高職網絡課程開發與應用研究

時道波

徐州高等師范學校 江蘇徐州 221116

1 教學現狀分析

目前，我國職業教育存在一個比較突出的問題：教學的高耗低能。如我校高職類網絡技術與應用專業開設的網站設計與制作課程，是該專業的一門核心課程，在課程體系設置中具有重要地位。但是，網站設計與制作課程具有涵蓋教學內容多、難度跨度大的特征，再加上高職學生個體差異大的特點，傳統的教材內容、教學組織、教學環境等都難以滿足本課程教學需要。

如何優化該課程的教學，從而使學習更有效率，一直是專業教師難以攻克的難題。近年來，教育技術迅速發展，在教學設計理論、多媒體技術、信息技術支持下，網絡教學已經成為世界各國教育改革和發展的重要趨勢。作為網絡教學的基本信息載體，網絡課程的開發與應用也成為現代教育的一個重要研究領域。在培訓和學習過程中，筆者以教師和學習者兩種不同的角色參與到網絡課程中，從兩個不同角度體會了網絡課程的優勢。與傳統的課堂教學相比，它具有資源共享性、學習自主性、結構開放性、協作互助性等特點。筆者以教育技術理念為指導，對高職網絡課程的開發及其應用模型進行初步研究。

2 網站設計與制作網絡課程的教學設計

學習理論與傳播理論，作為教育技術的理論基礎，對網絡課程的發展具有深遠影響。學習理論是關于人的學習發展的理論，不論是個別化學習理論、協作學習理論，還是分布式學習理論，都強調個性需求，強調在交互過程中進行知識轉化。傳播理論是關于信息社會中知識傳遞、接受的理論，網絡課程以多媒體技術為開發手段，以網絡為載體，以傳播理論為支持。

網站設計與制作課程安排在五年制高職網絡技術與應用專業的三年級，此時，學生已經學完了程序設計基礎、圖形圖像制作、網絡技術基礎等基礎課程，具備了一定的計算機基礎知識。期望通過本課程學習，使學生全面掌握網站管理及網頁制作的技術和方法，使學生能夠開發與制作出具有專業水準的網站，以適應現代網絡社會對人才的需要。具體來說，期望學生在較短的時間內，通過學習網站設計與制作教程，設計制作出布局美觀、鏈接合理，包含文字、圖形、圖像、動畫、聲音、視頻等多種媒體信息并具有交互功能的網頁；能夠建立、管理與發布小型網站。

針對網站設計與制作課程傳統教學中存在的問題，筆者遵循網絡教育的教學規律，遵循“以學生為主體，教師為主導”的教學理念，以課程教學大綱為基礎，分析知識結構，設計、開發針對性強的網絡課程，將網站設計與制作課程的教學內容用文字、圖片、動畫、錄像等形式傳授給學生，力求為學生提供具有豐富信息資源的學習環境，促進學生知識遷移能力、實踐能力和創新能力的提高。在研究過程中，通過學習需要分析、教學內容分析、學習者分析、學習目標的闡述、教學策略的制定、教學媒體的選擇和利用、教學評價及修改等環節的有機整合，力求教學最優化。整個教學設計系統如圖1所示。

圖1 教學設計系統簡圖

3 網站設計與制作網絡課程的構建

正如麥克盧漢所言“媒體是人體的延伸”，技術既可以用來加強傳統的教學方法，也可以用來改變傳統的教學方式，媒體技術作為教育技術中的物化技術，是優化教學的重要手段。以媒體技術為基礎，以先進教育理念為指導的網絡課程可以實現對學習過程與學習資源的有效設計、開發、利用、管理和評價。

3.1 網絡課程系統設計

3.1.1 網絡課程設計原則

網絡課程結構設計的目的是幫助學習者構建一個開展個別化學習和協作學習的環境。本網絡課程依托網絡技術，按照教學設計理論，充分發揮想象，力求做到：(1)具有良好的交互性，及時對學生學習活動做出相應的反饋；(2)界面美觀，導航簡單清晰；(3)語言表述措辭準確，行文流暢，符合知識的內在邏輯和學生的認知結構，注重知識的科學性；(4)重視教學設計，根據學生特征和知識結構，設計能夠發揮學生主動性，培養學生協作能力和創新能力的教學策略。

3.1.2 網絡課程結構設計

本網絡課程采用菜單、樹狀目錄和課程地圖引導的導航設計形式，由5個功能模塊組成。課程地圖中放置了課程網站結構圖和教學實施模型，起到使用說明書的作用。

登錄網站后，必須在登錄界面輸入賬號和密碼才能進行課程學習，在注冊時可以選擇用戶類型，使用JavaScript做一個表單驗證，不同類型用戶具有不同的權限。

主頁面主要分為3個部分，頂端用于顯示用戶的登錄信息：用戶姓名和用戶類型。左邊可以看到當前時間，這里也是使用JavaScript實現的效果，在它的下面是公告欄，使用HTML中的Marquee標簽，使其有文字滾動的效果，點擊教師信箱可以直接給教師發送郵件，方便師生聯系。右邊主要是導航欄，在導航中設計了二級菜單。首頁效果如圖2所示。

圖2 課程首頁

在課程首頁，通過點擊菜單進入相關的功能模塊，如作業管理模塊使用JSP中的IFELSE語句，實現用戶登錄后，根據用戶的不同類型顯示不同的界面：學生用戶登錄，可以上傳、下載、查看作業信息；教師用戶登錄，可以下載查看作業、評分、查看信息。教師批閱的成績在90分以上的學生作品將被自動收集到優秀學生作品板塊，以激發學生的學習興趣。將教材章節內容和教師處理過的教學環節，放置在在線學習板塊，該板塊采用框架技術，把頁面分為左右兩邊，左邊是樹形目錄結構，點擊節標題，右側將呈現教材內容；點擊章標題，右側則呈現經過教師處理過的教學內容，按照教學模式分為6大環節。

3.2 網絡課程開發的技術方案

(1)開發平臺。

操作系統：Windows XP

軟件開發工具：MyEclipes7.5

設計工具：Dreamweaver Mx，Photoshop CS2，Flash 8.0，Cool Edit Pro2.0，Premiere Pro2.0等。

(2)運行平臺。

操作系統：Windows 2000/Windows 2003/Linux/Unix/Windows XP/Windows7

網站服務器：Tomcat6.0(網站服務器)

后臺數據庫：SQL Server 2008

(3)網絡課程應用方式：瀏覽器/服務器模式。

(4)混合運用多種技術和工具進行網站設計與開發(包括JavaScript，Java等)，并采用組件技術(包括Jspsmartupload)實現網站高端應用。

(5)綜合運用多種網絡信息資源開發新技術，進行網站的資源編碼和設計，特別是采用3層架構技術，使網站的資源管理條理清晰。

3.3 網絡課程體系結構

網站設計與制作網絡課程共分為五大模塊：用戶管理、課程學習、作業管理、作品展示、BBS論壇。這五大模塊構成了系統的網絡課程，每個模塊都是不可或缺的，它們相輔相成、相互依存、密不可分。

網站設計與制作網絡課程結構如圖3所示。

圖3 網站設計與制作網絡課程結構圖

(1)用戶管理模塊：本網絡課程用戶按權限分為兩類：教師和學生，整個系統結構按照兩類用戶可分為兩個子系統：教師教學子系統、學生學習子系統。教學子系統基本功能包括上傳或刪除各種學習資源、添加、刪除作業、批閱作業、在討論區發帖等；學習子系統基本功能包括課程學習、作業上傳、瀏覽優秀作品、在討論區發帖等。由于此網站不對外開放，學生主要是本校網絡技術與應用專業三年級學生，因此教師和學生首次輸入用戶名和密碼時可以通過手工分配的方式實現，教師和學生在首次登錄后可根據情況更改個人相關信息。

(2)課程學習模塊：本課程的主要模塊，包括視頻資源、在線學習、學習支持3個子模塊。視頻資源子模塊通過視頻進行同步式講授教學，在線學習子模塊是一個框架結構，左邊框架是一個樹形目錄，包括五個部分，教學目標、教學內容、自測題、綜合題等，學生可以點擊進入頁面學習，右邊的主框架里顯示的是各個知識點的學習內容。學習支持模塊包括文獻資料或網站鏈接，進一步豐富知識環境。通過收集相關文獻資料或把學生帶到相關知識網站進行學習，以彌補網絡課程呈現知識內容有限的問題，拓展學生的視野，滿足學生的學習需求。

(3)作業管理模塊：作業是深化知識、鞏固知識、檢查學習效果的重要手段。在本網絡課程中，學生可以在網上下載作業、上傳作業、查看作業成績，教師可以在網上布置作業、批改作業。

(4)作品展示模塊：包括經典作品和學生作品。教師將收集到的經典作品和學生制作的優秀作品上傳到作品展示模塊進行展示，通過觀看分析經典作品激發學生創作靈感，查找自身不足，進一步完善自己的作品；將成績在90分(含)以上的作業自動添加到作業展示模塊的學生作品區進行展示，通過展示學生的優秀作品鼓勵學生創作，幫他們樹立自信。

(5)BBS論壇：BBS是一種信息服務系統，也稱為“電子布告欄”。用戶可以在上面發表信息和提出看法。在BBS模塊中，教師可以召集學生進行主題討論，每個人都可以發表自己的觀點，在教師引領下對問題進行深入探討，學生也可以發帖提問，在教師給予解答的同時，其他學生也可以提出解決辦法；學生與學生之間也可以針對某一問題進行討論或交流心得；達到協作互動學習的目的。

4 基于網站設計與制作網絡課程的教學模型

作為教育技術的新技術手段，以網絡技術為載體的信息技術正成為學習者獲取信息、探索問題、協作討論、解決問題的比較快捷有效的學習途徑。要改變傳統教學高耗低能的問題，提高教學質量，必須通過改革教學方法和探索新的教學模型來實現。

4.1 網絡課程的教學模型

為了充分發揮本網絡課程的功能，有效實施教學活動，達成教學目標，筆者根據課程內容和學生需求，構建基于網絡設計與制作網絡課程的教學模型，設置項目任務，提供各種學習資料。在教師指導下進行協作學習和自主探究，充分發揮學生的主觀能動性(如圖4所示)。采用網絡增強型教學方式，即面授之余，在課外利用平臺輔助教學：教師布置作業、批改學生在線提交的作業、發布通知、開展討論等；學生獲取拓展教學資料、作業上傳、專題討論等。

運用本網絡課程教學是圍繞特定的主題進行的，結構化的內容是學習的主要對象，學生可以自主控制學習進度，采用適合自己認知風格和思維習慣的學習策略，完成學習目標。這種學習方式需要學生主動地獲取知識，應用知識，是一個主動探究、解決問題的過程。

圖4 基于高職網站設計與制作網絡課程的教學模型

布朗、柯林斯等認為，學習不可能脫離具體的情境而產生，只有在有意義的情景中學習，才能真正掌握知識。學生進入教師設定的主題學習情境后，可以結合教師要求的學習目標，明確各項學習任務，對主題有整體認識，進而了解本主題的各項要求。

分布式認知觀認為，學習應從個體掌握知識轉向協作的績效，在學習共同體中生成一個“分布式的專業知識網絡”。在了解各項要求后，學生在教師指導下，根據個人具體情況明確學習策略，如：小組協作、自主學習等，并制定相應的學習計劃。

進入基于網絡課程資源的主題內容學習，資源包括結構化學習資源、拓展資源、泛在網資源等。結構化學習資源，是將文字教程與特定的教學環節相結合，按照一定的順序排列，降低學生的學習難度，通過學習結構化學習資源，學生可以達到最基本的教學要求。拓展資源，是為方便學生深入學習主題內容，經過教師精心選擇，提供給學生拓展知識視野的學習資源，主要是視頻資源，通過這部分探究，學生將較為全面地理解該主題內容。泛在網資源是指與主題相關的網站鏈接，Word文檔，PPT文檔等，學生可根據自己的學習情況，進行與主題相關的深入研究，以進一步提高自己的知識水平。在網絡環境下，學生基于自身需求，還可以運用谷歌、百度等搜索引擎，搜索收集所需要的文檔、數據和視頻等各種學習信息。這是一個自我導向的過程，是一個適量學習的過程。

在整個主題學習過程中，教師和學生之間、學生和學生之間可以就某些學習問題通過論壇或電子郵箱進行交流、討論，共享學習經驗等，借助網絡環境下的學習共同體，形成知識與人相互作用、相互交織的網絡，在這個網絡中持續不斷地獲取所需知識，參與學習的團隊整體水平不斷得以提升。

在完成主題內容學習后，學生將按照學習任務在網絡環境下提交相關作業，教師將會對作業做出評價，包括評語和分數，學生可以及時看到教師對作業的評價情況。而成績高于90分(含)的優秀作業將會被自動收集并在優秀作品區展示，以激勵學生奮發學習，并起到示范參考作用。

在學習過程中，教師和學生都要對自己的教學和學習情況進行整理和總結，根據實際情況，對學習計劃、目標要求、評價標準等做出適當的修改，為后續學習做好準備。

4.2 教學實施與效果分析

筆者依托開發的網絡課程，嘗試了新的教學模型，在本校網絡技術與應用三年級學生中開展“創建CSS樣式”教學案例。在運用高職網站設計與制作網絡課程的教學過程中，學生創作了大量作品，從作品質量來評價，教學效果比傳統教學有顯著提高。調查問卷顯示，用高職網站設計與制作網絡課程輔助教師課堂教學—網絡增強型教學模式，是一種較為理想的教學形式，受到高職學生歡迎，體現了個性化學習特點，提高了高職學生的學習興趣，提高了自主學習能力和協作交流能力，拓展了知識視野，進一步豐富了網絡環境下的教學理論。

5 存在的問題和后續工作

由于筆者對網絡課程設計與開發缺乏經驗，在實踐中，認識到對高職網站設計與制作網絡課程的研究仍存在不足，有待繼續改進和完善。如：用戶管理需要加強；學習資源需進一步豐富；對網絡環境下高職具體課程教學模型的探索尚處于初級階段，需要深入研究；需要尋求構建更為科學、有效的網絡課程架構，加強學生創造性思考問題的能力的培養；需要對網絡文化加強研究，關注學習者學習過程中的情感發展。

高職網站設計與制作網絡課程的設計與開發是一項工作量龐大而又繁雜的系統工程，不是只具有一種專業背景的人才就能夠完成的，需要課程教學人員、教育技術人員、網站制作人員、網絡管理人員、參與實驗相關人員等反復研究、共同合作完成。由于時間關系，本網絡課程暫時完成了整體框架的設計和部分學習內容、資源的開發建設，但還不是一個完整的網絡課程，仍有很多后續工作有待完成，如注冊功能增加教師用戶驗證限制；進一步改善網頁的美工設計，給學生帶來更好的視覺感受；作業管理模塊和BBS論壇模塊增加刪除信息功能；課程地圖板塊增加各節點的相關頁面鏈接；如何使用更少時間，達到更好的學習效果，如何培養學生的創造性思維能力……都是將要繼續研究的問題。

6 結束語

教育技術對學習資源與學習過程的設計、開發、利用、管理與評價恰恰是對網絡課程“教什么”與“如何教”的支持，涉及資源的技術是對“教什么”的支持，涉及過程的技術則對“如何教”提供了支持。網絡教學作為新的教學模式，縮短了教師和學生在時空上的距離，提供了大量學習資源，讓學生可以選擇適合自己的學習內容，安排學習進度，有利于學生的個性化發展。

[1]黃榮懷.教育技術學導論[M].北京:高等教育出版社,2006.

[2]烏美娜.教學設計[M].北京:高等教育出版社,1994.

[3]董志彪,李文光.網絡環境下主題式學習的教學設計與實施[J].中國電化教育,2007(8):82-85.

[4]唐永中.現代教育技術視角下的教師專業化發展[J].電化教育研究,2009(9):22-24.