對(duì)于HTML5 新特性的教學(xué)方法論文

　　0. 引言

　　2014 年10 月29 日，歷經(jīng)8 年的努力，HTML5 標(biāo)準(zhǔn)規(guī)范終于被宣布制定完成。據(jù)IDC 的調(diào)查報(bào)告統(tǒng)計(jì)，各大瀏覽器早已開啟了支持HTML5 的步伐，尤其是移動(dòng)開發(fā)商，都紛紛決定在各自的產(chǎn)品中整合HTML5 技術(shù)，據(jù)統(tǒng)計(jì)2013 年全球支持HTML5 的手機(jī)瀏覽器已達(dá)10 億之多，而HTML Web 開發(fā)者數(shù)量則達(dá)到200 萬。由此可見，在未來的5 至10 年內(nèi)，HTML5 將主宰移動(dòng)互聯(lián)網(wǎng)領(lǐng)域。相比于傳統(tǒng)的HTML 標(biāo)準(zhǔn)，HTML5 增加了不少的新特性。首先，從性能角度來說，HTML5 大大縮減了HTML 代碼的數(shù)量，并使開發(fā)HTML 代碼變得更簡(jiǎn)單。其次，從用戶可讀性上說，傳統(tǒng)的HTML 代碼中總是有一堆苦澀難懂的東西，尤其是對(duì)初學(xué)者來說，根本看不懂這些東西，而使用HTML5 則可極大改善代碼可讀性體驗(yàn)，HTML 的聲明方式也比傳統(tǒng)的HTML 更友好一些。HTML5 作為HTML 的最新版本(HTML 的第五次修改)，具有諸多的優(yōu)點(diǎn)，包括

　　1) HTML5 是經(jīng)過Google、Apple、Nokia、中國(guó)移動(dòng)等幾百家公司共同醞釀并由W3C 推薦出來的一項(xiàng)互聯(lián)網(wǎng)技術(shù)，其最大的好處在于它是一個(gè)公開的技術(shù);

　　2) HTML5 技術(shù)的跨平臺(tái)性非常強(qiáng)大，基于HTML5開發(fā)的應(yīng)用可以實(shí)現(xiàn)完美的跨平臺(tái)使用，因而它勢(shì)必吸引大多數(shù)人的關(guān)注和青睞;

　　3) 支持“自適應(yīng)網(wǎng)頁設(shè)計(jì)”功能，即基于HTML5 標(biāo)準(zhǔn)設(shè)計(jì)的網(wǎng)頁可以自動(dòng)識(shí)別屏幕寬度、并做出相應(yīng)調(diào)整，這就解決了傳統(tǒng) HTML 的一種缺陷問題———網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁，會(huì)大大降低了架構(gòu)設(shè)計(jì)的復(fù)雜度;

　　4) 支付即時(shí)更新功能，不像游戲客戶端每次都要更新那么麻煩，更新HTML5 游戲就好像更新頁面一樣，馬上地、即時(shí)地更新;

　　5)增加了新的標(biāo)簽，支持多媒體元素，極大方便了開發(fā)人員，并可以很好地替代FLASH 和Silverlight�？傊�，基于HTML5 技術(shù)的網(wǎng)頁和應(yīng)用具有很好的移植性和可用性，用戶的體驗(yàn)也非常友好，非常適合用于移動(dòng)應(yīng)用程序和游戲開發(fā)中。

　　1. HTML5 教學(xué)的思路和方法要點(diǎn)

　　HTML5 教學(xué)的關(guān)鍵點(diǎn)在于讓學(xué)生掌握HTML5 的新特性。本文通過比較教學(xué)的方法講述HTML5 與傳統(tǒng)的HTML 的差異性，讓學(xué)生熟悉HTML5 的新特性并掌握新特性的使用方法，同時(shí)結(jié)合W3School TIY 平臺(tái)的演示效果加深學(xué)生對(duì)所學(xué)知識(shí)的理解，最后配合實(shí)操任務(wù)，讓學(xué)生真正掌握HTML5 的應(yīng)用與開發(fā)技能。具體方法要點(diǎn)如下：首先，總結(jié)歸納HTML5 較之于傳統(tǒng)HTML 的不同點(diǎn)，即提煉HTML5 的新特性。對(duì)于各個(gè)新特性，我們精心選擇或定制典型的實(shí)例，在課堂上向?qū)W生形象地展現(xiàn)教學(xué)的內(nèi)容，并與傳統(tǒng)的HTML 實(shí)例形成鮮明對(duì)比，讓學(xué)生在比較的過程中，深刻理解HTML5 的新特性，同時(shí)還應(yīng)該注意讓學(xué)生學(xué)會(huì)在不同的應(yīng)用場(chǎng)景中選擇適當(dāng)?shù)男聵?biāo)簽或新用法。其次，為了進(jìn)一步加深學(xué)生對(duì)所教知識(shí)的理解，最終讓學(xué)生學(xué)會(huì)在實(shí)際的網(wǎng)頁制作過程中如何使用HTML5 的新特性，教師可以結(jié)合W3School TIY 平臺(tái)(http://www.w3school.com.cn/tiy/t.asp)，演示HTML5 的經(jīng)典實(shí)例。W3School TIY 平臺(tái)是一個(gè)非常優(yōu)秀的HTML 代碼在線測(cè)試工具，學(xué)生可以在W3SchoolTIY 平臺(tái)上輕松地編寫任意HTML 代碼，并可以快速便捷地看到代碼的渲染效果。最后，通過課程設(shè)計(jì)的形式，讓學(xué)生課后實(shí)際動(dòng)手開發(fā)一個(gè)基于HTML5 的小型項(xiàng)目，以達(dá)到鞏固知識(shí)和掌握技能的目的。值得一提的是，課程設(shè)計(jì)是幫助學(xué)生鞏固知識(shí)、加深理解和掌握技能的最佳形式。

　　2. HTML5 新特性的教學(xué)內(nèi)容

　　2.1 歸納HTML5 的新特性

　　在本文的研究過程中，總結(jié)了HTML5 的主要15 項(xiàng)新特性，并將這些特性羅列在表中，方便學(xué)生比較、總結(jié)和歸納。我們?cè)谥v述每一項(xiàng)新特性的時(shí)候，應(yīng)結(jié)合HTML4 或XHTML 版本中相應(yīng)的實(shí)現(xiàn)方法，并列舉典型的應(yīng)用實(shí)例，從而形成強(qiáng)烈的比較效果。

