基于“混合學(xué)習(xí)”的靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)模式研究*

席先杰

（臺(tái)州職業(yè)技術(shù)學(xué)院 計(jì)算機(jī)工程系，浙江臺(tái)州318000）

一、混合學(xué)習(xí)的有關(guān)概念與特點(diǎn)

1.混合學(xué)習(xí)的概念

在教育領(lǐng)域，隨著信息技術(shù)在教育領(lǐng)域的深入，一種新的教學(xué)模式已經(jīng)形成，那就是混合學(xué)習(xí)，混合學(xué)習(xí)把傳統(tǒng)的學(xué)習(xí)優(yōu)勢(shì)與數(shù)字化學(xué)習(xí)優(yōu)勢(shì)結(jié)合起來(lái)，使二者優(yōu)勢(shì)互補(bǔ)，獲得最佳學(xué)習(xí)效果，[1]這是何克抗教授對(duì)混合學(xué)習(xí)的定義，對(duì)于混合學(xué)習(xí)的含義，李克東教授定義為“混合學(xué)習(xí)是人們通過(guò)對(duì)e-learning的反思，在教育領(lǐng)域，特別是信息技術(shù)在教育應(yīng)用領(lǐng)域較為流行的一個(gè)術(shù)語(yǔ)，其主要思想是把面對(duì)面教學(xué)和在線學(xué)習(xí)兩種學(xué)習(xí)模式進(jìn)行整合，以達(dá)到降低教育成本，提高教育效益的一種教學(xué)模式。[2]

由上可知，混合學(xué)習(xí)主要是如何把傳統(tǒng)的教學(xué)學(xué)習(xí)方式與在線學(xué)習(xí)進(jìn)行有機(jī)的結(jié)合與整合，即教師不僅只負(fù)責(zé)課堂內(nèi)容的教學(xué)與設(shè)計(jì)，也同時(shí)讓學(xué)生在課堂外，通過(guò)發(fā)達(dá)的網(wǎng)絡(luò)進(jìn)行一定的在線學(xué)習(xí)，對(duì)課堂內(nèi)容與知識(shí)進(jìn)行鞏固與提高，整個(gè)過(guò)程不僅發(fā)揮教師在教學(xué)過(guò)程中引導(dǎo)、啟發(fā)監(jiān)控作用，同時(shí)也體現(xiàn)學(xué)生在學(xué)習(xí)過(guò)程中的主動(dòng)性，積極性、創(chuàng)造性，從而獲得最佳的學(xué)習(xí)效果。[3]

2.混合學(xué)習(xí)的特點(diǎn)

混合學(xué)習(xí)是把傳統(tǒng)面對(duì)面的課堂教學(xué)學(xué)習(xí)方式與在線學(xué)習(xí)進(jìn)行有機(jī)的結(jié)合與整合的教學(xué)模式，因而混合學(xué)習(xí)既具有傳統(tǒng)學(xué)習(xí)的特點(diǎn)，又能彌補(bǔ)傳統(tǒng)學(xué)習(xí)的不足，與傳統(tǒng)的課堂教學(xué)模式相比，混合學(xué)習(xí)教學(xué)模式在教學(xué)中能較大程度地提高教學(xué)效果，主要體現(xiàn)在如下幾個(gè)方面：（1）學(xué)習(xí)的內(nèi)容可以更加廣泛；（2）師生之間的互動(dòng)更加充足；（3）學(xué)習(xí)進(jìn)度和程度易于控制；（4）學(xué)習(xí)的知識(shí)更容易掌握；（5）學(xué)生的學(xué)習(xí)情況和學(xué)習(xí)效果更易于跟蹤。

