武海麗，李翠紅，杜星月，李志河（.臨汾職業(yè)技術(shù)學院計算機系，山西臨汾04000；.山西信息職業(yè)技術(shù)學院信息工程系，山西臨汾　04000；.山西師范大學教育技術(shù)與傳媒學院，山西臨汾04000）

《網(wǎng)頁設計與制作》網(wǎng)絡課程的構(gòu)建*

武海麗1，李翠紅2，杜星月3，李志河3
（1.臨汾職業(yè)技術(shù)學院計算機系，山西臨汾041000；2.山西信息職業(yè)技術(shù)學院信息工程系，山西臨汾041000；3.山西師范大學教育技術(shù)與傳媒學院，山西臨汾041000）

《網(wǎng)頁設計與制作》網(wǎng)絡課程以學生為中心，采用基于項目的學習方法，依據(jù)“建構(gòu)主義”教學理論，將線上與線下、案例學習、協(xié)作學習、探究學習及知識共享等學習過程融合在一起，通過“情景體驗、項目準備、項目行動、項目反思”四個環(huán)節(jié)開展網(wǎng)絡技能訓練，讓學生親自參與項目，培養(yǎng)學生獨立分析和解決問題的能力。

網(wǎng)頁設計與制作；網(wǎng)絡課程；建構(gòu)主義；基于項目的學習

一、功能介紹

《網(wǎng)頁設計與制作》網(wǎng)絡課程面向高職教育，課程從網(wǎng)頁設計與制作的實際需要出發(fā)，全面、系統(tǒng)地介紹網(wǎng)頁設計與制作的基礎知識、網(wǎng)頁編輯軟件等相關知識?！毒W(wǎng)頁設計與制作》網(wǎng)絡課程分為教師隊伍、教研教改、認證考試、網(wǎng)上學習、教師在線、他山之石、素材集錦7個模塊；網(wǎng)絡課程左邊設置網(wǎng)頁欣賞、巨幅全景圖、案例學習、資源下載、網(wǎng)站策劃方案、項目案例庫、學生企業(yè)建站、設計師成長規(guī)律、在線留言、常見問題、50個好網(wǎng)站等欄目；網(wǎng)站中下部設有走進空間課堂特色欄目，包括：專業(yè)技能大賽、項目實踐、教程錄屏、課程論壇、案例精粹、在線測試6個部分。

1.模塊功能介紹

（1）教師隊伍

《網(wǎng)頁設計與制作》網(wǎng)絡課程教師隊伍模塊包括：課程負責人、師資結(jié)構(gòu)、師資培養(yǎng)三個部分，主要介紹人才培養(yǎng)模式及創(chuàng)新、師資結(jié)構(gòu)，課程教學團隊中教師的責任感和團隊合作精神方面的情況，教師隊伍對于網(wǎng)絡課程的開發(fā)起著至關重要的作用，《網(wǎng)頁設計與制作》網(wǎng)絡課程開發(fā)人員都是10年以上從事教育的在職人員，從師資隊伍上保證了網(wǎng)絡課程開發(fā)的質(zhì)量。

（2）教研教改

《網(wǎng)頁設計與制作》網(wǎng)絡課程教研教改模塊主要包括：教研主題、教學實踐與思考、教研成果、教學創(chuàng)新、教學情景等部分，此模塊展示了課程教師近5年的研究成果、真實企業(yè)的教學情景模擬、教師開展教研活動記錄及舉辦講座的情況和近5年來的業(yè)績考核及有關課堂教學的獲獎情況，針對高職類學生特點，此模塊給學生創(chuàng)設大量的情境讓學生來參與項目。

（3）認證考試

《網(wǎng)頁設計與制作》網(wǎng)絡課程認證考試模塊主要包括：ITAT比賽說明、ITAT歷年真題、ITAT指定教程、網(wǎng)頁設計師、專業(yè)技能大賽等部分，此模塊主要是針對專業(yè)技能人才的培養(yǎng)，同時讓行業(yè)證書就業(yè)與國家職業(yè)資格接軌。

（4）網(wǎng)上學習

