整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
到H5頁面制作，現(xiàn)在國內(nèi)市面上更多的是平臺類型的“軟件”，它可能是一個云端制作工具，但完全媲美軟件的功能與質(zhì)量。
嚴(yán)格意義上，他們不能算是軟件，因為就是一個網(wǎng)站，不需要下載。但其實當(dāng)你想要找這樣的軟件時，需要的就是這樣的工具平臺。
這篇文章來談一下這些質(zhì)量參差不齊、各自的使用場景不盡相同的H5頁面制作“軟件”。首先要明確區(qū)分這些軟件好壞的標(biāo)準(zhǔn)，其實最簡單的辦法就是看這個軟件做出來的案例，也就是用這些H5頁面制作工具能做出哪些類型的H5。
1、易企秀
http://www.eqxiu.com
易企秀百度指數(shù)：★★★★★
易企秀名氣最大，先說說它吧。其實易企秀很容易定義，就是移動版PPT的制作軟件，用來在手機上做H5頁面的簡單動態(tài)演示。易企秀各方面的功能，比如文本、按鈕、圖表、動效這些和微軟的PowerPoint比較像，有固定樣式的表單功能，但設(shè)計上自由度比較低。
總的來說，易企秀的軟件使用難度比較低，主要面向?qū)5頁面制作沒有太高要求的用戶。
易企秀支持的H5頁面制作類型：
微信邀請函、個人電子賀卡、手機相冊等微場景
易企秀典型案例：
微信邀請函H5（易企秀制作）
易企秀付費情況：
免費版——提供基礎(chǔ)編輯功能，有在線教程和人工客服
付費版——能去除廣告尾頁、底標(biāo)和加載LOGO，有PSD上傳、外鏈添加、數(shù)據(jù)統(tǒng)計等高級功能，有專屬客服
2、iH5
http://www.ih5.cn
iH5百度指數(shù)：★★★★
iH5是專業(yè)H5頁面“軟件”里名氣最大的工具，可以定義為取代HTML5網(wǎng)頁編程的可視化工具。要說iH5完全取代編程，目前也還達不到，不過確實幾乎所有能想到的H5類型iH5都能實現(xiàn)，淘寶造物節(jié)那種720°全景啊天貓雙十一一鏡到底啊走馬燈之類的，比較好玩。對于我這種不懂代碼的文科生，iH5這樣的軟件還是很有誘惑力的，原來需要申請預(yù)算找外包的H5，現(xiàn)在基本都自己用iH5做了。
如果是企業(yè)推廣iH5比較合適，不過我也用它接接小散單，畢竟很多創(chuàng)意對功能的要求比較高。
iH5支持的H5頁面制作類型：
H5動畫、720°全景&重力感應(yīng)、互動廣告、小游戲（支持物理引擎）、交互視頻、照片合成、電商支付和微信紅包、測試題、評論彈幕、電子雜志，微信邀請函等微場景
iH5典型案例：
H5小游戲（iH5制作）
http://bb5ecf9e126c.ih5.cn/idea/qMF0Jzh
全景動畫（iH5制作）
http://2ac75eb5808a.vxplo.cn/idea/3uCaRD8
測試題（iH5制作）
http://0c8a0952908d.vxplo.cn/idea/Yo9cBZM
交互動畫（iH5制作）
http://db84f609426b.ih5.cn/idea/RyY_l9h
交互視頻（iH5制作，PC案例，建議在電腦上觀看）
http://9996e459cdb4.ih5.cn/idea/ojumvW_
iH5付費情況：
免費版——功能沒有限制，有在線教程和人工客服
付費版——針對企業(yè)用戶，能修改加載LOGO和廣告底標(biāo)，有專門的數(shù)據(jù)服務(wù)，有一對一技術(shù)支持和線下培訓(xùn)，支持外部數(shù)據(jù)通信，開發(fā)者外調(diào)JS函數(shù)
3、兔展
兔展百度指數(shù)：★★★☆
兔展和易企秀很像，能制作具有翻頁效果、對文字和圖片進行排版的H5頁面。兔展做出來的H5基本是用在微場景上，比如微海報、微邀請函、微信相冊這些，也是個人用的比較多。
兔展支持的H5頁面制作類型：
微信邀請函、微海報、手機相冊等微場景
兔展典型案例：
微海報（兔展制作）
兔展付費情況：
免費版——功能沒有限制，有廣告底標(biāo)，有加載LOGO，有在線教程和人工客服
付費版——有共享模板，能申請舉辦活動，有專屬客服
4、MAKA
MAKA百度指數(shù)：★★★
MAKA有很多模板套件，直接往里面填東西就行。我第一次做H5用的就是MAKA，當(dāng)時用的是APP，做出來的頁面很卡，當(dāng)天就卸載了。雖然MAKA功能不多，可是對只想發(fā)發(fā)文字、照片合輯的初學(xué)者來說，還是很方便的。
MAKA支持的H5頁面制作類型：
手機相冊、小測試等微場景
MAKA典型案例：
微海報（MAKA制作）
MAKA付費情況：
免費版——數(shù)據(jù)統(tǒng)計有限制，有在線教程和人工客服
付費版——能去除廣告尾頁，有專屬客服
5、初頁
百度指數(shù)：★★☆
嚴(yán)格意義上，初頁不能算是H5頁面制作工具。說初頁有一個非常貼切的比喻是傻瓜相機，零門檻，小學(xué)生也能用。初頁本身就像一個照片合成器類型的H5，提供現(xiàn)成的模板版式，往里面換一下照片就行。
初頁支持的H5頁面制作類型：
手機相冊
初頁典型案例：
手機相冊（初頁模板）
初頁付費情況：
無
6、搜狐快站
搜狐快站
百度指數(shù)：★★
搜狐快站用來做移動網(wǎng)站比較方便，有很多固定樣式的框架，可以直接往里面填內(nèi)容。不過搜狐快站有利也有弊，做的網(wǎng)站如果要改布局，必須使用代碼。不過如果你有搜狐自媒體號的話，還可以直接生成一個移動主頁。
搜狐快站支持的H5頁面制作類型：
移動網(wǎng)站、電商支付，和微海報等微場景
搜狐快站典型案例：
移動網(wǎng)站（搜狐快站制作）
搜狐快站付費情況：
無
7、咫尺微頁
百度指數(shù)：★☆
微頁功能上和易企秀有點像，不過它的廣告非常多，而且界面也不怎么樣。只用過一次微頁，我很難想象真的會有人花錢去掉各種各樣的廣告。
微頁支持的H5頁面制作類型：
評論彈幕，微海報等微場景
微頁典型案例：
微海報（咫尺微頁制作）
微頁付費情況：
免費版——有基礎(chǔ)編輯功能
付費版——能去除尾部鏈接、加載LOGO、廣告底標(biāo)、側(cè)邊欄等廣告，有評論彈幕等高級功能，有互推功能
8、Epub360
百度指數(shù)：★☆
Epub360的功能還是挺多的，也有一些數(shù)據(jù)庫組件。感覺用Epub360比較多的是初級設(shè)計師。不過必須吐槽用慣了iH5后，用Epub360非常不習(xí)慣，整個體驗不是很好。
Epub360支持的H5頁面制作類型：
移動網(wǎng)站、電子雜志，和微信邀請函等微場景
Epub360典型案例：
電子雜志（Epub360制作）
Epub360付費情況：
免費版——支持基礎(chǔ)編輯功能，有在線教程和人工客服
付費版——去除加載LOGO，有高級表單等升級功能，有專門的技術(shù)支持服務(wù)
9、Wix
百度指數(shù)：★
Wix是國外的一個工具，用來建PC端網(wǎng)站很方便，因為模板很豐富，現(xiàn)套現(xiàn)用。不過根據(jù)我之前使用的情況，Wix的網(wǎng)頁在國內(nèi)穩(wěn)定性不是很強。
Wix支持的H5頁面制作類型：
PC網(wǎng)站
Wix典型案例：
PC網(wǎng)站（Wix制作）
http://www.wix.com/sample/website-viewer?lng=en&site_id=1444301520371540
Wix付費情況：
免費版——功能沒有限制
付費版——去除廣告，購買網(wǎng)站流量
10、凡科微傳單
百度指數(shù)：★
凡科好像買了超多廣告位，我必須承認(rèn)注意到凡科微傳單這個軟件是因為很多次看到它的廣告……凡科微傳單屬于套模板型的軟件，有固定的樣式，上手還是挺快的，不過現(xiàn)成樣式在那里，沒辦法做比較自由的設(shè)計。
凡科好像“模仿”了很多其他同類軟件的功能設(shè)計，網(wǎng)站看起來很像易企秀，而且它支持比較簡單的全景功能。
凡科微傳單支持的H5頁面制作類型：
微信邀請函、個人電子賀卡、手機相冊等微場景，
凡科微傳單典型案例：
微信邀請函（凡科微傳單制作）
凡科微傳單付費情況：
免費版——功能沒有限制
付費版——能去除廣告，購買網(wǎng)站流量
最后說明一下，以上從1到10的排名依據(jù)是百度指數(shù)。
著各類移動終端日益增強對HTML5的支持性，我們在智能終端接觸到的所有東西幾乎都隱藏著HTML5屬性，HTML5建站也是大勢所趨。今天推薦幾款HTML建站必備的軟件，由于大部分是英文網(wǎng)站，英語不好的童鞋看起來會比較吃力。
1、HTML5 Reset
這是一組包括HTML、CSS的文件，提供HTML5的空白WordPress模板。可以在前期準(zhǔn)備建站時幫你節(jié)省時間。
2、Initializr
一款HTML5制作入門工具，支持自定義、模塊生成網(wǎng)站，之后會為你的網(wǎng)站迅速生成具有簡潔代碼的可定制網(wǎng)頁模板。
3、HTML5 visual cheat sheet
實質(zhì)上是一個速查表，沒有網(wǎng)站，在軟件平臺中支持下載，表內(nèi)包含了html tag列表以及支持html4.01/5版本的相關(guān)屬性。
4、HTML5 Canvas cheat sheet
一個Canvas元素的詳細速查手冊，只有一個頁面。Canvas元素是HTML5最重要的元素之一，它可以在網(wǎng)頁中繪制圖形，非常強大。
5、Lime JS
HTML5游戲開發(fā)框架，能快速構(gòu)建運行于觸屏設(shè)備和桌面瀏覽器的游戲，是HTML5游戲開發(fā)者必備的網(wǎng)站。
6、Cross browser HTML5 forms
能幫你構(gòu)建完美的HTML5表單兼容方案，有一些非常好用的小工具，如日歷、取色板、滑塊部件等，不過有的瀏覽器不支持。
7、HTML5 Test
之前也推薦過，能幫你生成一份當(dāng)前瀏覽器對video、audio、canvas等特性的支持情況的報告，便于進行代碼調(diào)整。
8、HTML5demos
和HTML5 Test差不多，不過這是針對HTML5特性在哪些瀏覽器中支持。
9、Nicebox
性價比很高的自助建站軟件。nicebox內(nèi)置千套HTML5模板，不用寫代碼，直接套用，用心修改就能讓你的網(wǎng)站千變?nèi)f化，不用懂技術(shù)一樣做HTML5網(wǎng)站。
以上的軟件工具大部分都比較適合對HTML5有一定了解的IT人，網(wǎng)絡(luò)上還有很多適合HTML5編碼的實用工具，歡迎大家進行推薦。
HTML5網(wǎng)站建設(shè)：http://www.iisp.com/design/how-to-build.php?s=yuqiuping
HBuilderX，DCloud推出的一款HTML5的Web開發(fā)工具，軟件體積小，啟動快。
uni-app，一個使用Vue.js開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序、快應(yīng)用等多個平臺。
準(zhǔn)備IDE HBuilderX，下載地址：https://www.dcloud.io/hbuilderx.html，當(dāng)前的使用的版本是：HBuilder X 3.5.3。
1、菜單：文件->新建->項目
2、填寫項目名稱及存儲路徑，選擇對應(yīng)的模板
3、修改項目文件：hello\pages\index.vue
<template>
<view class="container">
<view class="intro">HelloWorld~</view>
<text class="intro">佚名今人</text>
</view>
</template>4、運行項目
注： 第一次運行會自動安裝插件~
5、預(yù)覽運行效果
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