二、“靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)”課程教學(xué)現(xiàn)狀

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程是計(jì)算機(jī)類專業(yè)的通用課程和必修課程，主要講述HTML有關(guān)語(yǔ)法、網(wǎng)頁(yè)制作的基本方法、網(wǎng)頁(yè)制作工具軟件（Dreamweaver、Fireworks、Flash），網(wǎng)頁(yè)制作中用的相關(guān)標(biāo)簽、鏈接、框架、表格、行為、模板、CSS樣式定義等概念，通過(guò)本課程的學(xué)習(xí)，學(xué)生能夠綜合運(yùn)用相關(guān)知識(shí)與開發(fā)工具進(jìn)行網(wǎng)站與網(wǎng)頁(yè)開發(fā)設(shè)計(jì)，課程最終目的是學(xué)生能夠獨(dú)立開發(fā)布局合理、結(jié)構(gòu)清晰、色彩搭配合理、美觀的小型網(wǎng)站，具有企業(yè)網(wǎng)站頁(yè)面設(shè)計(jì)與制作能力，會(huì)設(shè)計(jì)與制作網(wǎng)站，勝任網(wǎng)頁(yè)制作、網(wǎng)站建設(shè)發(fā)布與維護(hù)工作，通過(guò)本課程的學(xué)習(xí)所學(xué)會(huì)的技能能提升計(jì)算類專業(yè)高職學(xué)生的就業(yè)質(zhì)量，靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程有別于傳統(tǒng)重知識(shí)理論體系的課程的教學(xué)，該課程教學(xué)的特點(diǎn)是：教師的指導(dǎo)性與學(xué)生的實(shí)際操作并重，特別是網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)設(shè)計(jì)能力的體現(xiàn)，要體現(xiàn)學(xué)生的創(chuàng)造力。綜觀現(xiàn)今大部分學(xué)校課程的教學(xué)過(guò)程主要存在以下幾方面問(wèn)題：

1.教學(xué)還停留在傳統(tǒng)的單一課堂教學(xué)模式

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)是要體現(xiàn)創(chuàng)造能力的課程，創(chuàng)造力的提高需要增加接觸面，只有見多識(shí)廣，才會(huì)自己創(chuàng)造，就像一個(gè)專家的成長(zhǎng)經(jīng)歷那樣，必須經(jīng)歷一個(gè) “生——熟——巧——靈”的過(guò)程，只有達(dá)到靈的階段，才會(huì)有創(chuàng)造力，但如果僅按當(dāng)前的課堂教學(xué)模式進(jìn)行，所有學(xué)生所完成的就會(huì)像有標(biāo)準(zhǔn)答案的作業(yè)全部一個(gè)模式樣式。

2.課程教材相對(duì)陳舊

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與信息技術(shù)相關(guān)的課程，在信息技術(shù)高速發(fā)展的今天，知識(shí)信息的更新周期越來(lái)越快，計(jì)算機(jī)相關(guān)的硬件與軟件在一年過(guò)后就會(huì)變成落后的產(chǎn)品，就目前出版的教材來(lái)看，真正能完全滿足教學(xué)需求的教材基本沒(méi)有，有很多的教材還停留于2-3年前的網(wǎng)頁(yè)設(shè)計(jì)與講解上。

3.課程的評(píng)價(jià)方式存在一定不足

靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)不像理論課，理論只要考核學(xué)生對(duì)相關(guān)理論的掌握情況就可以，但靜態(tài)網(wǎng)頁(yè)教學(xué)的目標(biāo)是讓學(xué)生學(xué)會(huì)相應(yīng)網(wǎng)頁(yè)設(shè)計(jì)與制作，網(wǎng)頁(yè)設(shè)計(jì)與制作是創(chuàng)造力的體現(xiàn)，因而評(píng)價(jià)方法就不能采用總結(jié)性評(píng)價(jià)，以期終或者課程結(jié)束后的單獨(dú)或統(tǒng)一一次考試的成績(jī)來(lái)評(píng)定教學(xué)質(zhì)量和學(xué)生學(xué)習(xí)能力。這種評(píng)價(jià)方式易使學(xué)生產(chǎn)生投機(jī)性，不易激發(fā)學(xué)習(xí)靜態(tài)網(wǎng)頁(yè)課程的積極性，不易保持學(xué)習(xí)興趣持久性。

4.師生之間的交互不足

教育效果的提高，教師與學(xué)生之間對(duì)課程相關(guān)內(nèi)容的交互是必不可少的一個(gè)環(huán)節(jié)，因?yàn)橹挥型ㄟ^(guò)交互，教師才能發(fā)現(xiàn)學(xué)生對(duì)相關(guān)知識(shí)學(xué)習(xí)掌握程度情況，找出課程中需要增加或修改的地方，但現(xiàn)今教學(xué)模式中，師生之間的交互存在很大不足，且學(xué)生在學(xué)習(xí)過(guò)程遇到問(wèn)題需要指導(dǎo)時(shí)，大部分情況也只能自己找資料進(jìn)行解決，因?yàn)槿鄙俳换テ脚_(tái)。