《網(wǎng)頁設計與制作》網(wǎng)絡課程網(wǎng)上學習模塊包括：課堂論壇、學習教程、在線測試、疑難解析、模擬試題、教程錄屏、學生賞析網(wǎng)站、資源下載、在線留言等部分。將課堂氣氛引入網(wǎng)絡課堂，學生參與討論、研討，師生互動得到一個很好的體驗。學生可以在線測試，網(wǎng)上解決疑難問題，學生對網(wǎng)站的賞析感受，有效共享豐富的學習資源。

（5）教師在線

總體上看，家庭、宗族、社區(qū)、政府等均為農(nóng)村養(yǎng)老提供了資源供給，而家庭是主要的供給者，政府一直都充當著有限養(yǎng)老供給的角色。政府作為社會福利的主要供給者，不能只滿足農(nóng)村地區(qū)最低限度要求，而是要成為主要供給者，為農(nóng)村養(yǎng)老提高充分的制度支持與資源支撐。

《網(wǎng)頁設計與制作》網(wǎng)絡課程教師在線模塊包括：QQ即時通、課堂論壇、公告三個部分，讓教師更加平易近人，走進學生學習生活。公告告知學生近期舉辦的活動，以及學習的進度和數(shù)據(jù)資源來源。

（6）他山之石

《網(wǎng)頁設計與制作》網(wǎng)絡課程他山之石模塊針對學生的個性化學習，讓學生學習別人先進的、成功的經(jīng)驗來解決自己的問題。比如在網(wǎng)頁設計中，我們先學習他人設計網(wǎng)站的經(jīng)驗，來達到自己學習的目標，解決自己的問題等等。

（7）素材集錦

《網(wǎng)頁設計與制作》網(wǎng)絡課程模塊提供大量的資源供學生下載，素材存于百度網(wǎng)盤，實現(xiàn)資源共享，讓學生可以輕松地享受豐富多彩的學習資源。

《網(wǎng)頁設計與制作》網(wǎng)絡課程采用基于項目的學習模式，網(wǎng)頁欣賞欄目讓學生先賞析網(wǎng)站；巨幅全景圖欄目讓學生通過觀看首頁banner圖，使感性認識上升到理論實踐，提高學生的學習效果，培養(yǎng)學生的創(chuàng)新思維；案例學習欄目根據(jù)“案例教學”教師課堂里所講解的知識，進行案例學習；資源下載欄目提供了豐富的共享資源，便于學生自主學習；網(wǎng)站策劃方案欄目提供豐富的網(wǎng)站策劃方案，給學生設計頁面時提供好的導向，培養(yǎng)學生邏輯思維和解決問題的能力；項目案例庫欄目提供真實的完整項目案例庫，學生自己模擬學習，掌握知識技能；常見問題欄目給學生們提供在線交流平臺，解決學生的疑問；學生企業(yè)建站欄目提供一些學生參與的真實企業(yè)項目建設，體現(xiàn)教學成果；設計師成長規(guī)律欄目，通過參考網(wǎng)頁設計師的成長規(guī)律，學生就會有明確的學習目標；在線留言欄目給學生提供在線學習留言的空間，管理員會根據(jù)留言進行回復，觖決學生的實際問題；50個好網(wǎng)站欄目，提供大量的網(wǎng)站學習資源，讓學生從此上網(wǎng)不再虛度，享受知識之樂。

3.走進空間課堂

《網(wǎng)頁設計與制作》網(wǎng)絡課程設置走進空間課堂特色欄目，專業(yè)技能大賽為學生每周舉辦的本專業(yè)的技能題，拓展了學生的課外實踐課堂；項目實踐是綜合性的實訓訓練，是培養(yǎng)學生綜合知識應用的能力；教程錄屏給學生提供了一個自主學習的平臺，學生可以邊欣賞音樂邊學習視頻，實現(xiàn)快樂學習、輕松學習；課程論壇即網(wǎng)絡論壇，提供學生與老師之間一個交互式的網(wǎng)絡交流平臺，以各種類別、各個層次的人員交流為主?？梢园l(fā)表一個主題，讓大家一起來探討，也可以提出一個問題，大家一起來解決等。論壇可以讓你和別人交流，比如遇到問題了，可以在相關論壇里面得到自己想要的答案；案例精粹提供了很多Div+CSS架構(gòu)的網(wǎng)頁框架模板、素材，學生可以下載下來自己研究，也可以互相交流、學習；在線測試主要在線測試學生掌握基礎知識的程度，學生的學習效果，對所學理論知識有一個綜合應用，如圖1所示為《網(wǎng)頁設計與制作》網(wǎng)絡課程走進空間課堂特色欄目。

