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

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

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

作者：王麗 劉婕 陳珊 楊悅

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

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

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

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

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

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

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

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

二、平臺(tái)功能及特點(diǎn)

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

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

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

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

(二)平臺(tái)的特點(diǎn)：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、總結(jié)

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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