三、基于混合學(xué)習(xí)“靜態(tài)網(wǎng)頁(yè)”課程教學(xué)模式設(shè)計(jì)與實(shí)施

1.基于混合學(xué)習(xí)“靜態(tài)網(wǎng)頁(yè)”課程教學(xué)模式

變革課堂教學(xué)結(jié)構(gòu)，“課堂教學(xué)”是“學(xué)校教育”的核心內(nèi)容，所以“課堂教學(xué)結(jié)構(gòu)”自然而然也就是“學(xué)校教育系統(tǒng)的主要結(jié)構(gòu)”；同時(shí)也表明：“課堂教學(xué)結(jié)構(gòu)的變革”就是學(xué)校教育系統(tǒng)的“結(jié)構(gòu)性變革”。對(duì)于中國(guó)的國(guó)情來(lái)說(shuō)，這種結(jié)構(gòu)性變革的具體內(nèi)涵就是 ——要將教師主宰課堂的“以教師為中心”的傳統(tǒng)教學(xué)結(jié)構(gòu)，改變?yōu)榧瘸浞职l(fā)揮教師主導(dǎo)作用，又能突出體現(xiàn)學(xué)生主體地位的“主導(dǎo)—主體相結(jié)合”教學(xué)結(jié)構(gòu)。在系統(tǒng)結(jié)構(gòu)中，“教師與學(xué)生”之間是非線性相互聯(lián)系、相互作用的，在系統(tǒng)中：教師是教學(xué)過(guò)程內(nèi)容的組織者、引導(dǎo)者；學(xué)生是建構(gòu)意義的促進(jìn)者，教學(xué)活動(dòng)中信息加工與情感體驗(yàn)的主體；教學(xué)媒體既是輔助教師進(jìn)行教學(xué)的形象化教學(xué)工具，又是與學(xué)生進(jìn)行情感與經(jīng)驗(yàn)交流、促進(jìn)學(xué)生進(jìn)行自主學(xué)習(xí)的認(rèn)知工具；在系統(tǒng)中教材不再是唯一的教學(xué)內(nèi)容，教師應(yīng)用教材模式由“教教材”變?yōu)椤坝媒滩慕獭保瑢W(xué)生可以從多種學(xué)習(xí)對(duì)象（與本課程相關(guān)的教師、同學(xué)、朋友以及社會(huì)上的有關(guān)專家）和多種教學(xué)資源（紙質(zhì)的圖書資料、非紙質(zhì)的電子書籍、及internet網(wǎng)絡(luò)上各種相關(guān)資源）獲取課程知識(shí)。

2.基于混合學(xué)習(xí)“靜態(tài)網(wǎng)頁(yè)”課程教學(xué)模式教學(xué)平臺(tái)安裝

混合學(xué)習(xí)是將傳統(tǒng)的學(xué)習(xí)方式優(yōu)勢(shì)與數(shù)字化學(xué)習(xí)優(yōu)勢(shì)結(jié)合起來(lái)，使二者優(yōu)勢(shì)互補(bǔ)，獲得最佳學(xué)習(xí)效果，所以混合學(xué)習(xí)的實(shí)施也是由兩部分組成，一是傳統(tǒng)的課堂教學(xué)，二是基于信息技術(shù)的數(shù)字化學(xué)習(xí)（基于internet或智能移動(dòng)設(shè)備）的學(xué)習(xí)，要實(shí)現(xiàn)這樣的教學(xué)模式，在當(dāng)前現(xiàn)有CMS(課程管理系統(tǒng))中，基于Moodle的課程學(xué)習(xí)資源系統(tǒng)不僅可讓學(xué)生進(jìn)行自主學(xué)習(xí)，而且也能幫助教師進(jìn)行教學(xué)組織與教學(xué)實(shí)施，因而是實(shí)現(xiàn)混合學(xué)習(xí)的最好選擇，本文也主要論述Moodle平臺(tái)環(huán)境的安裝。