圖1　走進空間課堂欄目

二、設計理論基礎

1.學習模式—基于項目的學習

《網(wǎng)頁設計與制作》網(wǎng)絡課程面向高職教育，課程設計與開發(fā)主要是采用基于項目的學習模式，以案例學習、專題研討、設計實踐作為輔助?；陧椖繉W習（Project-based Learning，簡稱PBL），是一種新型的探究性教學模式，是以學科的概念和原理為中心，學生通過參與真實的活動項目，進行調(diào)查、研究、協(xié)作，最終形成產(chǎn)品或解決問題，從而建構(gòu)知識的學習活動，學生圍繞復雜的、來自真實情境的主題，在精心設計任務、活動的基礎上，進行較長時期的開放性探究，促進學生自主投入學習，提高終身學習能力和素質(zhì)，最終建構(gòu)起知識的意義和提高自身能力。

圖2　學習模式

《網(wǎng)頁設計與制作》網(wǎng)絡課程基于項目學習的基本過程是：教師在課前整體把握課程內(nèi)容，將課程內(nèi)容設計為幾個不同的完整的項目，通過任務、活動的形式展開，學生在老師的引導下負責收集信息、設計方案、實施項目，完成最終評價。學生的學習強調(diào)任務驅(qū)動性、開放性、情境性，在《網(wǎng)頁設計與制作》網(wǎng)絡課程中，學生通過項目進行學習，包括親自調(diào)研、查閱文獻、收集資料、分析研究、撰寫論文，了解并把握整個過程及每一環(huán)節(jié)中的基本要求，不斷動腦思考、動手操作實踐，將理論知識和實際問題緊密結(jié)合，培養(yǎng)了合作、解決問題、表達的綜合能力，強調(diào)學生學習的主動性、積極性、創(chuàng)造性，學生的學習重點是學習過程而不是學習結(jié)果，項目結(jié)束后應有一件可以看得到的產(chǎn)品，如圖2所示為《網(wǎng)頁設計與制作》網(wǎng)絡課程學習模式。

2.教學方法

《網(wǎng)頁設計與制作》網(wǎng)絡課程設計依據(jù)“建構(gòu)主義”理論，將線上與線下、案例學習、協(xié)作學習、探究學習及知識共享等學習過程融合在一起。通過“情景體驗、項目準備、項目行動、項目反思”四個環(huán)節(jié)開展網(wǎng)絡技能訓練。有效解決了網(wǎng)頁設計技能形成性評價弱，不能有效訓練能力等問題。大力開展多項學生技能競賽或展示活動，依據(jù)國際著名的“BTEC職業(yè)教育模式”課程教學，將教學分成三個部分，理論學習占總學時的1/3，學生自主學習與實訓活動占總學時的1/3，社會實踐活動占總學時的1/3。

面向教、學、做、評一體化的教學模式和BTEC職業(yè)教育模式的綜合運用，培養(yǎng)了適合社會需要的應用型、實用型人才?！毒W(wǎng)頁設計與制作》網(wǎng)絡課程還包括：實訓大綱、實訓考核、實訓計劃書、實訓案例、單元項目實訓、工作項目、項目展示、網(wǎng)站策劃方案、作品賞析、教學成果等部分；教材建設包括：課程資源、教學案例、實戰(zhàn)課題、擴展演練、項目方案、項目案例庫、教學指導等部分；設計欣賞包括：學生企業(yè)建站、案例精粹、網(wǎng)站欣賞、巨幅全景圖，展示學生參與真實企業(yè)項目的設計，體現(xiàn)應用價值，培養(yǎng)在校學生網(wǎng)頁設計鑒賞能力。

