導讀：這是一篇完整優秀的關于web論文范文，共有2000字符左右，題目是關于“高校Web前端類課程教學實訓平臺研究及應用”的。針對高校廣泛開設的 Web 前端類課程，為了能夠很好地實現“綜合化、案例式、模塊化、項目式”的教學模式。

論文發表找李老師(QQ/微信：請看本文頂部)版面費低，出刊快！

web論文推薦發表在《信息周刊》雜志上。

作者：王麗 劉婕 陳珊 楊悅

單位：石家莊信息工程職業學院， 河北石家莊 050035

摘要：針對高校廣泛開設的 Web 前端類課程，為了能夠很好地實現“綜合化、案例式、模塊化、項目式”的教學模式，做到“即做即得”、“翻轉課堂”，我們開發了 Web 前端類課程教學實訓平臺， 易部署，可以很好地輔助教學。本文將從平臺的意義、功能、應用三個方面進行說明。

關鍵詞：Web 前端;即做即得 ;實訓 ; 翻轉課堂

(web論文)高校Web前端類課程教學實訓平臺研究及應用

一、Web前端類課程開設現狀及平臺開發意義

目前各高校Web前端類課程的開設已非常普及，電子信息大類和藝術設計大類的多個專業如軟件技術、電子商務、計算機應用、網絡技術、藝術設計等都已開設相關的課程，如《網頁設計與制作》、

《Web編程基礎》、《Web前端開發》、《DIV+CSS網頁設計與布 局》、《JavaScript技術》等。對于此類課程，“綜合化、案例式、 模塊化、項目式”的教學模式非常易于學生學習和掌握。

由石家莊信息工程職業學院教師研究并已應用于教學的“Web前端類課程教學實訓平臺”(以下簡稱平臺)針對此類課程的特點實現了“即做即得”、“翻轉課堂”的功能，便于學生“做中學”、“學中做” 及課下的復習和拓展。

二、平臺功能及特點

(一)平臺針對管理員、教師和學生三種角色實現以下核心功能。

1.管理員用戶可實現信息錄入和管理：包括課程信息、班級信 息、教師信息、學生信息、班級選課管理等。

2.教師用戶可實現：(1)上傳教學案例：將教學指導Word文檔與 案例項目相關源文件壓縮為.rar格式上傳(此部分供同學們參照學習指導實現課前自主學習);(2)上傳實訓項目：將項目文件夾壓縮為.rar格式上傳，供學生完成實訓;(3)檢查學生實訓項目完成情況： 提交評分、評語、導出評分等功能。

3.學生用戶可實現：(1)查看教學案例：下載教學指導，完成課 前練習;(2)查看實訓項目：左側為代碼界面，右側顯示實際效果; 按規定完成任務后提交項目;(3)查看項目批閱結果等功能。

(二)平臺的特點：

(1)所見即所得，左側編寫代碼，右側查看效果;(2)教師 提供案例可以將頁面框架結構事先提供，使得課上練習更具針對性;(3)純代碼編寫，加深學生對于源碼的記憶，基本功扎實;

(4)實現課前提前練習、課上實時練習、課后實訓作業制作提交;

(5)平時作業成績匯總及統計。

三、實訓平臺在教學中的應用

下面以軟件技術專業《Web前端開發基礎》課程中“DIV+CSS 布局”中的“頁面布局之盒子模型”在課堂中的實際應用為例介紹平臺的使用及效果，教學課時為2課時，教學目標要求能夠熟練使用Margin、Padding、Border等屬性實現簡單頁面布局。

(一)主要實訓任務：

(1)上節課實訓作業”古詩詞鑒賞頁面(使用表格實現布局)

(2)課中任務：父親節音樂盒制作、仿某音樂網頁頁面簡版制作;

(3)課后實訓任務：音樂盒完整頁面的實現。

(二)主要教學流程如下：

(1)課前學習任務布置：為提高課上學習的效率，事先在實訓平臺上傳教學案例和相應的實訓指導，同學們參照實訓指導實現相應的熱身練習。

(2)上節課所布置的實訓作業“古詩詞鑒賞頁面(使用表格實現布局)”，通過實訓平臺查看同學們提交的作業，展示提交順序及得分排名，給出評語。課上對作品進行點評和展示，促進學生之間的交流。

(3)課中實訓任務：教師講解并在實訓平臺演示盒子模型的相關屬性，學生在實訓平臺公開演示綜合案例，掌握學習情況并進一步加深理解本節課所學知識點。

布置本次課課上實訓任務：按難易、綜合程度，實訓任務分為：

1)父親節音樂盒制作;

2)仿某音樂網頁頁面簡版的制作。任務選 取貼合實際，易引發同學們的制作熱情和共鳴。

第一個任務單個音樂盒的制作，在組織學生討論得出布局的思路后，由教師提供圖片及預先編寫好的頁面的整體結構及布局代碼，同學們只需在實訓平臺利用所學屬性編寫相關樣式，實現效果即可。完成后，教師根據學生提交的情況，當場進行效果查看并點評;并可以以此次提交的情況作為課上考勤的依據，省去點名占用的時間;

第二個任務是若干音樂盒的排列，此任務在前一個任務基礎上進行延伸和加強，以第一個完成的單個音樂盒為基礎，再增加幾張圖片供同學們選擇。此次任務考慮到任務量略大，可以采用分組合作的形式以小組為單位進行提交，并在實訓平臺對作品進行展示、點評，由同學們分享自己的制作心得。

(4)課后實訓任務，在前兩個任務的基礎上，再進一步擴展， 將這一組音樂盒設計為一個完整的頁面，目的對比上節課的表格布局，真正體會DIV+CSS布局的魅力。

四、總結

在上面課程中，課前、課中、課后每個環節都通過平臺完成， 教師和學生均有以下收獲：

1.課前結合實訓學習指導進行練習，事先了解課程內容，帶著 疑問去聽課，課上掌握更徹底，更易擴展;

2.課中老師設計的層次遞進的實訓任務，結合分組合作、作品 經驗分享，更能激發學生設計出更完美作品的斗志;

3.課后作業，學生可以看到評語，能有針對性地了解自己的問 題所在;老師展示得分排名和提交作業順序排名，能提高學生更快更好完成任務的積極性;

4.實訓成績的統計，可以統計考勤，作為平時成績依據;

5.教師上傳到平臺的案例模板，有助于同學們更專注于課上內 容練習，不必每次課都要從頁面的創建開始，節約時間。

本文系石家莊市高等教育科學研究項目“高校Web前端類課程教學實訓平臺研究”(課題編號：201611022)的研究成果。

參考文獻：

[1](英)Ben Frain.《響應式Web設計：Html5和Css實戰》，王永強譯，人民郵電出版社，2013-1(第1版)

[2]儲久良 《Web前端開發技術課程教學改革與實踐》 計算機教育 2014年第14期

本文鏈接：http://www.zaixiuxing.com/3219.html

本站論文范文來源網絡，若內容不實或侵害了您的合法權益，請及時聯系我們進行刪除！原文鏈接： » (web論文)高校Web前端類課程教學實訓平臺研究及應用