示范課程網(wǎng)站與微課學(xué)習(xí)平臺的設(shè)計與實(shí)現(xiàn)

王賦騰　孫曉榮　劉翠玲

摘要：在當(dāng)今網(wǎng)絡(luò)信息高度發(fā)達(dá)的時代，網(wǎng)絡(luò)教育成為了教育發(fā)展的必然趨勢，而課程網(wǎng)站與微課學(xué)習(xí)平臺是網(wǎng)絡(luò)教育的關(guān)鍵環(huán)節(jié)，本文通過建立“電機(jī)與電力拖動基礎(chǔ)”校示范課程的教學(xué)課程網(wǎng)站與微課學(xué)習(xí)平臺，讓學(xué)生不再局限于課堂，甚至能隨時隨地了解課程的教學(xué)情況，這在很大程度上提高了學(xué)習(xí)效果。文中分析探討了課程網(wǎng)站的設(shè)計思路與設(shè)計技術(shù)，利用Dreamweaver作為開發(fā)工具完成了課程網(wǎng)站的設(shè)計開發(fā)，并在課程網(wǎng)站完成的基礎(chǔ)上，通過云適配技術(shù)對網(wǎng)頁進(jìn)行重排、調(diào)整，使新網(wǎng)頁適合mobile的訪問，從而實(shí)現(xiàn)微課學(xué)習(xí)平臺的構(gòu)建。

關(guān)鍵詞：Dreamweaver；課程網(wǎng)站；網(wǎng)絡(luò)教育；微課學(xué)習(xí)平臺

中圖分類號：G642.0 文獻(xiàn)標(biāo)志碼：A 文章編號：1674-9324（2016）12-0237-02

一、引言

《電機(jī)與電力拖動基礎(chǔ)》主要是研究交直流電機(jī)原理及其起動、調(diào)速、制動等拖動理論、分析方法、基本特性及變壓器運(yùn)行原理、特性及工程應(yīng)用等的一門專業(yè)基礎(chǔ)課程，其內(nèi)容給電氣信息類和機(jī)電一體化工科專業(yè)大學(xué)生奠定了扎實(shí)的工程實(shí)踐基礎(chǔ)，是當(dāng)今工科大學(xué)唯一不可撼動的強(qiáng)電基礎(chǔ)課。在經(jīng)典的課程教學(xué)中，有效學(xué)習(xí)時間較少這個因素嚴(yán)重影響了學(xué)習(xí)效果。而“電機(jī)與電力拖動基礎(chǔ)”課程網(wǎng)站與微課學(xué)習(xí)平臺的構(gòu)建，實(shí)現(xiàn)了教學(xué)資源的網(wǎng)絡(luò)化，讓學(xué)生不再局限于課堂，增加了有效學(xué)習(xí)時間，進(jìn)一步提高了教學(xué)質(zhì)量，加強(qiáng)了教學(xué)效果。

Dreamweaver是MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，包括代碼、拆分、設(shè)計、實(shí)時視圖四大界面。它支持JavaScript、VBScript等多種編程語言，功能強(qiáng)大，操作方便。在課程網(wǎng)站的構(gòu)建中，Dreamweaver充當(dāng)了重要的角色。本文以“電機(jī)與電力拖動基礎(chǔ)”校級示范課程為對象，分析探討了課程網(wǎng)站的設(shè)計思路與設(shè)計技術(shù)，并用Dreamweaver作為平臺開發(fā)工具完成課程網(wǎng)站的設(shè)計，并在此基礎(chǔ)上通過云適配技術(shù)成功構(gòu)建了微課學(xué)習(xí)平臺[1]。

二、課程網(wǎng)站的設(shè)計思路

網(wǎng)站的設(shè)計內(nèi)容主要分為兩大部分：頁面內(nèi)容設(shè)計與頁面風(fēng)格設(shè)計?！半姍C(jī)與電力拖動基礎(chǔ)”教學(xué)課程網(wǎng)站旨在提供一個教學(xué)交流、資源共享的平臺，因此頁面內(nèi)容設(shè)計分為兩大部分：第一部分是教學(xué)資源的搜集，然后通過Dreamweaver的表格布局法將搜集的教學(xué)資源合理的構(gòu)建成板塊，最終實(shí)現(xiàn)教學(xué)資源的在線瀏覽和下載；第二部分是構(gòu)建留言版、師生在線交流平臺等模塊，通過這些模塊實(shí)現(xiàn)教師與學(xué)生的在線交流，加強(qiáng)師生的溝通。頁面風(fēng)格設(shè)計包括課程網(wǎng)站每個頁面字體、顏色以及網(wǎng)頁的排版布局等，旨在提供一個協(xié)調(diào)美觀的學(xué)習(xí)環(huán)境。整個系統(tǒng)囊括“電機(jī)與電力拖動基礎(chǔ)”這門課程的詳細(xì)信息和在我校擁有的教學(xué)資源，通過這個網(wǎng)站可以全面了解這門課程的詳細(xì)情況。課程網(wǎng)站的系統(tǒng)結(jié)構(gòu)圖如圖1所示，整個課程網(wǎng)站的主要內(nèi)容分為七大模塊[2]。

