到H5頁面制作，現(xiàn)在國內(nèi)市面上更多的是平臺(tái)類型的“軟件”，它可能是一個(gè)云端制作工具，但完全媲美軟件的功能與質(zhì)量。

嚴(yán)格意義上，他們不能算是軟件，因?yàn)榫褪且粋€(gè)網(wǎng)站，不需要下載。但其實(shí)當(dāng)你想要找這樣的軟件時(shí)，需要的就是這樣的工具平臺(tái)。

這篇文章來談一下這些質(zhì)量參差不齊、各自的使用場景不盡相同的H5頁面制作“軟件”。首先要明確區(qū)分這些軟件好壞的標(biāo)準(zhǔn)，其實(shí)最簡單的辦法就是看這個(gè)軟件做出來的案例，也就是用這些H5頁面制作工具能做出哪些類型的H5。

1、易企秀

http://www.eqxiu.com

易企秀百度指數(shù)：★★★★★

易企秀名氣最大，先說說它吧。其實(shí)易企秀很容易定義，就是移動(dòng)版PPT的制作軟件，用來在手機(jī)上做H5頁面的簡單動(dòng)態(tài)演示。易企秀各方面的功能，比如文本、按鈕、圖表、動(dòng)效這些和微軟的PowerPoint比較像，有固定樣式的表單功能，但設(shè)計(jì)上自由度比較低。

總的來說，易企秀的軟件使用難度比較低，主要面向?qū)5頁面制作沒有太高要求的用戶。

易企秀支持的H5頁面制作類型：

微信邀請(qǐng)函、個(gè)人電子賀卡、手機(jī)相冊(cè)等微場景

易企秀典型案例：

微信邀請(qǐng)函H5（易企秀制作）

易企秀付費(fèi)情況：

免費(fèi)版——提供基礎(chǔ)編輯功能，有在線教程和人工客服

付費(fèi)版——能去除廣告尾頁、底標(biāo)和加載LOGO，有PSD上傳、外鏈添加、數(shù)據(jù)統(tǒng)計(jì)等高級(jí)功能，有專屬客服

2、iH5

http://www.ih5.cn

iH5百度指數(shù)：★★★★

iH5是專業(yè)H5頁面“軟件”里名氣最大的工具，可以定義為取代HTML5網(wǎng)頁編程的可視化工具。要說iH5完全取代編程，目前也還達(dá)不到，不過確實(shí)幾乎所有能想到的H5類型iH5都能實(shí)現(xiàn)，淘寶造物節(jié)那種720°全景啊天貓雙十一一鏡到底啊走馬燈之類的，比較好玩。對(duì)于我這種不懂代碼的文科生，iH5這樣的軟件還是很有誘惑力的，原來需要申請(qǐng)預(yù)算找外包的H5，現(xiàn)在基本都自己用iH5做了。

如果是企業(yè)推廣iH5比較合適，不過我也用它接接小散單，畢竟很多創(chuàng)意對(duì)功能的要求比較高。

iH5支持的H5頁面制作類型：

H5動(dòng)畫、720°全景&重力感應(yīng)、互動(dòng)廣告、小游戲（支持物理引擎）、交互視頻、照片合成、電商支付和微信紅包、測試題、評(píng)論彈幕、電子雜志，微信邀請(qǐng)函等微場景

iH5典型案例：

H5小游戲（iH5制作）

http://bb5ecf9e126c.ih5.cn/idea/qMF0Jzh

全景動(dòng)畫（iH5制作）

http://2ac75eb5808a.vxplo.cn/idea/3uCaRD8

測試題（iH5制作）

http://0c8a0952908d.vxplo.cn/idea/Yo9cBZM

交互動(dòng)畫（iH5制作）

http://db84f609426b.ih5.cn/idea/RyY_l9h

交互視頻（iH5制作，PC案例，建議在電腦上觀看）

http://9996e459cdb4.ih5.cn/idea/ojumvW_

iH5付費(fèi)情況：

免費(fèi)版——功能沒有限制，有在線教程和人工客服

付費(fèi)版——針對(duì)企業(yè)用戶，能修改加載LOGO和廣告底標(biāo)，有專門的數(shù)據(jù)服務(wù)，有一對(duì)一技術(shù)支持和線下培訓(xùn)，支持外部數(shù)據(jù)通信，開發(fā)者外調(diào)JS函數(shù)

3、兔展

兔展百度指數(shù)：★★★☆

