《網頁設計》精品課程設計探索

劉雷

摘要：《網頁設計》是軟件專業的一門專業基礎課。通過該課程的學習，利用“互聯網+”和大數據技術構建真實的師生學習互動平臺，通過互聯網在線學習方式，使學生能夠掌握網頁設計制作的基本知識和技巧，同時熟悉網站建設的基本知識，達到能獨立構建簡單網站或團隊協作構建大型網站的能力。在完成基本知識教學的同時，通過實踐環節，強化對學生動手能力的培養與訓練。

關鍵詞：網頁設計;課程設計;考核方法

中圖分類號：G642? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2019）16-0165-01

開放科學（資源服務）標識碼（OSID）：

1 引言

現階段，網頁設計課程教學內容一般只專注與一些技術軟件的基本操作，讓學生使用一些代碼或者文字圖片等等內容制作出來一個簡單的網頁或者網站，通過這樣的教學模式，學生沒有自己的想法和思維，機械地跟著老師做做網頁，又或者教材比較落后，教學模式比較單一等等，導致了學生學成三年后，很難在上手制作一些個性化網頁或網站。所以創新教學模式，改革教學方法迫在眉睫。

2 課程設計

本課設計程旨在培養學生網頁設計與制作能力，并且滿足社會對計算機專業人才的需求，并從事網站建設等相關的崗位。根據軟件技術專業人才培養方案，《網頁設計》是重要的專業技能課程，是作為高職學生基本技能訓練與考核的項目之一。課程內容以工作任務來組織學習內容，以案例驅動貫穿整個教學過程。教學方法由淺入深，最后完成大型網站的開發項目。課程教學中使用Dreamweaver作為主要開發工具，要重視HTML+CSS樣式的講解和應用，掌握規劃、開發、發布和管理靜態網站的專業知識和技能;能獨立構建簡單網站或通過小組形式完成較復雜網站的建設。課程實施以網絡平臺，學生通過觀看資源庫進行自主學習，上課帶著問題進入課堂;課堂上以3—4人為小組完成靜態網站的建設，課后根據自己掌握情況通過觀看資源庫進行自主復習，鞏固所學知識;期末通過網站綜合項目實訓，總結本學期所學內容，以培養學生開發能力、溝通能力、團隊協作能力，為以后的就業打下良好的基礎。

3 教學方法及課程設計

本課程教學方法主要是“以項目實踐、任務驅動和過程處理”為理念[1]，采用任務（項目）驅動方式，實施教學。針對課程中的基本知識的重點和難點，授課教師從學生認知規律出發，不斷改進和豐富教學方法，讓學生在具體的情境中積極主動地完成項目教學的具體任務，寓學于樂。采用任務教學法、多媒體課件演示，案例教學法，分組討論法、微視頻學習法，小組競賽法等方法。這幾種教學方法優勢互補，相輔相成，引導學生在積極思考，樂于實踐中完成網頁制作。不僅讓學生全面學習了解了網站開發整個過程，同時提升了學生團結協作開發，了解、剖析問題，解決問題的職業能力。

具體課程設計思路如下圖：

4 考核方法

（1）該課程是考試課

（2）考核形式：平時成績+上機操作+實訓作品+期末考試

（3）成績的計算方法：

①平時成績：15%（主要評估學生的現實表現與視頻觀看學習）

②上機操作測試：15%

《網頁設計》是軟件技術專業核心課程，在對這門課的考核中，要采用多種方式考核方式綜合評價學生成績，總體原則是淡化課程期末考試成績，注重學生平時學習表現。課程總成績可以參照以下公式：

課程總成績[2]=平時成績?15%+上機操作測試?15%+實訓作品?35%+期末考試?35%

開課初期就對學生明確本課程的考核方法。期末總成績為綜合考核評定，分別由平時成績（15%左右）上機操作測試（15%左右）、實訓作品（35%左右）、期末考試（35%左右）、等項目組成，其中，平時成績包括觀看資源庫進行自主學習和復習時間及內容、到課率及平時課上表現情況;上機操作測試注重考核學生平時上機測試期間，對所學知識、網頁、網站的積累程度;綜合實訓內容主題網站的建設是重要的評價項目，所占比重較大，通過綜合項目作品可以看出學生對網頁設計與制作這門課程的總體掌握程度，作品的好壞反映學生學習的總體水平;期末成績為期末考試成績，該內容可以考核學生對基礎知識的掌握程度。

5 總結

《網頁設計》精品在線開放課程在學院應屆及往屆學生中得到了普遍使用，現在視頻累計觀看次數超過十二萬次，課后試題模擬使用超過百萬次。通過在校學生和往屆學生評價滿分并且得出以下優點：（1）利用互聯網技術與課程的信息化技術相融合的模式，制定出全新的課程體系及考核標準，改變傳統的“填鴨式”課堂式教學方法。（2）建立一套正確合理的溝通機制，讓學生在使用在線課程的過程中發現的問題并能夠得到及時的解決，利用互聯網在線學習，不是單向從書本致學生的輸出形式，而是雙向互動模式，解決傳統“灌輸式”“填鴨式”教學方法，將學生從被動學習、缺乏創新的過程中解放出來，實現個性化主動學習，真正發揮“互聯網+”的優勢和價值。（3）在線課程內容多種多樣，從視頻講解、習題解答情境真實，利用真實網頁案例視頻與仿真實驗模式的互補，充分發揮各自優勢，提高情境化教學水平，讓學生即使在寢室、休息時也能獲得實景化的學習體驗。（4）構建教學資源庫，有效整合網頁素材資源，促進優質、龐大的教學資源的共享，提高專業教學質量，使學生善學、樂學。（5）利用“互聯網+”和大數據技術構建真實的師生學習互動平臺，不僅解決了傳統課程授課方式存在的問題，而且拓展了課程服務對象和規模，同時響應了國家號召，創新性的發展“互聯網+”教學模式，更利于教學的實施。

參考文獻：

[1] 閆慧潔，張艷波.結合課程改革的《網頁設計與制作》教學模式探討[J].科技展望，2015，25（27）：200.

[2] 龍勇.高職《Dreamweaver網頁設計與制作》課程教學改革與實踐[J].軟件導刊（教育技術），2016，15（06）：11-13.

【通聯編輯：代影】