1.教學(xué)內(nèi)容模塊。教學(xué)內(nèi)容分為理論教學(xué)內(nèi)容和實(shí)踐教學(xué)內(nèi)容。理論教學(xué)內(nèi)容介紹了教材所蘊(yùn)含的理論知識以及教學(xué)的時間安排；實(shí)踐教學(xué)內(nèi)容則分為實(shí)驗(yàn)、科技課外活動、認(rèn)識實(shí)習(xí)三大內(nèi)容的時間地點(diǎn)安排，通過教學(xué)內(nèi)容模塊學(xué)生可以全面了解教學(xué)進(jìn)度安排，從而更好地制訂學(xué)習(xí)計劃。

2.教學(xué)隊(duì)伍模塊。教學(xué)隊(duì)伍主要從課程負(fù)責(zé)人、教學(xué)隊(duì)伍、主講教師、師資培養(yǎng)四個方面，全面地分析了《電機(jī)與電力拖動基礎(chǔ)》這門課程的強(qiáng)大師資力量，而且通過基本信息、教學(xué)情況、論文及主編教材、學(xué)術(shù)研究四個方面可以全面地了解每一位主講教師的情況。通過本模塊可以了解本專業(yè)擁有一批責(zé)任感強(qiáng)、團(tuán)結(jié)協(xié)作、有敬業(yè)精神的教師隊(duì)伍，同時教師們教學(xué)質(zhì)量高、知識結(jié)構(gòu)合理的特點(diǎn)也得到了充分的體現(xiàn)。

3.教學(xué)條件模塊。教學(xué)條件模塊分為教學(xué)與學(xué)習(xí)資料、實(shí)踐性教學(xué)環(huán)境、網(wǎng)絡(luò)教學(xué)環(huán)境三個子模塊。教學(xué)與學(xué)習(xí)資料主要介紹了所選教材及配套的實(shí)驗(yàn)指導(dǎo)書；實(shí)踐性教學(xué)環(huán)境主要介紹了本專業(yè)擁有的實(shí)驗(yàn)室以及已和本專業(yè)建立合作關(guān)系的校外實(shí)習(xí)基地；網(wǎng)絡(luò)教學(xué)環(huán)境主要介紹了便利學(xué)生學(xué)習(xí)的各種校內(nèi)網(wǎng)站。

4.教學(xué)方法與效果模塊。教學(xué)方法與效果分為教學(xué)方法與手段、教學(xué)改革與研究、教學(xué)效果三大子模塊，通過本模塊可以全面了解本專業(yè)所采取的科學(xué)教學(xué)方法并且取得的良好效果。

5.課程簡介模塊。課程簡介主要從課程簡介、課程地位、課程定位與目標(biāo)、政策支持四個方面詳細(xì)介紹了《電機(jī)與電力拖動基礎(chǔ)》的主要內(nèi)容、發(fā)展歷程以及這門課程預(yù)想達(dá)到的目標(biāo)。

6.網(wǎng)絡(luò)資源模塊。網(wǎng)絡(luò)資源模塊是整個系統(tǒng)的核心部分，其中包含教學(xué)大綱、電子課件、授課錄像、參考文獻(xiàn)、習(xí)題及答案、實(shí)驗(yàn)指導(dǎo)書、學(xué)術(shù)研究、教學(xué)資源、相關(guān)鏈接、留言十大部分，介紹了課程的一些基本信息，實(shí)現(xiàn)了授課錄像、教學(xué)演示動畫、習(xí)題及答案、實(shí)驗(yàn)指導(dǎo)書、電子課件這些重要教學(xué)資源的在線瀏覽以及其中一部分資源的下載功能。學(xué)生可以通過留言板塊將自己的想法和問題傳達(dá)給教師，教師在收到后作出回應(yīng)。通過這個模塊，師生之間會有充分的交流。

7.導(dǎo)航模塊。導(dǎo)航模塊大大加快了廣大用戶查找自己所需內(nèi)容的速度，模塊鏈接了整個系統(tǒng)的絕大多數(shù)模塊，實(shí)現(xiàn)了系統(tǒng)快速便利的功能。

三、教學(xué)網(wǎng)站的實(shí)現(xiàn)