兔展和易企秀很像，能制作具有翻頁效果、對(duì)文字和圖片進(jìn)行排版的H5頁面。兔展做出來的H5基本是用在微場景上，比如微海報(bào)、微邀請(qǐng)函、微信相冊(cè)這些，也是個(gè)人用的比較多。

兔展支持的H5頁面制作類型：

微信邀請(qǐng)函、微海報(bào)、手機(jī)相冊(cè)等微場景

兔展典型案例：

微海報(bào)（兔展制作）

兔展付費(fèi)情況：

免費(fèi)版——功能沒有限制，有廣告底標(biāo)，有加載LOGO，有在線教程和人工客服

付費(fèi)版——有共享模板，能申請(qǐng)舉辦活動(dòng)，有專屬客服

4、MAKA

MAKA百度指數(shù)：★★★

MAKA有很多模板套件，直接往里面填東西就行。我第一次做H5用的就是MAKA，當(dāng)時(shí)用的是APP，做出來的頁面很卡，當(dāng)天就卸載了。雖然MAKA功能不多，可是對(duì)只想發(fā)發(fā)文字、照片合輯的初學(xué)者來說，還是很方便的。

MAKA支持的H5頁面制作類型：

手機(jī)相冊(cè)、小測試等微場景

MAKA典型案例：

微海報(bào)（MAKA制作）

MAKA付費(fèi)情況：

免費(fèi)版——數(shù)據(jù)統(tǒng)計(jì)有限制，有在線教程和人工客服

付費(fèi)版——能去除廣告尾頁，有專屬客服

5、初頁

百度指數(shù)：★★☆

嚴(yán)格意義上，初頁不能算是H5頁面制作工具。說初頁有一個(gè)非常貼切的比喻是傻瓜相機(jī)，零門檻，小學(xué)生也能用。初頁本身就像一個(gè)照片合成器類型的H5，提供現(xiàn)成的模板版式，往里面換一下照片就行。

初頁支持的H5頁面制作類型：

手機(jī)相冊(cè)

初頁典型案例：

手機(jī)相冊(cè)（初頁模板）

初頁付費(fèi)情況：

無

6、搜狐快站

搜狐快站

百度指數(shù)：★★

搜狐快站用來做移動(dòng)網(wǎng)站比較方便，有很多固定樣式的框架，可以直接往里面填內(nèi)容。不過搜狐快站有利也有弊，做的網(wǎng)站如果要改布局，必須使用代碼。不過如果你有搜狐自媒體號(hào)的話，還可以直接生成一個(gè)移動(dòng)主頁。

搜狐快站支持的H5頁面制作類型：

移動(dòng)網(wǎng)站、電商支付，和微海報(bào)等微場景

搜狐快站典型案例：

移動(dòng)網(wǎng)站（搜狐快站制作）

搜狐快站付費(fèi)情況：

無

7、咫尺微頁

百度指數(shù)：★☆

微頁功能上和易企秀有點(diǎn)像，不過它的廣告非常多，而且界面也不怎么樣。只用過一次微頁，我很難想象真的會(huì)有人花錢去掉各種各樣的廣告。

微頁支持的H5頁面制作類型：

評(píng)論彈幕，微海報(bào)等微場景

微頁典型案例：

微海報(bào)（咫尺微頁制作）

微頁付費(fèi)情況：

免費(fèi)版——有基礎(chǔ)編輯功能

付費(fèi)版——能去除尾部鏈接、加載LOGO、廣告底標(biāo)、側(cè)邊欄等廣告，有評(píng)論彈幕等高級(jí)功能，有互推功能

8、Epub360

百度指數(shù)：★☆

Epub360的功能還是挺多的，也有一些數(shù)據(jù)庫組件。感覺用Epub360比較多的是初級(jí)設(shè)計(jì)師。不過必須吐槽用慣了iH5后，用Epub360非常不習(xí)慣，整個(gè)體驗(yàn)不是很好。

Epub360支持的H5頁面制作類型：

移動(dòng)網(wǎng)站、電子雜志，和微信邀請(qǐng)函等微場景

Epub360典型案例：

電子雜志（Epub360制作）

Epub360付費(fèi)情況：

免費(fèi)版——支持基礎(chǔ)編輯功能，有在線教程和人工客服

付費(fèi)版——去除加載LOGO，有高級(jí)表單等升級(jí)功能，有專門的技術(shù)支持服務(wù)

9、Wix

百度指數(shù)：★