Moodle教學(xué)資源平臺(tái)的安裝分為兩部分：①linux服務(wù)器安裝和web服務(wù)器環(huán)境的安裝，②基于web服務(wù)器環(huán)境下Moodle平臺(tái)的安裝。基于Linux服務(wù)器及服務(wù)器環(huán)境下Moodle平臺(tái)的安裝方法有很多種，本人采用的是CentOS+LNMP+Moodle的安裝環(huán)境。

（1）CentOS的安裝

只需要準(zhǔn)備CentOS的安裝光盤，按照相應(yīng)的步驟操作即可，具體的安裝過(guò)程網(wǎng)上有很多的可參照資源，所以在此略去。

（2）LNMP的安裝

LNMP是現(xiàn)在是較為流行的基于linux的PHP服務(wù)軟件，自其推出以來(lái)，市場(chǎng)的份額越來(lái)越大，LNMP的安裝過(guò)程也是相對(duì)的簡(jiǎn)單，只是需要注意是的Moodle版本不同對(duì)PHP版本要求也不同，本人在課程實(shí)施過(guò)程中采用Moodle 2.4版本，對(duì)PHP的版本要求是PHP6以上。當(dāng)LNMP服務(wù)器安裝完成后輸入本機(jī)IP地址將出現(xiàn)ngix相應(yīng)界面。

（3）Moodle平臺(tái)的安裝

下載基于Linux平臺(tái)下安裝包，解壓到homewww目錄，安裝過(guò)程中需要新建moodledata并設(shè)置為可寫即可，如果Moodle 2.4版本安裝后不能點(diǎn)開“個(gè)人資料設(shè)置”與“網(wǎng)站管理”，需要在config.php中加入：$CFG-＞slasharguments=false；如圖片不能顯示需要在lnmp.conf文件中寫入rewrite"^/theme/image.php/(.*)$"/theme/image.php?file=/$1 last，moodle2.4版本，最好用的地方是，當(dāng)用戶以PC機(jī)方式訪問(wèn)課程學(xué)習(xí)網(wǎng)站時(shí)，網(wǎng)站提供的頁(yè)面是基于PC網(wǎng)頁(yè)的，當(dāng)用戶以智能設(shè)備（手機(jī)、PDA、平板電腦）訪問(wèn)時(shí)，系統(tǒng)提供的頁(yè)面是基于智能設(shè)備的，就像我們平時(shí)用手機(jī)上百度時(shí)，百度會(huì)提示一轉(zhuǎn)碼，在Moodle 2.4系統(tǒng)中，系統(tǒng)會(huì)自適應(yīng)終端設(shè)備。2012年7月19日，中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心（CNNIC）在京發(fā)布《第30次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》，稱截至2012年6月底[4]，中國(guó)網(wǎng)民數(shù)量達(dá)到5.38億，增長(zhǎng)速度更加趨于平穩(wěn)；其中最引人注目的是，手機(jī)網(wǎng)民規(guī)模達(dá)到3.88億，手機(jī)首次超越臺(tái)式電腦成為第一大上網(wǎng)終端。手機(jī)成為了我國(guó)網(wǎng)民的第一大上網(wǎng)終端，所以新的在線學(xué)習(xí)系統(tǒng)，必須支持手機(jī)訪問(wèn)。

（4）課程相關(guān)數(shù)據(jù)的設(shè)置

課程相關(guān)數(shù)據(jù)的設(shè)置，主要包括如下內(nèi)容，課程的設(shè)置，課程用戶數(shù)據(jù)的導(dǎo)入，在課程中學(xué)生數(shù)據(jù)的導(dǎo)入最好是采用統(tǒng)一導(dǎo)入方式，這樣方便用戶的分組與管理。

三、基于Mood le平臺(tái)靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)施

1.學(xué)習(xí)資源的混合

基于Moodle平臺(tái)的課程學(xué)習(xí)系統(tǒng)中相關(guān)資源與課程課堂教學(xué)所需資源進(jìn)行有機(jī)的結(jié)合，在Moodle課程學(xué)習(xí)系統(tǒng)中，系統(tǒng)支持的資源有Word文檔、Powerpoint文檔、Flash、視頻和聲音等各種類型的電子文檔，也可以使用Web表單動(dòng)態(tài)建立 （文本或HTML），連接到基于Web的外部網(wǎng)絡(luò)資源，從而可以保證資源的多樣化。在系統(tǒng)中Moodle課程資源類型包括SCORM格式、LAMS格式、星期格式、主題格式、社區(qū)格式等，在本人實(shí)施的課程中采用的是星期格式，采用星期格式，有明確的開始日期與結(jié)束日期，課程的設(shè)置與可支持的資源。

