對于HTML5 新特性的教學(xué)方法論文
0. 引言
2014 年10 月29 日，歷經(jīng)8 年的努力，HTML5 標(biāo)準(zhǔn)規(guī)范終于被宣布制定完成。據(jù)IDC 的調(diào)查報告統(tǒng)計，各大瀏覽器早已開啟了支持HTML5 的步伐，尤其是移動開發(fā)商，都紛紛決定在各自的產(chǎn)品中整合HTML5 技術(shù)，據(jù)統(tǒng)計2013 年全球支持HTML5 的手機(jī)瀏覽器已達(dá)10 億之多，而HTML Web 開發(fā)者數(shù)量則達(dá)到200 萬。由此可見，在未來的5 至10 年內(nèi)，HTML5 將主宰移動互聯(lián)網(wǎng)領(lǐng)域。相比于傳統(tǒng)的HTML 標(biāo)準(zhǔn)，HTML5 增加了不少的新特性。首先，從性能角度來說，HTML5 大大縮減了HTML 代碼的數(shù)量，并使開發(fā)HTML 代碼變得更簡單。其次，從用戶可讀性上說，傳統(tǒng)的HTML 代碼中總是有一堆苦澀難懂的東西，尤其是對初學(xué)者來說，根本看不懂這些東西，而使用HTML5 則可極大改善代碼可讀性體驗，HTML 的聲明方式也比傳統(tǒng)的HTML 更友好一些。HTML5 作為HTML 的最新版本(HTML 的第五次修改)，具有諸多的優(yōu)點(diǎn)，包括
1) HTML5 是經(jīng)過Google、Apple、Nokia、中國移動等幾百家公司共同醞釀并由W3C 推薦出來的一項互聯(lián)網(wǎng)技術(shù)，其最大的好處在于它是一個公開的技術(shù);
2) HTML5 技術(shù)的跨平臺性非常強(qiáng)大，基于HTML5開發(fā)的應(yīng)用可以實現(xiàn)完美的跨平臺使用，因而它勢必吸引大多數(shù)人的關(guān)注和青睞;
3) 支持“自適應(yīng)網(wǎng)頁設(shè)計”功能，即基于HTML5 標(biāo)準(zhǔn)設(shè)計的網(wǎng)頁可以自動識別屏幕寬度、并做出相應(yīng)調(diào)整，這就解決了傳統(tǒng) HTML 的一種缺陷問題———網(wǎng)站為不同的設(shè)備提供不同的網(wǎng)頁，會大大降低了架構(gòu)設(shè)計的復(fù)雜度;
4) 支付即時更新功能，不像游戲客戶端每次都要更新那么麻煩，更新HTML5 游戲就好像更新頁面一樣，馬上地、即時地更新;
5)增加了新的標(biāo)簽，支持多媒體元素，極大方便了開發(fā)人員，并可以很好地替代FLASH 和Silverlight�？傊�，基于HTML5 技術(shù)的網(wǎng)頁和應(yīng)用具有很好的移植性和可用性，用戶的體驗也非常友好，非常適合用于移動應(yīng)用程序和游戲開發(fā)中。
1. HTML5 教學(xué)的思路和方法要點(diǎn)
HTML5 教學(xué)的關(guān)鍵點(diǎn)在于讓學(xué)生掌握HTML5 的新特性。本文通過比較教學(xué)的方法講述HTML5 與傳統(tǒng)的HTML 的差異性，讓學(xué)生熟悉HTML5 的新特性并掌握新特性的使用方法，同時結(jié)合W3School TIY 平臺的演示效果加深學(xué)生對所學(xué)知識的理解，最后配合實操任務(wù)，讓學(xué)生真正掌握HTML5 的應(yīng)用與開發(fā)技能。具體方法要點(diǎn)如下：首先，總結(jié)歸納HTML5 較之于傳統(tǒng)HTML 的不同點(diǎn)，即提煉HTML5 的新特性。對于各個新特性，我們精心選擇或定制典型的實例，在課堂上向?qū)W生形象地展現(xiàn)教學(xué)的內(nèi)容，并與傳統(tǒng)的HTML 實例形成鮮明對比，讓學(xué)生在比較的過程中，深刻理解HTML5 的新特性，同時還應(yīng)該注意讓學(xué)生學(xué)會在不同的應(yīng)用場景中選擇適當(dāng)?shù)男聵?biāo)簽或新用法。其次，為了進(jìn)一步加深學(xué)生對所教知識的理解，最終讓學(xué)生學(xué)會在實際的網(wǎng)頁制作過程中如何使用HTML5 的新特性，教師可以結(jié)合W3School TIY 平臺(http://www.w3school.com.cn/tiy/t.asp)，演示HTML5 的經(jīng)典實例。W3School TIY 平臺是一個非常優(yōu)秀的HTML 代碼在線測試工具，學(xué)生可以在W3SchoolTIY 平臺上輕松地編寫任意HTML 代碼，并可以快速便捷地看到代碼的渲染效果。最后，通過課程設(shè)計的形式，讓學(xué)生課后實際動手開發(fā)一個基于HTML5 的小型項目，以達(dá)到鞏固知識和掌握技能的目的。值得一提的是，課程設(shè)計是幫助學(xué)生鞏固知識、加深理解和掌握技能的最佳形式。
2. HTML5 新特性的教學(xué)內(nèi)容
2.1 歸納HTML5 的新特性
在本文的研究過程中，總結(jié)了HTML5 的主要15 項新特性，并將這些特性羅列在表中，方便學(xué)生比較、總結(jié)和歸納。我們在講述每一項新特性的時候，應(yīng)結(jié)合HTML4 或XHTML 版本中相應(yīng)的實現(xiàn)方法，并列舉典型的應(yīng)用實例，從而形成強(qiáng)烈的比較效果。
2.2 演示HTML5 新特性的使用
如果我們從頭到尾只是大講特講HTML5 的新特性，而沒__有把它的實現(xiàn)效果形象地展現(xiàn)給學(xué)生，那么教學(xué)的效果將要大打折扣。因此，我們需要一個給學(xué)生展示實際頁面效果的有效方法。本文在研究HTML5 教學(xué)方法的過程中，發(fā)現(xiàn)W3SchoolTIY 在線測試平臺是一個非常合適和優(yōu)秀的教學(xué)演示工具。下圖所示是W3School TIY 平臺的效果截圖�；赪3School TIY平臺，我們可以輕松地實現(xiàn)任何HTML5 代碼的課堂現(xiàn)場展示的效果。W3School TIY 平臺的使用方法非常簡單，只要在代碼編輯區(qū)鍵入HTML5 代碼，然后點(diǎn)擊右上角的“提交代碼”按鍵之后就可以在右邊的結(jié)果輸出框中看到對應(yīng)的渲染效果。使用W3School TIY 平臺的好處是，不但方便教學(xué)演示，便于學(xué)生在課后鞏固復(fù)習(xí)和實踐創(chuàng)新，而且可以大大降低教師教學(xué)的經(jīng)費(fèi)投入，減少學(xué)生學(xué)習(xí)的投入成本。2.3 設(shè)置適當(dāng)?shù)恼n程設(shè)計內(nèi)容由于課程設(shè)計是檢驗學(xué)生是否掌握知識和技能的有效方式，我們在講述課堂內(nèi)容之后，應(yīng)該設(shè)計合適的課程設(shè)計題目，引導(dǎo)學(xué)生自主獨(dú)立地完成。課程設(shè)計題目的設(shè)置應(yīng)該遵循以下原則：
(1) 課程設(shè)計涉及的內(nèi)容盡量全面覆蓋所學(xué)習(xí)的知識要點(diǎn)。(2) 課程設(shè)計的難度要適當(dāng)，不能太容易，也不能太難，要結(jié)合學(xué)生的真實水平。最好是學(xué)生能獨(dú)立完成大部分內(nèi)容，但有個別內(nèi)容比較難，需要學(xué)生深入思考和探討才能解決。(3) 課程設(shè)計的內(nèi)容可劃分為若干個小任務(wù)，這些任務(wù)遵循一個由簡單到復(fù)雜、循序漸進(jìn)的原則來設(shè)定。(4) 課程設(shè)計的內(nèi)容應(yīng)該盡量與實際應(yīng)用掛勾，不能脫離應(yīng)用。
3. 結(jié)束語
本文的教學(xué)方法能讓學(xué)生快速地理解HTML5 的新特性，并在比較中學(xué)會了HTML5 與傳統(tǒng)HTML 的不同點(diǎn)，另外，在W3School TIY 平臺教學(xué)演示的幫助下，深刻地加深了對所學(xué)知識的理解。最后，配合科學(xué)的課程設(shè)計內(nèi)容，真正達(dá)到掌握知識、掌握技能。
【對于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ī)拖動技術(shù)教學(xué)方法改革論文12-05
- 相關(guān)推薦