帶你零基礎學習HTML5

1個HTML5基礎入門教程,4個HTML5小項目教程,帶你零基礎入門學習HTML5。

【HTML5基礎入門】

教程將會介紹HTML5中的新特性,包括結構標簽、新型表單標簽、文件操作、Canvas、本地存儲等。適合對前端編程有興趣,已經學了HTML的人學習。

實驗列表:

【基于 HTML5 實現本地圖片裁剪】

該項目實現利用 HTML5 的 canvas 技術,結合 HTML5 的 File AP I來實現圖片的本地裁剪。通過該項目將學習到如何結合 HTML5 與 JavaScript 編寫簡單的單頁應用。項目難度一般,適合剛入門前端的同學,需要了解 cavas 并且有 JavaScript 基礎。

效果圖:

【基于HTML5 Canvas實現小游戲】

該項目基于 HTML5 的 canvas 實現了一個小游戲,著重介紹了 HTML5 游戲開發的流程及游戲開發中需要處理的東西。對 Web 游戲開發感興趣的同學可以通過這個項目實踐 HTML5 及 JavaScript 基礎知識。

效果圖:

【基于 HTML5 實現刮刮樂效果 】

該項目使用 HTML5 來完成 “刮刮樂” 的刮獎效果。HTML5 是 HTML 的第5代版本,也是目前最新的版本,同時項目還用到 JavaScript 相關技術來完成。學習項目有助于鞏固前端知識。

效果圖:

【HTML5兩步實現拼圖游戲】

該項目基于 HTML+CSS+JavaScript 實現網頁版的拼圖游戲。實現過程中將用到 HTML5,CSS3 及 JavaScript 相關知識。完成這個項目,可以進一步扎實前端基礎知識。

效果圖:



  • 來源:itnose

上一篇: 一篇文章帶你快速入門createjs

下一篇: HTML5-Web SQL數據庫

分享到: 更多
乐翻二人麻将安卓 福彩3D六码绝杀 北京pk拾赛车人工计划 抢庄牛牛游戏斗牛牛 ag所有平台开牌都是一样的吗 押庄龙虎有技巧吗 手机电玩城森林舞会 时时彩七码稳赚方法 分分彩定位胆稳赚技巧 免费助赢计划软件手机版 慈善网787939 时时彩每天稳赚100块 梅苏特厄齐尔 熊猫麻将游戏官方下载 分分彩后4稳赚方案 北京pk赛车开奖记录