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