《網頁設計與制作》網絡課程的構建*

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

《網頁設計與制作》網絡課程的構建*

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

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

網頁設計與制作；網絡課程；建構主義；基于項目的學習

一、功能介紹

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

1.模塊功能介紹

（1）教師隊伍

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

（2）教研教改

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

（3）認證考試

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

（4）網上學習

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

（5）教師在線

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

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

（6）他山之石

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

（7）素材集錦

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

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

3.走進空間課堂

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

圖1　走進空間課堂欄目

二、設計理論基礎

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

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

圖2　學習模式

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

2.教學方法

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

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

三、系統分析圖

1.整體數據庫架構圖

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

圖3　網站整體架構

2.后臺系統流程圖

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

圖4　網絡課程系統流程圖

四、結語

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

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

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

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

［4］劉婕，張琳.ASP.NET 2.0+SQL Server動態網站開發［M］.北京：電子工業出版社，2007：54-60.

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

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

（編輯：李曉萍）

G434

B

1673-8454（2016）12-0050-03

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