網站設計教學改革中的慕課資源建設

摘要：針對網站設計課程教學改革面臨的知識點涉及面廣、學生水平參差不齊等特點，闡述如何建設該課程的慕課教學資源，具體分析和設計建設方案，介紹以知識點為核心的資源組織方式。

關鍵詞：網站設計；慕課；教學改革；微課資源

1.背景

近幾年來，慕課以其大規模、網絡化、開放式等特點獲得了越來越多的關注，慕課資源的建設也如火如荼地進行著，斯坦福大學、麻省理工學院、哈佛大學、北京大學、清華大學、香港中文大學等國內外知名院校都開始建設慕課課程，為更多的人提供優質的學習資源。我國的國家精品開放課程和慕課在形式、本質上都非常相似，重點都是建立完整、優質的在線課程資源，以推動高等教育的改革。網站設計課程教學內容復雜多樣，因此建設具備完整教學環節的慕課資源是推動該課程教學改革的一個重點。

2.網站設計在教學中遇到的問題

網站設計是一門通識課程，學生人數眾多，課程受眾面廣，如何有效地開展教學面臨著一些問題，具體表現在以下幾個方面。

1）課程涉及面廣，知識點零碎多樣，不易于學生掌握。

網站設計這門課程實踐性很強，主要介紹網頁編輯制作技術，要求學生掌握的內容包括Dreamweaver、Photoshop、CSS+DIV技術等。這些內容不僅知識點眾多，而且不系統，學生單憑在課堂內的學時很難全面掌握。因此，建立以知識點為中心的課程資源，讓學生可以在課堂內外學習掌握這些知識點，是一種有效的方法。

2）學生水平參差不齊，課程的具體實施很有難度。

由于該課程面向全校，不同專業的學生在相關知識基礎以及知識點的掌握上都有較大差異，學生之間存在的個性差異導致一些學生掌握知識較快，而另一些學生則相對較慢。教師在課堂教學中很難把握教學進度，進度太快或太慢都會影響學生的積極性。因此，有效地建立完整的課程短視頻資源，可以使學生能夠根據自己的學習情況有選擇地瀏覽相關知識點教學視頻，進而鞏固知識；對于理解得不夠充分的知識點，學生可以反復觀看微課程并進行課堂練習，直到有效掌握知識。另一方面，借助網絡平臺，學生可以充分利S0hJEhemPJjEeU3clERKQnrfvKrphO4U9PVVUUJlKYM=用碎片化的時間進行學習。

3.慕課資源的建設

慕課作為大規模開放性共享課程，課程資源的建設是其中的重點。有別于普通的課程資源建設，慕課具備開放性，可以讓更多的人參與到課程內容的建設中來。教師可以充分發揮優秀學生的積極l生，讓他們也參與慕課課程資源的建設。

慕課的資源主要包括多媒體課件、微課、操作視頻、課堂練習等。慕課平臺的設計為半開放式，教師和學生共同參與課程建設。圖1顯示了教師和學生對慕課課程資源的貢獻。

圖1中，教師在建設各種資源基礎上，適當吸收部分學生制作的優秀微課視頻、操作視頻，以及學生編寫的課堂練習精品作為教學資源的補充。圖l僅列出部分教學資源，除了以上幾種外，還包括課后輔助作業、學生和教師的反思等資源。

3.1以知識點為中心，重新劃分教學單元

為了方便學習者有效的學習，我們把慕課資源的組織以知識點為劃分單元，微課視頻以7-10分鐘為一課，每個視頻講述一個知識點，學習者可以使用多種渠道利用碎片時間學習。

根據慕課資源建設要求，我們將網站設計這門課程分解為4個模塊，共20個知識點。每個知識點包含5～10分鐘的微課和1～2個操作視頻以及相應的課堂練習、課件、教學反思等。表1列出了針對每個知識點的微課視頻、操作視頻和課堂練習組織情況。對于理論性的知識點，我們沒有安排對應的操作視頻和課堂練習，可以通過增加課后習題庫的方式幫助學生鞏固知識點。

從表1可以看到，我們將整個課程分為編輯網頁、樣式化網頁、美化網頁、綜合應用4個模塊，每個模塊包含若干個知識點。編輯網頁是第一個模塊，包含站點基礎知識、HTML基礎、表格、框架布局等，這些內容被設計成知識點的形式。例如，在樣式介紹中，樣式的概念作為一個知識點，主要講述樣式的定義和樣式的3種方式；樣式的應用作為一個知識點，講述如何定義一個樣式并將樣式應用于不同的對象中。樣式化網頁是在編輯網頁的基礎上，對網頁整體風格進行設計，其中的技術包括CSS+DIV、模板和庫。美化網頁是對網頁的外觀進行設計，主要使用Photoshop對網頁進行效果圖設置并對網頁中的圖片進行處理。最后一個模塊綜合應用，介紹一個網站從建立到發布的全過程。

課程圍繞上述模塊和知識點展開教學，具有以下幾個優點。

（1）內容選擇上由淺人深，層層相扣。例如，網頁編輯是最基礎的模塊，有了基礎模塊中樣式概念的基礎，后面的CSS+DIV模塊學習起來就會相對簡單些。

（2）為每個知識點配置了操作視頻和課堂練習，使學生可以進行多樣化的學習。學生也可以作為教學資源建設的參與者，在教師微課視頻基礎上將自己錄制的操作視頻上傳，教師選擇優秀的視頻補充到資源庫中，此種方式可以極大地提高學生主動學習的動力和能力。

3.2構建動態樹狀慕課資源

網站設計課程內容有網頁基礎、Dreamweaver基礎、Photoshop基礎等，知識點零散。如何將這些知識內容構成慕課資源的一個有機整體，也是我們研究的一個內容。為了更好地組織結構，我們使用以知識點為中心的動態樹狀結構，其結構如圖2所示。

我們將網站設計這門課程分為20個知識點，每個知識點包含課件、微課視頻、操作視頻、課堂練習、反思等資源，每個資源又可以細分，例如針對某個知識點，可以包含多個操作視頻，這些視頻之間可以是組合關系、并列關系，也可以是補充關系。

圖2中最下面一層的對象是可以動態擴充的：一方面，教師可以在基本建設的基礎上，逐步添加各種資源，包括操作視頻、課堂練習、教學反思等；另一方面，教師可以鼓勵學生積極參與資源建設，對學生設計的操作視頻、課堂練習、反思等資源進行遴選，把優秀的資源分類添加到資源庫中。

4.結語

在網站設計教學改革中，我們利用慕課網絡結構平臺，以知識點為中心將多種類型的資源（包括微課視頻、多媒體課件、課程練習）進行組合，有助于教師提高課程的教學效果，促進學生通過網絡實現積極主動學習，真正實現因材施教和學生的個性化發展。