不用編寫代碼就能制作生成HTML5頁面的工具有哪些

最好能簡單介紹一下各工具的優缺點。

回復內容：

我覺得我可以來回答一下這個問題。

作為移動互聯網公司入職不到一年的產品新人，我最近用過一些制作H5的工具。不敢說是每個工具的深度使用者，起碼平時可以利用起來，在不用代碼的情況下，使用這些工具確實達到了省時省力的效果。

【開始答樓主】 ——————————————————

HTML5頁面制作工具，大體分為兩類：基于HTML5的網站工具和手機APP工具（當然還有一些其他的，例如基于微信公眾號的等，下面也會介紹）。

1.基于HTML5的工具網站：功能較強大，單頁面的操作性較強，可完成各種頁面交互效果；但是某些時候會有操作“失靈”的現象，如上傳圖片失敗，點擊保存失敗，生成失敗等。原因你懂得~
2.手機工具APP：相比起工具網站來講，顯得比較順手，有大量模板套用，制作簡單快捷；但是拘泥于現有的模板，使得單頁面不會有較大的可操作空間，從而無法實現DIY交互效果。

基于HTML5的工具網站：
【兔展】www.rabbitpre.com/
優點：頁面DIY程度較高，動效實現起來也簡易方便，可制作比較任性的H5頁面。
缺點：屏幕界面大小不可調節，上傳的圖會比例失調；生成后到各尺寸屏上頁面會存在拉伸現象。

（此圖意在說明上傳的圖片的尺寸都是網站自己默認的一個尺寸，不是圖片本身的尺寸，不利于使用者調整）

【MAKA.im】www.maka.im/home/index.html
優點：與兔展類似，更像制作PPT一樣。每一頁的具體效果可以具體編輯，單頁操作性較高，有新手（有模板）和高階（無模板）兩種編輯模式；翻頁效果比兔展多，模板也更強大一些。
【居高互動刊】hdk.jugocn.com/
優點：最簡單易上手的工具之一，根據提示一步一步的添加，共4步，最后生成微雜志。相比其他在線工具，較穩定。
缺點：目前沒試通制作單頁上的交互效果，沒找到開啟pro功能的入口。
【ANIMATRON】www.animatron.com/
優點：像flash的在線版，功能強大，可以創建HTML5動畫。適合有動畫基礎的人做演示制作。
缺點：需要動畫制作基礎；工作界面響應時間長；貌似只能分享到twitter、Facebook、google+、tumblr？

【iSpring 7】www.ispringsolutions.com/
噱頭是PPT轉HTML5工具，完美與PPT兼容，可制作Html5移動課件。
不過，目前我只能連著VPN再用Safari才能打開網站鏈接。

【秀制作】xiumi.us/
優點：版式輕松，制作快捷，寬帶穩定。
缺點：對圖片和文字在各種屏幕上的顯示沒有做很好的適配；不能對模板中文字的編輯調整位置。

手機工具APP：
【初頁】
優點：模板質量高，套用模板編輯時效率高，操作簡單快捷，效果和體驗在制作H5頁面的APP工具里面算是出類拔萃。
缺點：單頁面可操作性較低，僅支持套用模板。

【快邀約】快速制作邀請函
優點：易上手，省時高效，便于統計。
缺點：頁面簡陋，只能選擇固有模板創建文字和添加圖片。

【易企秀】中小微企業的移動場景營銷管家
優點：套用模板，創建快捷，用來做企業介紹、產品推薦。擁有強大的推廣統計、客戶管理功能。嗯，這里應該贊一個。
缺點：只能用模板，DIY程度低；統計數據是否準確需要進一步確認，目前看來可能有遺漏數據的現象（在小范圍測試中，統計到的數量小于應有的數量）。

【微貼】：通過微信公眾號創建H5頁面
優點：手機公眾號內直接創建簡單頁面，根據提示創建即可，無腦方便快捷。
缺點：只是單頁面展示，承載不了交互效果等特效和更多內容。

工具網站做的H5頁面，多注重單獨頁面的自定義交互方案，DIY程度高，相對來說用時較長，又受制于帶寬因素，故影響操作；
工具APP做的H5頁面，多注重效率，目前都是套用模板，因而對單頁面的DIY程度較低，交互效果受限。
作為我個人而言，移動互聯的新任PM，我平時常用到的是【MAKA】和【兔展】，這兩個相對來說更適合半天時間來完成；如想快速制作展示頁面就用【初頁】，這個在功能效率與設計感方面更突出一些；組織活動、制作邀請函、分發活動通知等用【快邀約】；平時推廣新產品、聯絡客戶和招聘新人用【易企秀】。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com