Html 5網頁設計課程的教學研究

姜滟穩 程鴻芳

摘 要：Html 5網絡技術已經成為當今時代主流的網絡平臺前端開發技術，高職院校為適應當今網絡技術新形式、新時代的要求，研究相關課程的教學工作是非常必要的，本文就Html 5網絡課程的教學做了重要的闡述，合理地安排該課程的教學方法是目前相關專業教師的首要任務。

關鍵詞：Html 5;瀏覽器;B/S結構

在2010年3月的微軟MIX2010大會上，微軟的工程師在介紹Internet Explorer 9瀏覽器的同時，也提出未來將進入Html 5的時代。他從開發的角度把互聯網的發展分解成為三個階段，而即將進入的Html 5就是第三個階段——豐富的圖形內容和豐富的媒體內容階段，網站開發即將迎來一個新的時代。因此，高校關于網絡開發的課程要適應新時代新環境就要求，基于Html 5的網頁設計的課程教學研究是非常必要的。

一、網頁設計課程目標

超文本置標語言（Html）為了能夠創建更為簡單的Web開發程序，代碼書寫更簡潔更高效，在2008年進行了大規模的修改更新，推出了Html 5版本。對比以往的Html版本，Html 5提供了更多的屬性更多的元素，大大拓展了Html本身的功能。Html 5的互聯網應用能夠改善用戶的體驗，是當前Web設計和開發的首選，也是高校網頁設計相關課程的首選。

二、以往相關專業課程存在的問題

（一）內容涵蓋不足，新內容較少

在當今時代IT行業的任何一個方向的發展都是突飛猛進的，網絡開發技術的平臺一直沒有統一的標準，在移動端開發出現后，基于移動端框架的網絡開發發展迅猛，近幾年需求量已經遠遠超過了PC端，而與此相關的專業知識，以往課程內容涵蓋不足。當今網頁的瀏覽器的種類繁多，常用的包括Internet Explore、Google、Firefox、Safari、Opera等Web瀏覽器。開發者在開發相應的網頁的過程中，不僅要了解相關的Html知識，還要了解對不同瀏覽器的運行支持。而以往的課程只是以講解理論知識為主，技術開發在網絡上的適應性和拓展性并沒有花太大的篇幅去介紹，新案例講解較少。要適應網絡平臺實時更新新技術新框架的發展要求，開發者不僅需要有扎實的理論知識，更需要通過開發新案例來了解最新的技術和網絡發展方向。

（二）知識點過于松散

關于網頁設計相關的課程因為Html版本的繁多，語法的不統一，網絡課程的知識點重復太多，有些知識點并不需要開發者都掌握，只是保證開發出的網頁在不同瀏覽器的兼容性，不同的語法實現相同功能的情況較多，開發者往往需要二次開發。Html每次推出新版本后，舊有的語法規則會保留部分，再用新語法替換部分棄用的語法規則，新舊語法交替，教師在講解課程的過程中會出現知識斷層，學生在學習的過程中也遇到相關知識無法銜接或語法混淆的問題，課程的學習效果很低。

（三）了解企業需求

相關專業課程提出的需求不能僅僅需要滿足于課堂，更應該契合企業和市場的需求，促進人才培養與產業需求相結合。Web前端相關的技術發展速度非常快，新的技術理念層出不窮，而市場和企業的需求才是最終的需求方向。因此人才培養方案需注重加強崗位能力培養，積極推進產教融合、課證融合，提升專業群與產業群的契合度，才能夯實學生就業創業基礎。

三、Html 5課程的優勢

（一）適應時代的要求

Html 5相關知識是今后互聯網通用標準的統一標準，這也是時代的迫切要求，之前的課程光講解Web瀏覽器之前的兼容性就浪費了大量的時間，Html 5在Web應用平臺上開發標準非常明確，在此平臺上，視頻、音頻、圖像、動畫以及電腦的交互都是標準化的，非標準化所導致的問題得以解決，知識點構建是非常明確的。

（二）完善以往課程的不足

Html 5相關知識向上兼容，可以完善網絡開發專業的教學計劃，在原有課程的基礎上，彌補以往因為平臺、瀏覽器等兼容性所導致的漏洞。用Html 5標準創建的網頁程序也可以識別舊版本的語法，并且Html 5追加了很多新規則、新知識、新框架，大大拓展了開發潛力，不僅如此，還結合了包括微格式、無障礙應用等各種周邊的技術，完善以往語法的不足，提高了語法的可讀性。

（三）與其他核心課程有很好的銜接

以往的網頁設計相關的課程都是基于PC平臺，但當今社會手機平臺的使用已成為主流，因此基于手機開發相關的知識也是當前網絡開發方向學習的熱門方向之一，而Html 5的課程，不僅介紹了PC平臺的開發知識，也介紹了手機平臺的相關知識。教師在介紹本課程的相關知識的同時也會涵蓋其他方向的一些知識點，學生在學習完本課程之后，再學習其他核心課程，比如手機APP開發課程時，相關的知識點是可以通用的。

四、Html 5課程的整體框架

如下圖所示，Html 5有完整的結構框架，高校在開設相關的網頁設計課程包含了目前流行的網絡開放相關知識，包括css、svg、Animation等，Html 5所包含的全新的標簽和元素更是課程的重點內容，以適應新時代、新環境下的教學要求。

五、Html 5課程主要特色

（一）制定Html 5網頁設計課程體系

新的課程體系的建立是為了讓Html 5網頁設計課程的課程目標、課程內容、課程方法滿足Web前端職業技能人才需求，適應國家和社會發展的需求，提高高職教學效果和人才培養質量，以崗位技能目標為導向，提升學生的就業競爭力和可持續發展的能力。

（二）明確Html 5網頁設計的課程定位

Html 5網頁設計課程總目標定位于使學生掌握常用的網頁設計和網站工具，掌握網頁設計的基本技能，熟悉HTML5語言，能夠利用HTML5和CSS3知識進行Web前端網頁設計、制作及站點管理的基本知識和技能，能夠獨立制作中小型的靜態網站。