Wix是國外的一個(gè)工具，用來建PC端網(wǎng)站很方便，因?yàn)槟０搴茇S富，現(xiàn)套現(xiàn)用。不過根據(jù)我之前使用的情況，Wix的網(wǎng)頁在國內(nèi)穩(wěn)定性不是很強(qiáng)。

Wix支持的H5頁面制作類型：

PC網(wǎng)站

Wix典型案例：

PC網(wǎng)站（Wix制作）

http://www.wix.com/sample/website-viewer?lng=en&site_id=1444301520371540

Wix付費(fèi)情況：

免費(fèi)版——功能沒有限制

付費(fèi)版——去除廣告，購買網(wǎng)站流量

10、凡科微傳單

百度指數(shù)：★

凡科好像買了超多廣告位，我必須承認(rèn)注意到凡科微傳單這個(gè)軟件是因?yàn)楹芏啻慰吹剿膹V告……凡科微傳單屬于套模板型的軟件，有固定的樣式，上手還是挺快的，不過現(xiàn)成樣式在那里，沒辦法做比較自由的設(shè)計(jì)。

凡科好像“模仿”了很多其他同類軟件的功能設(shè)計(jì)，網(wǎng)站看起來很像易企秀，而且它支持比較簡單的全景功能。

凡科微傳單支持的H5頁面制作類型：

微信邀請(qǐng)函、個(gè)人電子賀卡、手機(jī)相冊(cè)等微場景，

凡科微傳單典型案例：

微信邀請(qǐng)函（凡科微傳單制作）

凡科微傳單付費(fèi)情況：

免費(fèi)版——功能沒有限制

付費(fèi)版——能去除廣告，購買網(wǎng)站流量

最后說明一下，以上從1到10的排名依據(jù)是百度指數(shù)。

著各類移動(dòng)終端日益增強(qiáng)對(duì)HTML5的支持性，我們?cè)谥悄芙K端接觸到的所有東西幾乎都隱藏著HTML5屬性，HTML5建站也是大勢所趨。今天推薦幾款HTML建站必備的軟件，由于大部分是英文網(wǎng)站，英語不好的童鞋看起來會(huì)比較吃力。

1、HTML5 Reset

這是一組包括HTML、CSS的文件，提供HTML5的空白WordPress模板。可以在前期準(zhǔn)備建站時(shí)幫你節(jié)省時(shí)間。

2、Initializr

一款HTML5制作入門工具，支持自定義、模塊生成網(wǎng)站，之后會(huì)為你的網(wǎng)站迅速生成具有簡潔代碼的可定制網(wǎng)頁模板。

3、HTML5 visual cheat sheet

實(shí)質(zhì)上是一個(gè)速查表，沒有網(wǎng)站，在軟件平臺(tái)中支持下載，表內(nèi)包含了html tag列表以及支持html4.01/5版本的相關(guān)屬性。

4、HTML5 Canvas cheat sheet

一個(gè)Canvas元素的詳細(xì)速查手冊(cè)，只有一個(gè)頁面。Canvas元素是HTML5最重要的元素之一，它可以在網(wǎng)頁中繪制圖形，非常強(qiáng)大。

5、Lime JS

HTML5游戲開發(fā)框架，能快速構(gòu)建運(yùn)行于觸屏設(shè)備和桌面瀏覽器的游戲，是HTML5游戲開發(fā)者必備的網(wǎng)站。

6、Cross browser HTML5 forms

能幫你構(gòu)建完美的HTML5表單兼容方案，有一些非常好用的小工具，如日歷、取色板、滑塊部件等，不過有的瀏覽器不支持。

7、HTML5 Test

之前也推薦過，能幫你生成一份當(dāng)前瀏覽器對(duì)video、audio、canvas等特性的支持情況的報(bào)告，便于進(jìn)行代碼調(diào)整。

8、HTML5demos

和HTML5 Test差不多，不過這是針對(duì)HTML5特性在哪些瀏覽器中支持。

9、Nicebox

性價(jià)比很高的自助建站軟件。nicebox內(nèi)置千套HTML5模板，不用寫代碼，直接套用，用心修改就能讓你的網(wǎng)站千變?nèi)f化，不用懂技術(shù)一樣做HTML5網(wǎng)站。

以上的軟件工具大部分都比較適合對(duì)HTML5有一定了解的IT人，網(wǎng)絡(luò)上還有很多適合HTML5編碼的實(shí)用工具，歡迎大家進(jìn)行推薦。

HTML5網(wǎng)站建設(shè)：http://www.iisp.com/design/how-to-build.php?s=yuqiuping