學習H5有什麼簡易教程?
H5的爆款玩法基本上每年都會更新，「學習H5」本身就是件需要長期堅持的事情，想要學好真的不容易。不知道大家對於「簡易教程」的定義是怎樣的，我感覺簡易教程應該是針對新手的吧，可以讓他們學會製作簡單的圖文翻頁類H5。
如果想學會製作創意型H5的話（比如說合成海報、人臉識別、一鏡到底之類的），可以去意派Epub360上看看，我剛開始接觸這款工具是因為要做一個答題測試類的H5，在平臺找了教程來看，然後跟著學。雖然那會兒是剛接觸，但說實話，我也沒覺得難，反而感覺挺有意思的，可能是因為教程真的蠻詳細易懂的。這是個專業工具，交互性強、自由度高，你可以從下面這張圖感受到教程有多齊全細緻
謝邀，答主從事8年前端，來給IT新人避些坑。
（H5 = HTML5簡寫，以下簡稱H5）
H5前端技術最近幾年火到發紫，各大中小應用幾乎都離不開前端。
然而前端技術更新迭代頻率極高，
這也給想入門前端的初學者帶來諸多困擾。
首先科普一下，H5隻是一種語法規範，作用在瀏覽器端。很多人都認為H5是一個技術，其實不然，H5本意指代HTML的第5代規範（各類型瀏覽器實現此規範）。
而現在人們口中的H5往往指代前端技術的一個大集合（HTML+CSS+JAVASCRIPT）
HTML = 網頁的基本架構(HTML5指此規範的第五代版本)
CSS = 網頁的色彩，樣式，排版佈局特效等(CSS3指CSS語言第三代版本)
JAVASCRIPT = 網頁的邏輯
只會其中一種技術，都不能構建一個完整的網頁。所以可以看到，想學習現在的H5前端技術，最少需要學習3種規範語言。
先說學習順序，從易到難的上手度來說，應該是
1. HTML5：學習構建網頁的基本規範（5指HTML第五代規範，為目前最新版本）
瞭解網頁的基本架構，等於打地基，一切都在地基之上建立
2. CSS3： 學習樣式語言，色彩，排版佈局等（3指CSS第三代版本為目前最新版）
瞭解網頁的佈局及色彩搭樣式搭配
3. JAVASCRIPT： 學習編程語言JAVASCRIPT，用程序語言操控網頁的各類行為
瞭解網頁的行為操控
學習順序瞭解後，在來說一下新手入門的幾種常見方法，以及對應的優缺點。
前端相關書籍是可以從某寶、某東或者書店購買，只要抽空就可以閱讀，但是因為書籍從編輯到定稿出版，往往經歷較長時間，所以技術相對不太新。
而視頻教學雖然可以學到最新技術，時間也很自由，但是不在付費的情況下，視頻質量參差不齊。
線下培訓算的上最為系統的培訓，畢業就可上崗。而且各城市均有大中小培訓機構，但想要選到一個好機構，還需要多次對比。
推薦入門實體書籍：HTML5+CSS3+JavaScript從入門到精通（標準版） web前端開發網頁設計叢書
推薦視頻：XX課堂等H5網路視頻教學
針對上表可以看到常見入門途徑，其實不管哪種方式都有各自的優缺點，根據自己的時間、精力、目標（是為了研究H5，還是為了達到能去公司上班的程度）選擇最適合自己的學習方式，纔是最容易的入門教程！
發佈於 2020-06-05繼續瀏覽內容
知乎發現更大的世界打開
Chrome繼續
class piss過來人大眾點評技術體現：《HTML 5網頁開發實例詳解》(周遙...)【簡介
大眾點評技術體現：《HTML 5網頁開發實例詳解》(周遙...)【簡介
如果是零基礎的話，建議多使用一些H5製作平臺，盡量用那些沒廣告的，要不然做到最後，用戶看著多不爽，去廣告還要花錢。用dodoH5，沒廣告，省預算。
學習h5最快的方法就是製作教程＋動手製作，在看了人人秀的h5製作教程以後立馬上手操作，這樣的速度最快。
俗話說得好，行動是最好的方法，動起手來就很快學會了。你可以用人人秀試試哦！
人人秀的h5製作起來比較方便，簡單容易上手。3分鐘就可以製作一個h5頁面。
具體流程參考下面：
1.打開人人秀官網（https://rrx.cn/），進入模板商城，使用模板製作最方便快捷。
2.隨意選擇一款你看著比較順眼的宣傳H5模板，點擊立即使用，進入H5編輯界面。
3.在編輯界面你會看到若干個可編輯頁面，這些頁面您可以隨心添加圖片和文字內容（如上案例，僅僅只是簡單的圖文展示），圖片精美，排版養眼，你也能做到。
4.如果你覺得這樣太簡單，那你還可以新建一個頁面，在右側進入互動功能區，給H5嵌入抽獎、拼團、測試、快閃等當下最為流行的活動宣傳玩法！
先學好H4
推薦閱讀：
