教育技術(shù)視角下的高職網(wǎng)絡(luò)課程開發(fā)與應(yīng)用研究

時道波

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

1 教學現(xiàn)狀分析

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

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

2 網(wǎng)站設(shè)計與制作網(wǎng)絡(luò)課程的教學設(shè)計

學習理論與傳播理論，作為教育技術(shù)的理論基礎(chǔ)，對網(wǎng)絡(luò)課程的發(fā)展具有深遠影響。學習理論是關(guān)于人的學習發(fā)展的理論，不論是個別化學習理論、協(xié)作學習理論，還是分布式學習理論，都強調(diào)個性需求，強調(diào)在交互過程中進行知識轉(zhuǎn)化。傳播理論是關(guān)于信息社會中知識傳遞、接受的理論，網(wǎng)絡(luò)課程以多媒體技術(shù)為開發(fā)手段，以網(wǎng)絡(luò)為載體，以傳播理論為支持。

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

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

圖1 教學設(shè)計系統(tǒng)簡圖

3 網(wǎng)站設(shè)計與制作網(wǎng)絡(luò)課程的構(gòu)建

正如麥克盧漢所言“媒體是人體的延伸”，技術(shù)既可以用來加強傳統(tǒng)的教學方法，也可以用來改變傳統(tǒng)的教學方式，媒體技術(shù)作為教育技術(shù)中的物化技術(shù)，是優(yōu)化教學的重要手段。以媒體技術(shù)為基礎(chǔ)，以先進教育理念為指導(dǎo)的網(wǎng)絡(luò)課程可以實現(xiàn)對學習過程與學習資源的有效設(shè)計、開發(fā)、利用、管理和評價。

3.1 網(wǎng)絡(luò)課程系統(tǒng)設(shè)計

3.1.1 網(wǎng)絡(luò)課程設(shè)計原則

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

3.1.2 網(wǎng)絡(luò)課程結(jié)構(gòu)設(shè)計

本網(wǎng)絡(luò)課程采用菜單、樹狀目錄和課程地圖引導(dǎo)的導(dǎo)航設(shè)計形式，由5個功能模塊組成。課程地圖中放置了課程網(wǎng)站結(jié)構(gòu)圖和教學實施模型，起到使用說明書的作用。

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

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

圖2 課程首頁

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

3.2 網(wǎng)絡(luò)課程開發(fā)的技術(shù)方案

(1)開發(fā)平臺。

操作系統(tǒng)：Windows XP

軟件開發(fā)工具：MyEclipes7.5

設(shè)計工具：Dreamweaver Mx，Photoshop CS2，F(xiàn)lash 8.0，Cool Edit Pro2.0，Premiere Pro2.0等。

(2)運行平臺。

操作系統(tǒng)：Windows 2000/Windows 2003/Linux/Unix/Windows XP/Windows7

網(wǎng)站服務(wù)器：Tomcat6.0(網(wǎng)站服務(wù)器)

后臺數(shù)據(jù)庫：SQL Server 2008

(3)網(wǎng)絡(luò)課程應(yīng)用方式：瀏覽器/服務(wù)器模式。

(4)混合運用多種技術(shù)和工具進行網(wǎng)站設(shè)計與開發(fā)(包括JavaScript，Java等)，并采用組件技術(shù)(包括Jspsmartupload)實現(xiàn)網(wǎng)站高端應(yīng)用。

(5)綜合運用多種網(wǎng)絡(luò)信息資源開發(fā)新技術(shù)，進行網(wǎng)站的資源編碼和設(shè)計，特別是采用3層架構(gòu)技術(shù)，使網(wǎng)站的資源管理條理清晰。

3.3 網(wǎng)絡(luò)課程體系結(jié)構(gòu)

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

網(wǎng)站設(shè)計與制作網(wǎng)絡(luò)課程結(jié)構(gòu)如圖3所示。

圖3 網(wǎng)站設(shè)計與制作網(wǎng)絡(luò)課程結(jié)構(gòu)圖

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

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

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

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

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

4 基于網(wǎng)站設(shè)計與制作網(wǎng)絡(luò)課程的教學模型

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

4.1 網(wǎng)絡(luò)課程的教學模型

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

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

圖4 基于高職網(wǎng)站設(shè)計與制作網(wǎng)絡(luò)課程的教學模型

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

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

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

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

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

在學習過程中，教師和學生都要對自己的教學和學習情況進行整理和總結(jié)，根據(jù)實際情況，對學習計劃、目標要求、評價標準等做出適當?shù)男薷模瑸楹罄m(xù)學習做好準備。

4.2 教學實施與效果分析

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

5 存在的問題和后續(xù)工作

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

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

6 結(jié)束語

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

[1]黃榮懷.教育技術(shù)學導(dǎo)論[M].北京:高等教育出版社,2006.

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

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

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