網(wǎng)站設(shè)計(jì)教學(xué)改革中的慕課資源建設(shè)

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

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；慕課；教學(xué)改革；微課資源

1.背景

近幾年來，慕課以其大規(guī)模、網(wǎng)絡(luò)化、開放式等特點(diǎn)獲得了越來越多的關(guān)注，慕課資源的建設(shè)也如火如荼地進(jìn)行著，斯坦福大學(xué)、麻省理工學(xué)院、哈佛大學(xué)、北京大學(xué)、清華大學(xué)、香港中文大學(xué)等國(guó)內(nèi)外知名院校都開始建設(shè)慕課課程，為更多的人提供優(yōu)質(zhì)的學(xué)習(xí)資源。我國(guó)的國(guó)家精品開放課程和慕課在形式、本質(zhì)上都非常相似，重點(diǎn)都是建立完整、優(yōu)質(zhì)的在線課程資源，以推動(dòng)高等教育的改革。網(wǎng)站設(shè)計(jì)課程教學(xué)內(nèi)容復(fù)雜多樣，因此建設(shè)具備完整教學(xué)環(huán)節(jié)的慕課資源是推動(dòng)該課程教學(xué)改革的一個(gè)重點(diǎn)。

2.網(wǎng)站設(shè)計(jì)在教學(xué)中遇到的問題

網(wǎng)站設(shè)計(jì)是一門通識(shí)課程，學(xué)生人數(shù)眾多，課程受眾面廣，如何有效地開展教學(xué)面臨著一些問題，具體表現(xiàn)在以下幾個(gè)方面。

1）課程涉及面廣，知識(shí)點(diǎn)零碎多樣，不易于學(xué)生掌握。

網(wǎng)站設(shè)計(jì)這門課程實(shí)踐性很強(qiáng)，主要介紹網(wǎng)頁(yè)編輯制作技術(shù)，要求學(xué)生掌握的內(nèi)容包括Dreamweaver、Photoshop、CSS+DIV技術(shù)等。這些內(nèi)容不僅知識(shí)點(diǎn)眾多，而且不系統(tǒng)，學(xué)生單憑在課堂內(nèi)的學(xué)時(shí)很難全面掌握。因此，建立以知識(shí)點(diǎn)為中心的課程資源，讓學(xué)生可以在課堂內(nèi)外學(xué)習(xí)掌握這些知識(shí)點(diǎn)，是一種有效的方法。

2）學(xué)生水平參差不齊，課程的具體實(shí)施很有難度。

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

3.慕課資源的建設(shè)

慕課作為大規(guī)模開放性共享課程，課程資源的建設(shè)是其中的重點(diǎn)。有別于普通的課程資源建設(shè)，慕課具備開放性，可以讓更多的人參與到課程內(nèi)容的建設(shè)中來。教師可以充分發(fā)揮優(yōu)秀學(xué)生的積極l生，讓他們也參與慕課課程資源的建設(shè)。

慕課的資源主要包括多媒體課件、微課、操作視頻、課堂練習(xí)等。慕課平臺(tái)的設(shè)計(jì)為半開放式，教師和學(xué)生共同參與課程建設(shè)。圖1顯示了教師和學(xué)生對(duì)慕課課程資源的貢獻(xiàn)。

圖1中，教師在建設(shè)各種資源基礎(chǔ)上，適當(dāng)吸收部分學(xué)生制作的優(yōu)秀微課視頻、操作視頻，以及學(xué)生編寫的課堂練習(xí)精品作為教學(xué)資源的補(bǔ)充。圖l僅列出部分教學(xué)資源，除了以上幾種外，還包括課后輔助作業(yè)、學(xué)生和教師的反思等資源。

3.1以知識(shí)點(diǎn)為中心，重新劃分教學(xué)單元

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

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

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

課程圍繞上述模塊和知識(shí)點(diǎn)展開教學(xué)，具有以下幾個(gè)優(yōu)點(diǎn)。

（1）內(nèi)容選擇上由淺人深，層層相扣。例如，網(wǎng)頁(yè)編輯是最基礎(chǔ)的模塊，有了基礎(chǔ)模塊中樣式概念的基礎(chǔ)，后面的CSS+DIV模塊學(xué)習(xí)起來就會(huì)相對(duì)簡(jiǎn)單些。

（2）為每個(gè)知識(shí)點(diǎn)配置了操作視頻和課堂練習(xí)，使學(xué)生可以進(jìn)行多樣化的學(xué)習(xí)。學(xué)生也可以作為教學(xué)資源建設(shè)的參與者，在教師微課視頻基礎(chǔ)上將自己錄制的操作視頻上傳，教師選擇優(yōu)秀的視頻補(bǔ)充到資源庫(kù)中，此種方式可以極大地提高學(xué)生主動(dòng)學(xué)習(xí)的動(dòng)力和能力。

3.2構(gòu)建動(dòng)態(tài)樹狀慕課資源

網(wǎng)站設(shè)計(jì)課程內(nèi)容有網(wǎng)頁(yè)基礎(chǔ)、Dreamweaver基礎(chǔ)、Photoshop基礎(chǔ)等，知識(shí)點(diǎn)零散。如何將這些知識(shí)內(nèi)容構(gòu)成慕課資源的一個(gè)有機(jī)整體，也是我們研究的一個(gè)內(nèi)容。為了更好地組織結(jié)構(gòu)，我們使用以知識(shí)點(diǎn)為中心的動(dòng)態(tài)樹狀結(jié)構(gòu)，其結(jié)構(gòu)如圖2所示。

我們將網(wǎng)站設(shè)計(jì)這門課程分為20個(gè)知識(shí)點(diǎn)，每個(gè)知識(shí)點(diǎn)包含課件、微課視頻、操作視頻、課堂練習(xí)、反思等資源，每個(gè)資源又可以細(xì)分，例如針對(duì)某個(gè)知識(shí)點(diǎn)，可以包含多個(gè)操作視頻，這些視頻之間可以是組合關(guān)系、并列關(guān)系，也可以是補(bǔ)充關(guān)系。

圖2中最下面一層的對(duì)象是可以動(dòng)態(tài)擴(kuò)充的：一方面，教師可以在基本建設(shè)的基礎(chǔ)上，逐步添加各種資源，包括操作視頻、課堂練習(xí)、教學(xué)反思等；另一方面，教師可以鼓勵(lì)學(xué)生積極參與資源建設(shè)，對(duì)學(xué)生設(shè)計(jì)的操作視頻、課堂練習(xí)、反思等資源進(jìn)行遴選，把優(yōu)秀的資源分類添加到資源庫(kù)中。

4.結(jié)語(yǔ)

在網(wǎng)站設(shè)計(jì)教學(xué)改革中，我們利用慕課網(wǎng)絡(luò)結(jié)構(gòu)平臺(tái)，以知識(shí)點(diǎn)為中心將多種類型的資源（包括微課視頻、多媒體課件、課程練習(xí)）進(jìn)行組合，有助于教師提高課程的教學(xué)效果，促進(jìn)學(xué)生通過網(wǎng)絡(luò)實(shí)現(xiàn)積極主動(dòng)學(xué)習(xí)，真正實(shí)現(xiàn)因材施教和學(xué)生的個(gè)性化發(fā)展。