對于HTML5 新特性的教學方法論文

時間：2024-10-15 02:58:29 其他類論文

對于HTML5 新特性的教學方法論文

　　0. 引言

對于HTML5 新特性的教學方法論文

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

　　1) HTML5 是經過Google、Apple、Nokia、中國移動等幾百家公司共同醞釀并由W3C 推薦出來的一項互聯網技術，其最大的好處在于它是一個公開的技術;

　　2) HTML5 技術的跨平臺性非常強大，基于HTML5開發的應用可以實現完美的跨平臺使用，因而它勢必吸引大多數人的關注和青睞;

　　3) 支持“自適應網頁設計”功能，即基于HTML5 標準設計的網頁可以自動識別屏幕寬度、并做出相應調整，這就解決了傳統 HTML 的一種缺陷問題———網站為不同的設備提供不同的網頁，會大大降低了架構設計的復雜度;

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

　　5)增加了新的標簽，支持多媒體元素，極大方便了開發人員，并可以很好地替代FLASH 和Silverlight。總之，基于HTML5 技術的網頁和應用具有很好的移植性和可用性，用戶的體驗也非常友好，非常適合用于移動應用程序和游戲開發中。

　　1. HTML5 教學的思路和方法要點

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

　　2. HTML5 新特性的教學內容

　　2.1 歸納HTML5 的新特性

　　在本文的研究過程中，總結了HTML5 的主要15 項新特性，并將這些特性羅列在表中，方便學生比較、總結和歸納。我們在講述每一項新特性的時候，應結合HTML4 或XHTML 版本中相應的實現方法，并列舉典型的應用實例，從而形成強烈的比較效果。

　　2.2 演示HTML5 新特性的使用

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

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

　　3. 結束語

　　本文的教學方法能讓學生快速地理解HTML5 的新特性，并在比較中學會了HTML5 與傳統HTML 的不同點，另外，在W3School TIY 平臺教學演示的幫助下，深刻地加深了對所學知識的理解。最后，配合科學的課程設計內容，真正達到掌握知識、掌握技能。

【對于HTML5 新特性的教學方法論文】相關文章：

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

談漢語中成語的獨特性及成語教學方法11-24