1、找個互動強大、功能齊全的H5頁面製作工具，例如意派Epub360。先慢慢熟悉各種元件，再跟著教程由簡單到複雜地進行學習。意派有專門的教程庫、交流群組以及豐富的案例和模板，足夠新手小白長期參考學習~

2、熟悉好工具後，可在製作H5之前先構思一下要做什麼樣的內容、用什麼樣的創意形式（可以藉助思維腦圖，把想法稍微具象化），然後再進行製作和釋出。

H5頁面的製作一般情況下，一個H5專案涵蓋策劃、創意、平面、動畫互動、前後端的開發、推廣等方面，需要多人團隊的配合，隨著網際網路的發展，H5技術的普及，對人力成本的控制和開發效率要求，萌生出一堆H5工具。H5頁面製作工具大抵上分兩種：模板類和專業類

模板類：易企秀、maka、凡科；

專業類：意派Epub360、ih5；

H5工具推薦

簡單的模板類似易企秀（推薦小白），

推薦理由：操作傻瓜、模板豐富

專業H5頁面製作工具推薦：意派∙Epub360

推薦理由：意派Epub360可以實現高質量的H5頁面功能，專業元件化的功能，簡易上手的操作，企業使用者更容易快速完成專業的H5頁面上線。

總結：

程式碼開發和H5工具製作的本質沒啥大的區別，因為H5作為網頁都是基於html，css這些程式碼組成，符合html5書寫規範，有區別就在於成本、實現難度、製作效率、資料安全、靈活行和相容性等大的方面。

而題主想要的“不需要依靠技術部門，能讓市場部門獨立完成線上營銷的工具”應該是具備高靈活度、操作相對容易的專業H5工具，這裡推薦 epub360 。

大致總結一下，H5頁面的製作方法有三種：

一、就是需要程式設計基礎，要會程式碼，如果不會的話，這一點就忽略不看，直接看下面兩個方法就好了。

二、現在有很多的H5製作工具，可以利用這些工具來製作H5作品，其中又細分為兩種情況。

基本上大部分的H5製作平臺都會有免費的模板，不同功能、用途、風格的H5模板都會有，只是有的模板又多又全，有的則是模板比較少。

推薦幾個H5模板比較多的製作工具：

人人秀

易企秀

兔展

MAKA

意派 ih5

木疙瘩

②如果是對於程式碼不懂，但是又不想要大眾化的模板，可以選擇這種方法，還是先找一個H5製作工具，然後點進H5製作頁面，會出現一個專業的製作面板，其中文字、圖片、背景以及其他的基本設定和樣式設定都需要自己設計新增和把控，相對於模板來說比較難操作，但是隻要熟練後就可以上手快了。

下面推薦幾個H5製作工具，雖然功能沒有以上幾個強大，但是在素材積累、海報頁面的製作設計上還是不錯的。

初頁

秀米

秀堂

爆米兔

雲來

PP匠