　　2.2 演示HTML5 新特性的使用

　　如果我們從頭到尾只是大講特講HTML5 的新特性，而沒__有把它的實(shí)現(xiàn)效果形象地展現(xiàn)給學(xué)生，那么教學(xué)的效果將要大打折扣。因此，我們需要一個(gè)給學(xué)生展示實(shí)際頁面效果的有效方法。本文在研究HTML5 教學(xué)方法的過程中，發(fā)現(xiàn)W3SchoolTIY 在線測(cè)試平臺(tái)是一個(gè)非常合適和優(yōu)秀的教學(xué)演示工具。下圖所示是W3School TIY 平臺(tái)的效果截圖�；�于W3School TIY平臺(tái)，我們可以輕松地實(shí)現(xiàn)任何HTML5 代碼的課堂現(xiàn)場(chǎng)展示的效果。W3School TIY 平臺(tái)的使用方法非常簡(jiǎn)單，只要在代碼編輯區(qū)鍵入HTML5 代碼，然后點(diǎn)擊右上角的“提交代碼”按鍵之后就可以在右邊的結(jié)果輸出框中看到對(duì)應(yīng)的渲染效果。使用W3School TIY 平臺(tái)的好處是，不但方便教學(xué)演示，便于學(xué)生在課后鞏固復(fù)習(xí)和實(shí)踐創(chuàng)新，而且可以大大降低教師教學(xué)的經(jīng)費(fèi)投入，減少學(xué)生學(xué)習(xí)的投入成本。2.3 設(shè)置適當(dāng)?shù)恼n程設(shè)計(jì)內(nèi)容由于課程設(shè)計(jì)是檢驗(yàn)學(xué)生是否掌握知識(shí)和技能的有效方式，我們?cè)谥v述課堂內(nèi)容之后，應(yīng)該設(shè)計(jì)合適的課程設(shè)計(jì)題目，引導(dǎo)學(xué)生自主獨(dú)立地完成。課程設(shè)計(jì)題目的設(shè)置應(yīng)該遵循以下原則：

　　(1) 課程設(shè)計(jì)涉及的內(nèi)容盡量全面覆蓋所學(xué)習(xí)的知識(shí)要點(diǎn)。(2) 課程設(shè)計(jì)的難度要適當(dāng)，不能太容易，也不能太難，要結(jié)合學(xué)生的真實(shí)水平。最好是學(xué)生能獨(dú)立完成大部分內(nèi)容，但有個(gè)別內(nèi)容比較難，需要學(xué)生深入思考和探討才能解決。(3) 課程設(shè)計(jì)的內(nèi)容可劃分為若干個(gè)小任務(wù)，這些任務(wù)遵循一個(gè)由簡(jiǎn)單到復(fù)雜、循序漸進(jìn)的原則來設(shè)定。(4) 課程設(shè)計(jì)的內(nèi)容應(yīng)該盡量與實(shí)際應(yīng)用掛勾，不能脫離應(yīng)用。

　　3. 結(jié)束語

　　本文的教學(xué)方法能讓學(xué)生快速地理解HTML5 的新特性，并在比較中學(xué)會(huì)了HTML5 與傳統(tǒng)HTML 的不同點(diǎn)，另外，在W3School TIY 平臺(tái)教學(xué)演示的幫助下，深刻地加深了對(duì)所學(xué)知識(shí)的理解。最后，配合科學(xué)的課程設(shè)計(jì)內(nèi)容，真正達(dá)到掌握知識(shí)、掌握技能。

【對(duì)于HTML5 新特性的教學(xué)方法論文】相關(guān)文章：

哈姆雷特性格延宕的分析論文03-10

談漢語中成語的獨(dú)特性及成語教學(xué)方法11-24

關(guān)于小學(xué)數(shù)學(xué)教學(xué)方法的論文06-13

中專鋼琴有效教學(xué)方法的論文11-18

線性函數(shù)教學(xué)方法論文03-03

分析曲劇的地方性特性論文03-10

學(xué)術(shù)論文的六大特性06-17

手機(jī)文化特性論文參考文獻(xiàn)11-21

新媒體環(huán)境下廣告設(shè)計(jì)的特性11-20

電機(jī)拖動(dòng)技術(shù)教學(xué)方法改革論文12-05