14年10月，HTML5標(biāo)準(zhǔn)規(guī)范正式定稿和發(fā)布，再加上微信的帶動，H5頁面火了。國內(nèi)衍生出了各種H5頁面制作工具、H5引擎等等，大家都想分H5這杯羹。

有做H5頂級入口的，比如火速科技，但入口很重要，沒人愿意成全他們；有做H5代碼編輯工具的，比如APICloud和DCloud，旨在簡化H5開發(fā)技術(shù)，卻很難盈利；有提供開源的H5引擎的，比如Egret 和Cocos2D，可即使有人用他們開發(fā)，也不太會給發(fā)行權(quán)；有做一鍵PC網(wǎng)站轉(zhuǎn)移動網(wǎng)站的，如云適配，然而自動轉(zhuǎn)化太復(fù)雜，碰到復(fù)雜網(wǎng)頁就行不通。更多的是做類PPT輕H5模板公司，如易企秀、MAKA等。這類產(chǎn)品功能單一且重復(fù)，勝在操作簡單，也很難產(chǎn)生收入。

還有一類是做專業(yè)的H5頁面制作工具，如iH5，提供用于頁面交互的HTML5可視化編輯工具。這類近年比較吃香，應(yīng)用領(lǐng)域廣泛，涵蓋輕度營銷、重度營銷、媒體電商應(yīng)用、視頻、動畫、游戲等方面，造福不懂代碼的人群。這樣的基礎(chǔ)工具類平臺由于在工具設(shè)計上自主性較強(qiáng)，更有可能獲得較好發(fā)展。

無代碼的H5制作工具是主流

雖然H5有形形色色的工具，但市面上最流行的還是iH5和易企秀。原因很簡單，H5越來越商業(yè)化，H5廣告是H5的第一應(yīng)用場景，而iH5和易企秀都是不用代碼就能編輯的，自然受到追捧。

那到底專業(yè)的H5工具和類PPT輕H5模板工具有什么區(qū)別？

通過閱讀這兩家工具的相關(guān)資料，加上反復(fù)使用測試，以六大指標(biāo)撐起這份全面的測評報告，重點(diǎn)在于幫助大家更客觀地認(rèn)識這兩款工具。

專業(yè)測評分析——iH5和易企秀

一、操作界面分析——涉及編輯的靈活度

iH5編輯器是PC端網(wǎng)站，以可視化編輯為主并提供HTML5源碼，界面有點(diǎn)像PS，可縮放，操作起來比較舒服和流暢。基本結(jié)構(gòu)為DOM，工具思路以交互為主。以對象組件為主，表示可拓展性較強(qiáng)。輸出區(qū)同時作為編輯區(qū)，對資源處理過程進(jìn)行可視化，編輯過程靈活。

易企秀在PC端和手機(jī)端都有編輯器，PC端劃有四大分區(qū)，操作起來很像PPT，免費(fèi)用戶不能縮放編輯界面，操作起來稍稍卡頓。有模板區(qū)，暗含較低的學(xué)習(xí)門檻。菜單工具以模塊組件為主，表示有限的可拓展性?；窘Y(jié)構(gòu)為頁面布局，決定H5的交互效果以翻頁為主。

二、功能對比——iH5全部功能免費(fèi)，易企秀部分收費(fèi)

按市面上H5在多媒體范疇的應(yīng)用，摘取常用于H5設(shè)計的功能，對比兩個工具的功能覆蓋度：

從上圖可以看出iH5的功能比易企秀多了2倍還多，而且功能全免費(fèi)，這就是專業(yè)的H5工具和類PPT模板類工具的最大區(qū)別，專業(yè)的H5工具講究的是大而全，它必須覆蓋足夠多的功能，才能滿足大中小企業(yè)的各種需求。

而易企秀等類PPT模板類H5工具做的是輕營銷，主打翻頁類的H5，沒有那么多復(fù)雜的交互功能，它面向的是小企業(yè)以及個人用戶。只能說術(shù)業(yè)有專攻，產(chǎn)品定位不同，自然實現(xiàn)的功能也不同。

三、流量和數(shù)據(jù)統(tǒng)計

1.網(wǎng)站活躍流量——網(wǎng)站熱度

iH5網(wǎng)站首頁作品瀏覽量大部分超10萬，網(wǎng)站熱度高。易企秀網(wǎng)站首頁作品瀏覽量大多沒破萬，熱度相對較低。

2.H5案例流量和數(shù)據(jù)統(tǒng)計

