示范課程網站與微課學習平臺的設計與實現

王賦騰　孫曉榮　劉翠玲

摘要：在當今網絡信息高度發達的時代，網絡教育成為了教育發展的必然趨勢，而課程網站與微課學習平臺是網絡教育的關鍵環節，本文通過建立“電機與電力拖動基礎”校示范課程的教學課程網站與微課學習平臺，讓學生不再局限于課堂，甚至能隨時隨地了解課程的教學情況，這在很大程度上提高了學習效果。文中分析探討了課程網站的設計思路與設計技術，利用Dreamweaver作為開發工具完成了課程網站的設計開發，并在課程網站完成的基礎上，通過云適配技術對網頁進行重排、調整，使新網頁適合mobile的訪問，從而實現微課學習平臺的構建。

關鍵詞：Dreamweaver；課程網站；網絡教育；微課學習平臺

中圖分類號：G642.0 文獻標志碼：A 文章編號：1674-9324（2016）12-0237-02

一、引言

《電機與電力拖動基礎》主要是研究交直流電機原理及其起動、調速、制動等拖動理論、分析方法、基本特性及變壓器運行原理、特性及工程應用等的一門專業基礎課程，其內容給電氣信息類和機電一體化工科專業大學生奠定了扎實的工程實踐基礎，是當今工科大學唯一不可撼動的強電基礎課。在經典的課程教學中，有效學習時間較少這個因素嚴重影響了學習效果。而“電機與電力拖動基礎”課程網站與微課學習平臺的構建，實現了教學資源的網絡化，讓學生不再局限于課堂，增加了有效學習時間，進一步提高了教學質量，加強了教學效果。

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

二、課程網站的設計思路

網站的設計內容主要分為兩大部分：頁面內容設計與頁面風格設計。“電機與電力拖動基礎”教學課程網站旨在提供一個教學交流、資源共享的平臺，因此頁面內容設計分為兩大部分：第一部分是教學資源的搜集，然后通過Dreamweaver的表格布局法將搜集的教學資源合理的構建成板塊，最終實現教學資源的在線瀏覽和下載；第二部分是構建留言版、師生在線交流平臺等模塊，通過這些模塊實現教師與學生的在線交流，加強師生的溝通。頁面風格設計包括課程網站每個頁面字體、顏色以及網頁的排版布局等，旨在提供一個協調美觀的學習環境。整個系統囊括“電機與電力拖動基礎”這門課程的詳細信息和在我校擁有的教學資源，通過這個網站可以全面了解這門課程的詳細情況。課程網站的系統結構圖如圖1所示，整個課程網站的主要內容分為七大模塊[2]。

1.教學內容模塊。教學內容分為理論教學內容和實踐教學內容。理論教學內容介紹了教材所蘊含的理論知識以及教學的時間安排；實踐教學內容則分為實驗、科技課外活動、認識實習三大內容的時間地點安排，通過教學內容模塊學生可以全面了解教學進度安排，從而更好地制訂學習計劃。

2.教學隊伍模塊。教學隊伍主要從課程負責人、教學隊伍、主講教師、師資培養四個方面，全面地分析了《電機與電力拖動基礎》這門課程的強大師資力量，而且通過基本信息、教學情況、論文及主編教材、學術研究四個方面可以全面地了解每一位主講教師的情況。通過本模塊可以了解本專業擁有一批責任感強、團結協作、有敬業精神的教師隊伍，同時教師們教學質量高、知識結構合理的特點也得到了充分的體現。

3.教學條件模塊。教學條件模塊分為教學與學習資料、實踐性教學環境、網絡教學環境三個子模塊。教學與學習資料主要介紹了所選教材及配套的實驗指導書；實踐性教學環境主要介紹了本專業擁有的實驗室以及已和本專業建立合作關系的校外實習基地；網絡教學環境主要介紹了便利學生學習的各種校內網站。

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

5.課程簡介模塊。課程簡介主要從課程簡介、課程地位、課程定位與目標、政策支持四個方面詳細介紹了《電機與電力拖動基礎》的主要內容、發展歷程以及這門課程預想達到的目標。

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

7.導航模塊。導航模塊大大加快了廣大用戶查找自己所需內容的速度，模塊鏈接了整個系統的絕大多數模塊，實現了系統快速便利的功能。

三、教學網站的實現

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

四、微課學習平臺的實現

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

通過云適配技術可以輕松實現微課學習平臺的構建，同時云適配技術只是對“電機與電力拖動基礎”課程網站的內容進行調整，使之適合mobile的訪問。因此，微課學習平臺能保持課程網站的內容基本不變，滿足了微課程學習的基礎需求。

微課學習平臺的構建有助于學生的多元化學習，激勵學生的學習興趣，增強學生的學習效果，為學校的教育教學工作開發了一個良好的平臺。

五、結語

電機與電力拖動基礎示范課程網站與微課學習平臺的建設在學校教學工作中起到了舉足輕重的作用。它增強了學生的學習效果和學校的教學效果，有助于該課程的內涵深化與外延擴展，有助于教學手段的改進和教學活動的創新。Dreamweaver作為當今網站制作的主流軟件，在課程網站的建設、維護管理等方面都能發揮關鍵作用。隨著該示范課程內容的不斷建設和完善，課程的網絡教學系統和微課學習平臺也將不斷充實，保持教學內容的先進性和教學手段的現代化[5]。

參考文獻：

[1]劉翠玲，孫曉榮.《電機與電力拖動基礎》課程設計改革與實踐[J].中國現代教育裝備，2009，（01）.

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

[3]范愛平，姚福安.精品課程與教學網站建設[J].電氣電子教學學報，2006，（06）.

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

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