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