上圖是iH5和易企秀針對免費(fèi)用戶推出的案例數(shù)據(jù)監(jiān)測功能，共同點(diǎn)是都有流量時段對比和傳播總量。不同點(diǎn)是iH5增加了H5在微信打開和分享的渠道占比分析，這個功能易企秀是收費(fèi)的。易企秀則增加了互動次數(shù)功能，這個功能iH5也有，只不過是合并在案例里面，通過計數(shù)器進(jìn)行統(tǒng)計。

除此之外，iH5和易企秀都針對付費(fèi)的企業(yè)用戶開發(fā)了精準(zhǔn)的數(shù)據(jù)后臺。

點(diǎn)擊此處輸入圖片描述

上圖是iH5的精準(zhǔn)數(shù)據(jù)統(tǒng)計后臺——H5 VALUE，分為流量分析、受眾分析、傳播分析、業(yè)務(wù)數(shù)據(jù)，為單個案例分析地域流量、終端流量、瀏覽時段、傳播指數(shù)、活躍用戶量等細(xì)分化指標(biāo)，還支持多個案例對比。只要購買任意的企業(yè)套餐，所有功能都能開放。

易企秀付費(fèi)版的數(shù)據(jù)統(tǒng)計后臺如下：

功能大致跟iH5一致，很全面。不足是易企秀對功能的開放是有所限制的，意味著不同的企業(yè)套餐擁有不同的權(quán)限，變相讓大家購買高級套餐，如下：

四、教學(xué)資源

對于初學(xué)者來說，迅速上手一個工具，依賴教學(xué)資源。

（1）垂直化的視頻教學(xué)

iH5共收納197個教學(xué)視頻，內(nèi)容垂直，實用性高，涵括新手必學(xué)、進(jìn)階必備、特效使用、工具字典、案例學(xué)習(xí)五大類型。入口在官網(wǎng)，不依賴視頻網(wǎng)站所以無廣告，也能直接下素材，體驗很好。

易企秀共收納48個教學(xué)視頻，入口在官網(wǎng)的論壇里面，內(nèi)容雖完整，但是由于依托優(yōu)酷平臺，每次看都得看廣告，不能獲取素材，體驗較差。

（2）系統(tǒng)化的教學(xué)閉環(huán)

iH5除了教學(xué)視頻，還設(shè)有線上直播課、線下學(xué)院課堂，形成從線上到線下的教學(xué)閉環(huán)。

易企秀除了教學(xué)視頻，也設(shè)有線上直播課。

五、網(wǎng)站特色服務(wù)

iH5有社交功能，可以關(guān)注和私信平臺上的任何用戶，也能查看粉絲。除此之外，iH5最強(qiáng)大的還是交互，比如全景、一鏡到底、時間軸動畫，還有數(shù)據(jù)庫可以做抽獎、砍價、游戲等等。

易企秀擁有圖片庫、音樂庫和字體庫，音樂庫需付費(fèi)使用，字體庫需付費(fèi)授權(quán)。

六、付費(fèi)相關(guān)

（1）模板商城的付費(fèi)

易企秀有5000多個模板，54%收費(fèi)模板，價格涵蓋10-60元，最低充值是500元。

iH5只有184個精美模板，但新模板上架24小時內(nèi)免費(fèi)這一點(diǎn)真的很實惠，后期付費(fèi)的價格在1-50元，最低充值50元。

（2）個人用戶的付費(fèi)

iH5的功能組件是全免費(fèi)的，易企秀部分功能收費(fèi)，如添加長頁面、編輯區(qū)縮放、PSD導(dǎo)入、計數(shù)器禁止重復(fù)提交的功能等等。

（3）企業(yè)用戶的付費(fèi)

iH5和易企秀都有3個級別的企業(yè)套餐，我們以同等價位的套餐來做對比。左邊是iH5，右邊是易企秀。

iH5的創(chuàng)業(yè)版企業(yè)套餐售價16800元/年，對自定義微信授權(quán)、自定義LOGO加載、自定義域名、支付點(diǎn)、云安全、專屬流量等主要用于企業(yè)的服務(wù)進(jìn)行收費(fèi)，其中微信授權(quán)費(fèi)用為1元/月，無其他單獨(dú)收取的費(fèi)用，屬于“一勞永逸”型。額外贈送價值5990元的iH5學(xué)院尊享班名額，套餐越高級送的名額越多。模板也全都免費(fèi)下載。

易企秀的企業(yè)高級版套餐售價15600元/年，對去尾頁標(biāo)識、自定義LOGO加載、付費(fèi)樣例、付費(fèi)功能等進(jìn)行收費(fèi)。但是對許多服務(wù)進(jìn)行限制服務(wù)次數(shù)或時長，且套餐外單獨(dú)收取費(fèi)用的項目雜多。如下：