三、系統(tǒng)分析圖

1.整體數(shù)據(jù)庫架構(gòu)圖

《網(wǎng)頁設計與制作》網(wǎng)絡課程前臺分為：在線測試、在線答疑、在線留言、網(wǎng)絡論壇四部分，網(wǎng)站的開發(fā)環(huán)境為ASP.NET，系統(tǒng)只需要安裝IIS、Microsoft Office，配置web服務器，連網(wǎng)環(huán)境下就可正常運行，后臺支持增加、修改、刪除新聞類別和專題；管理用戶信息留言，及時了解網(wǎng)站用戶的需求，實現(xiàn)站內(nèi)搜索功能；新聞的類別、標題、介紹、圖片等內(nèi)容自動生成頁面，支持網(wǎng)站流量訪問統(tǒng)計系統(tǒng)，支持網(wǎng)絡論壇功能，支持在線測試功能，支持QQ即時通功能，如圖3所示為《網(wǎng)頁設計與制作》網(wǎng)絡課程整體架構(gòu)。

圖3　網(wǎng)站整體架構(gòu)

2.后臺系統(tǒng)流程圖

《網(wǎng)頁設計與制作》網(wǎng)絡課程后臺系統(tǒng)管理員從后臺入口輸入用戶名和密碼進入，在一級頁面可完成對會員、走進空間、模塊、欄目、留言的管理，也可對系統(tǒng)進行設置，具體的實施步驟是對其進行添加、刪除、取消、查看、保存、修改、設置、審核、回復；在二級頁面可完成對論壇、公告、上傳文件的管理，也可設置模板，具體的實施步驟是對其進行提問、多人回復、刪除、上傳、更新、創(chuàng)建、選擇、確認等操作，如圖4所示為網(wǎng)絡課程流程圖。

圖4　網(wǎng)絡課程系統(tǒng)流程圖

四、結(jié)語

《網(wǎng)頁設計與制作》網(wǎng)絡課程通過軟件測試，數(shù)據(jù)傳輸準確，運行穩(wěn)定，采用動態(tài)數(shù)據(jù)實現(xiàn)技術(shù)和模塊化程序設計技術(shù)，使網(wǎng)站具有良好的可擴展性和可移植性。后臺的管理維護簡單快捷，在使用過程中不受時間和地點限制，隨時隨地更新網(wǎng)站的內(nèi)容，網(wǎng)站經(jīng)過多次修改、完善，目前已是穩(wěn)定版本，各項功能實現(xiàn)完整，達到預期教學效果。

［1］百度百科［DB/OL］.http：//baike.baidu.com/link？url= 2GwBXq_e-7cah-CPBVy-VzlL1pcOh2drOMOIasJs7u K8VzhaAMtyNUtfaUD735Nkehdt5JAFWM-btPrlH5FXMa.

［2］熊偉，王振旗，張麗靜.高校信息化建設進程中的問題與對策［J］.中國教育信息化，2008（15）：14-16.

［3］劉小晶，張劍平，杜衛(wèi)鋒.基于五星教學原理的微課教學設計研究［J］.現(xiàn)代遠程教育研究，2015（1）：82-89.

［4］劉婕，張琳.ASP.NET 2.0+SQL Server動態(tài)網(wǎng)站開發(fā)［M］.北京：電子工業(yè)出版社，2007：54-60.

［5］房大偉，龐婭娟.ASP.NET開發(fā)典型模塊大全［M］.北京：人民郵電出版社，2010：43-56.

［6］胡慶芳著.優(yōu)化課堂教學：方法與實踐［M］.北京：中國人民大學出版社，2014.

（編輯：李曉萍）

G434

B

1673-8454（2016）12-0050-03

本文系2014年國家社科教育學青年基金課題“我國高職院校學生學習能力評價及培養(yǎng)研究”（編號：CJA110159）階段性成果。