課程網(wǎng)站系統(tǒng)能夠?qū)崿F(xiàn)基于校園網(wǎng)絡(luò)環(huán)境下的資源管理，以便有效地管理上傳的資源，構(gòu)建適合的課程資源庫。系統(tǒng)采用B/S結(jié)構(gòu)，即瀏覽器/服務(wù)器結(jié)構(gòu)。用戶通過瀏覽器向服務(wù)器發(fā)出請求，服務(wù)器對瀏覽器的請求進(jìn)行處理，將用戶所需信息返回到瀏覽器上。系統(tǒng)平臺設(shè)計工具采用的是Dreamweaver，利用Dreamweaver表格嵌套布局的方法合理的將教學(xué)資源分為各個模塊，并將“電機(jī)與電力基礎(chǔ)”這門課程相關(guān)的授課錄像、演示動畫、習(xí)題答案等資源上傳到服務(wù)器中，學(xué)生通過鏈接即可下載觀看。網(wǎng)站頁面利用DIV+CSS美化修飾頁面，靈活地將CSS樣式運(yùn)用到頁面各個方面使頁面變得美觀舒適；采用JavaScript腳本語言實(shí)現(xiàn)頁面元素的多元化，如通過JavaScript代碼實(shí)現(xiàn)圖片的無縫切換和無縫滾動等效果。所需圖片利用Photoshop美化修飾；部分頁面插入flash動畫，F(xiàn)lash是一款專門制作動畫的軟件，具有文件小、傳輸快等優(yōu)點(diǎn)，在頁面中插入flash動畫能讓整個頁面變得更加生動。[3]

四、微課學(xué)習(xí)平臺的實(shí)現(xiàn)

微課學(xué)習(xí)平臺的實(shí)現(xiàn)基于云適配技術(shù)，在原PC網(wǎng)站植入一行JS代碼，當(dāng)檢測到來自移動端的訪問后，開始在云端進(jìn)行網(wǎng)頁的重排、調(diào)整，網(wǎng)頁轉(zhuǎn)換過程處理快，反饋速度也快，然后自動調(diào)用做好的網(wǎng)頁返回給瀏覽器。云適配在轉(zhuǎn)換之前都會讓用戶先提交URL，然后通過分析、分離數(shù)據(jù)和樣式對分離后的數(shù)據(jù)和樣式進(jìn)行重新渲染，優(yōu)化代碼，減少HTTP連接，最終產(chǎn)生云適配后的網(wǎng)頁，儲存到云端。當(dāng)用戶訪問網(wǎng)站頁面時，云端會根據(jù)訪問設(shè)備的不同，推送不同的適配引擎樣式，進(jìn)行即時干預(yù)并優(yōu)化網(wǎng)頁顯示效果，實(shí)現(xiàn)跨平臺網(wǎng)站的創(chuàng)建、優(yōu)化、增值[4]。

通過云適配技術(shù)可以輕松實(shí)現(xiàn)微課學(xué)習(xí)平臺的構(gòu)建，同時云適配技術(shù)只是對“電機(jī)與電力拖動基礎(chǔ)”課程網(wǎng)站的內(nèi)容進(jìn)行調(diào)整，使之適合mobile的訪問。因此，微課學(xué)習(xí)平臺能保持課程網(wǎng)站的內(nèi)容基本不變，滿足了微課程學(xué)習(xí)的基礎(chǔ)需求。

微課學(xué)習(xí)平臺的構(gòu)建有助于學(xué)生的多元化學(xué)習(xí)，激勵學(xué)生的學(xué)習(xí)興趣，增強(qiáng)學(xué)生的學(xué)習(xí)效果，為學(xué)校的教育教學(xué)工作開發(fā)了一個良好的平臺。

五、結(jié)語

電機(jī)與電力拖動基礎(chǔ)示范課程網(wǎng)站與微課學(xué)習(xí)平臺的建設(shè)在學(xué)校教學(xué)工作中起到了舉足輕重的作用。它增強(qiáng)了學(xué)生的學(xué)習(xí)效果和學(xué)校的教學(xué)效果，有助于該課程的內(nèi)涵深化與外延擴(kuò)展，有助于教學(xué)手段的改進(jìn)和教學(xué)活動的創(chuàng)新。Dreamweaver作為當(dāng)今網(wǎng)站制作的主流軟件，在課程網(wǎng)站的建設(shè)、維護(hù)管理等方面都能發(fā)揮關(guān)鍵作用。隨著該示范課程內(nèi)容的不斷建設(shè)和完善，課程的網(wǎng)絡(luò)教學(xué)系統(tǒng)和微課學(xué)習(xí)平臺也將不斷充實(shí)，保持教學(xué)內(nèi)容的先進(jìn)性和教學(xué)手段的現(xiàn)代化[5]。

參考文獻(xiàn)：

[1]劉翠玲，孫曉榮.《電機(jī)與電力拖動基礎(chǔ)》課程設(shè)計改革與實(shí)踐[J].中國現(xiàn)代教育裝備，2009，（01）.

[2]張新華，楊澤斌，朱熀秋.《電機(jī)與拖動基礎(chǔ)》精品課程建設(shè)改革與實(shí)踐[J].中國電力教育：下，2008，（18）.

[3]范愛平，姚福安.精品課程與教學(xué)網(wǎng)站建設(shè)[J].電氣電子教學(xué)學(xué)報，2006，（06）.

[4]司傳平，郭子林.精品課程建設(shè)的探索與思考[J].理工高教研究，2004，（06）.

[5]郭立婷.精品課程及其建設(shè)研究[D].太原：山西大學(xué)，2007.