綜上所述，易企秀適合低流量曝光的輕度營銷，通過HTML5的跨平臺特性，弱化交互的概念，強(qiáng)化模板式展示，把傳統(tǒng)離線PPT轉(zhuǎn)換到手機(jī)上展示。

而iH5以交互作為開發(fā)目的，讓交互功能間的組合更具復(fù)合性和創(chuàng)造性，更適合高流量的深度營銷，極大程度壓縮開發(fā)成本的同時，干掉前端，取代程序員在移動頁面開發(fā)中的角色。

T兄弟連組織編寫的又一本新書即將問世，今天和大家正式介紹一下它——《HTML5+CSS3+JavaScript從入門到精通》，一本W(wǎng)eb前端實用性綜合技術(shù)圖書。

“前端技術(shù)，永遠(yuǎn)都是企業(yè)的中流砥柱”

相信大家都有這樣的認(rèn)知。

隨著互聯(lián)網(wǎng)信息技術(shù)的飛速發(fā)展，Web前端開發(fā)越來越受到相關(guān)行業(yè)的重視，前端技術(shù)也不斷的更新著，但是技術(shù)不管怎么更新，怎么發(fā)展，都離不開基礎(chǔ)的知識。只有把基礎(chǔ)的技術(shù)框架學(xué)好，理解好編程思想、開發(fā)方式，能面向多終端開發(fā)，再深入的內(nèi)容都是可以迎刃而解的。

因此，充分了解并掌握前端技術(shù)基礎(chǔ)知識非常重要。

☆ 0基礎(chǔ)初學(xué)者該如何入手前端技術(shù)？

☆ Web前端開發(fā)需要掌握哪些基礎(chǔ)技術(shù)？

☆ HTML5、CSS3、JavaScript技術(shù)詳解有哪些？

☆ 同樣是看書，為什么TA能掌握更多知識點(diǎn)？

......

其實，作為一名Web前端工程師，需要熟練使用HTML和CSS完美輸出視覺界面，也需要使用JavaScript編寫和封裝具有良好性能的前端交互組件。目前市場上關(guān)于HTML、CSS、JavaScript的圖書不少，但將三者有機(jī)結(jié)合、互為補(bǔ)充并達(dá)到融會貫通的圖書卻不常見。

為此IT兄弟連專門組織編寫了這本W(wǎng)eb前端實用性技術(shù)圖書，通過總結(jié)、歸納HTML、CSS及JavaScript核心的知識，加上具體的案例進(jìn)行聯(lián)系拓展，希望能幫助大家全面、系統(tǒng)、深入、透徹地理解Web前端開發(fā)的基礎(chǔ)知識和技術(shù)。

新書目錄:

第1篇 HTML技術(shù)篇

第1章 網(wǎng)頁基礎(chǔ)知識入門

第2章 HTML5網(wǎng)頁的結(jié)構(gòu)

第3章 網(wǎng)頁中的文本與段落

第4章 網(wǎng)頁中的圖像

第5章 網(wǎng)頁中的鏈接

第6章 網(wǎng)頁中的表單

第7章 音頻和視頻

第8章 在網(wǎng)頁中拖放內(nèi)容

第9章 網(wǎng)頁的本地存儲

第10章 繪制圖形

第2篇 CSS技術(shù)篇

第11章 CSS基礎(chǔ)知識入門

第12章 美化文本與背景

第13章 DIV+CSS布局

第14章 盒布局

第15章 多列布局

第16章 CSS3自適應(yīng)布局

第17章 動畫和漸變

第3篇 JavaScript技術(shù)篇

第18章 JavaScript程序基礎(chǔ)知識

第19章 JavaScript核心語法

第20章 JavaScript核心對象

第21章 瀏覽器對象模型

第22章 文檔對象模型

第23章 事件響應(yīng)

第4篇 實戰(zhàn)篇

第24章 實戰(zhàn)——使用微信小程序開發(fā)充值應(yīng)用

第25章 實戰(zhàn)——資訊小程序

同時，本書還配有免費(fèi)的微信小程序?qū)W習(xí)課件，內(nèi)容涵蓋：

☆ 40小時的視頻教學(xué)

☆ 全書所有的代碼示例

☆ 200多道練習(xí)題

☆ 20多種常用資源包

☆ 50多條擴(kuò)展知識

☆ 20多個PPT教學(xué)課件

☆ 80多個常見問題及解答

☆ 30多項課外作業(yè)

掃碼下方即可觀看配套視頻！