圖1 課程設(shè)置與系統(tǒng)支持的資源

這樣就可以與課程的教學(xué)安排緊密結(jié)合，教師或?qū)W生在課程進(jìn)行過(guò)程中，可以有效地對(duì)課程資源進(jìn)行使用、添加與管理，達(dá)到資源利用的效益最大化。

2.學(xué)習(xí)環(huán)境、活動(dòng)的混合

Moodle平臺(tái)的課程學(xué)習(xí)系統(tǒng)為教師提供信息化課程教學(xué)設(shè)計(jì)環(huán)境、網(wǎng)絡(luò)教學(xué)活動(dòng)環(huán)境、網(wǎng)絡(luò)施教環(huán)境、網(wǎng)絡(luò)討論聊天環(huán)境。為學(xué)生提供虛擬課堂學(xué)習(xí)環(huán)境、教學(xué)活動(dòng)參與環(huán)境、自主性和研究性學(xué)習(xí)環(huán)境。在課程學(xué)習(xí)系統(tǒng)中，教師可以發(fā)起投票、問(wèn)卷調(diào)查、作業(yè)、聊天、專題討論等活動(dòng)，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。在系統(tǒng)中學(xué)生各種學(xué)習(xí)活動(dòng)是全程記錄，這樣便于學(xué)生復(fù)習(xí)、總結(jié)，同時(shí)也便于教師進(jìn)行相關(guān)的分析。系統(tǒng)支持的作業(yè)的設(shè)計(jì)與評(píng)價(jià)如圖2。

圖2 Moodle支持的活動(dòng)與作業(yè)的設(shè)置與評(píng)價(jià)

作業(yè)管理中，教師不僅可以看到學(xué)生作業(yè)提交時(shí)間、提交的人數(shù)、還有多少學(xué)生作業(yè)沒(méi)提交，也可以對(duì)作業(yè)進(jìn)行相應(yīng)的分?jǐn)?shù)評(píng)定，還可以對(duì)作業(yè)完成情況進(jìn)行有關(guān)的評(píng)語(yǔ)，對(duì)作業(yè)中好的給予以相應(yīng)肯定，對(duì)不足之處給予相應(yīng)的指出。這樣的平臺(tái)同時(shí)也是一種情感的交流，這樣的交流會(huì)使學(xué)生感覺(jué)到教師對(duì)自己關(guān)心，這些小的措施，可激發(fā)學(xué)生對(duì)課程的學(xué)習(xí)興趣。同時(shí)對(duì)課程教學(xué)也是一個(gè)很大的幫助。

四、結(jié)束語(yǔ)

Moodle平臺(tái)創(chuàng)建靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)的課程學(xué)習(xí)系統(tǒng)，教師易于組織與管理與課程學(xué)習(xí)相關(guān)的學(xué)習(xí)活動(dòng)與資源，課程學(xué)習(xí)者也必須通過(guò)經(jīng)常性的登錄系統(tǒng)來(lái)完成整個(gè)課程的學(xué)習(xí)任務(wù)，從而達(dá)到課程的學(xué)習(xí)目標(biāo)。改變了傳統(tǒng)職業(yè)教育中以教師為中心的課堂教學(xué)結(jié)構(gòu)形式，經(jīng)過(guò)一定時(shí)期的教學(xué)實(shí)踐表明，基于Moodle平臺(tái)的課程混合教學(xué)模式可以較大程度提高教學(xué)效果。

[1]何克抗.從Blending Learning看教育技術(shù)理論的新發(fā)展[J].電化教育研究,2004,(3)1-6.

[2]朱敏.“混合模式”在教師繼續(xù)教育中的實(shí)踐與研究——以青浦區(qū)教師進(jìn)修學(xué)院教師發(fā)展處為例[D].上海師范大學(xué),2011.

[3]曾苗苗.基于混合學(xué)習(xí)的“現(xiàn)代教育技術(shù)”公共課教學(xué)方式改革研究[J].中國(guó)教育信息化2012,（21）57-60.

[4]http://wenku.baidu.com/view c07d54353112 6edb6f1a1079.htm l.