導(dǎo)讀：這是一篇完整優(yōu)秀的關(guān)于web論文范文，共有2000字符左右，題目是關(guān)于“高校Web前端類課程教學(xué)實訓(xùn)平臺研究及應(yīng)用”的。針對高校廣泛開設(shè)的 Web 前端類課程，為了能夠很好地實現(xiàn)“綜合化、案例式、模塊化、項目式”的教學(xué)模式。

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

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

作者：王麗 劉婕 陳珊 楊悅

單位：石家莊信息工程職業(yè)學(xué)院， 河北石家莊 050035

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

關(guān)鍵詞：Web 前端;即做即得 ;實訓(xùn) ; 翻轉(zhuǎn)課堂

(web論文)高校Web前端類課程教學(xué)實訓(xùn)平臺研究及應(yīng)用

一、Web前端類課程開設(shè)現(xiàn)狀及平臺開發(fā)意義

目前各高校Web前端類課程的開設(shè)已非常普及，電子信息大類和藝術(shù)設(shè)計大類的多個專業(yè)如軟件技術(shù)、電子商務(wù)、計算機應(yīng)用、網(wǎng)絡(luò)技術(shù)、藝術(shù)設(shè)計等都已開設(shè)相關(guān)的課程，如《網(wǎng)頁設(shè)計與制作》、

《Web編程基礎(chǔ)》、《Web前端開發(fā)》、《DIV+CSS網(wǎng)頁設(shè)計與布 局》、《JavaScript技術(shù)》等。對于此類課程，“綜合化、案例式、 模塊化、項目式”的教學(xué)模式非常易于學(xué)生學(xué)習(xí)和掌握。

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

二、平臺功能及特點

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

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

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

3.學(xué)生用戶可實現(xiàn)：(1)查看教學(xué)案例：下載教學(xué)指導(dǎo)，完成課 前練習(xí);(2)查看實訓(xùn)項目：左側(cè)為代碼界面，右側(cè)顯示實際效果; 按規(guī)定完成任務(wù)后提交項目;(3)查看項目批閱結(jié)果等功能。

(二)平臺的特點：

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

(4)實現(xiàn)課前提前練習(xí)、課上實時練習(xí)、課后實訓(xùn)作業(yè)制作提交;

(5)平時作業(yè)成績匯總及統(tǒng)計。

三、實訓(xùn)平臺在教學(xué)中的應(yīng)用

下面以軟件技術(shù)專業(yè)《Web前端開發(fā)基礎(chǔ)》課程中“DIV+CSS 布局”中的“頁面布局之盒子模型”在課堂中的實際應(yīng)用為例介紹平臺的使用及效果，教學(xué)課時為2課時，教學(xué)目標(biāo)要求能夠熟練使用Margin、Padding、Border等屬性實現(xiàn)簡單頁面布局。

(一)主要實訓(xùn)任務(wù)：

(1)上節(jié)課實訓(xùn)作業(yè)”古詩詞鑒賞頁面(使用表格實現(xiàn)布局)

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

(3)課后實訓(xùn)任務(wù)：音樂盒完整頁面的實現(xiàn)。

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

(1)課前學(xué)習(xí)任務(wù)布置：為提高課上學(xué)習(xí)的效率，事先在實訓(xùn)平臺上傳教學(xué)案例和相應(yīng)的實訓(xùn)指導(dǎo)，同學(xué)們參照實訓(xùn)指導(dǎo)實現(xiàn)相應(yīng)的熱身練習(xí)。

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

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

布置本次課課上實訓(xùn)任務(wù)：按難易、綜合程度，實訓(xùn)任務(wù)分為：

1)父親節(jié)音樂盒制作;

2)仿某音樂網(wǎng)頁頁面簡版的制作。任務(wù)選 取貼合實際，易引發(fā)同學(xué)們的制作熱情和共鳴。

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

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

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

四、總結(jié)

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

1.課前結(jié)合實訓(xùn)學(xué)習(xí)指導(dǎo)進行練習(xí)，事先了解課程內(nèi)容，帶著 疑問去聽課，課上掌握更徹底，更易擴展;

2.課中老師設(shè)計的層次遞進的實訓(xùn)任務(wù)，結(jié)合分組合作、作品 經(jīng)驗分享，更能激發(fā)學(xué)生設(shè)計出更完美作品的斗志;

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

4.實訓(xùn)成績的統(tǒng)計，可以統(tǒng)計考勤，作為平時成績依據(jù);

5.教師上傳到平臺的案例模板，有助于同學(xué)們更專注于課上內(nèi) 容練習(xí)，不必每次課都要從頁面的創(chuàng)建開始，節(jié)約時間。

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

參考文獻：

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

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

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

本站論文范文來源網(wǎng)絡(luò)，若內(nèi)容不實或侵害了您的合法權(quán)益，請及時聯(lián)系我們進行刪除！原文鏈接： » (web論文)高校Web前端類課程教學(xué)實訓(xùn)平臺研究及應(yīng)用