帶你零基礎學習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數據庫

分享到: 更多
百家欧赔 老虎机使用 极速pk10app开奖 四人麻将在线玩 赛车单双大小不输方法技巧 平特三肖多少 全天北京pk赛车两期计划 11选5在线计划软件 彩票技巧规律视频 时时彩平刷稳赚方案 11选5任三追号稳赚计划 3d直选包号价目表 七乐彩中奖规则图表 体彩大乐透专家预测号码 付款协议书范本大全 二串一稳赚