【值得推薦】10款超好用的免費HTML5頁面制作工具(附下載地址)
2016年 / 07月21日
小編是一枚專業的SEO專員,但是卻不是一枚高大上的網頁設計師??梢哉f,我知道html代碼,但我不會寫,更別提html5.但是小編有時要修改代碼,這就要求必須要了解它。而分享這些工具,小編是在站長之家里看了一篇文章,覺得里面的工具還不錯,想分享給大家。
1. 易企秀
下載地址:http://www.eqxiu.com/
百度指數:★★★★★
易企秀界面
作 為百度指數最熱的易企秀其實很容易定義,就是移動版PPT的H5頁面制作工具,用來在手機上做簡單動態演示。所以它各方面的組件,比如文本、按鈕、圖表、 動效這些都和微軟的PowerPoint非常相像,用于問卷類型的表單采集,但不能自主設計??偟膩碚f,使用難度比較低,主要面向對H5沒有太高要求的用 戶。
支持的——
素材:圖片、視頻、音樂、文本、中文字體、幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊(可以觸發元素顯示/隱藏)、滑動翻頁、搖一搖
H5:微信邀請函、個人電子賀卡、手機相冊等微場景
典型案例——
易企秀的H5頁面
付費情況——
免費版:提供基礎編輯,有在線教程和人工客服
增值版:能去除廣告尾頁、底標和加載LOGO、外鏈添加、數據統計等高級功能,有專屬客服
2. iH5
下載地址:http://www.ih5.cn/
百度指數:★★★★
iH5 定位于取代HTML5網頁編程的可視化工具,是H5頁面制作工具里比較標新立異的產品,因為功能很完善,筆者用的時間比較長??陀^來說iH5完全取代編程 目前還達不到,不過確實幾乎所有能想到的H5類型iH5都能實現,而且好像用的知名企業和官方媒體很多。學習難度算中等,筆者是文科專業出身,大概三四天 看教程學習能做個H5小游戲吧。
支持的——
素材:圖片、視頻、音樂、文本、中文字體、圖片序列、幻燈片、GIF、富文本、嵌入網頁、全景圖、PSD、畫板(就是帶涂鴉功能的東東)、文件(PDF、Word)
動畫:軌跡動畫(簡單來說就是復雜動畫),動效(跟PPT動效類似),物理運動,滑動時間軸動畫(這個比較難懂,就是可以通過手指滑動控制的動畫)
交互:點擊、手指按下/離開、滑動、鼠標移上/移下(PC案例會用到)、滾輪滾動、鍵盤按鍵、搖一搖、重力感應、擦一擦、圖片上傳與合成、視頻交互、微信紅包發放、自定義轉發標題/描述/縮略圖、微信昵稱/頭像獲取、數據庫增刪查改、外部數據調用
H5:H5動畫、互動廣告、小游戲(支持重力感應和物理引擎)、全景、交互視頻、照片合成、電商支付、微信紅包、評論彈幕、電子雜志、微信邀請函等
典型案例——
iH5的H5頁面
付費情況——
免費版:功能沒有限制,有在線教程和人工客服
增值版:針對企業用戶,能修改加載LOGO和廣告底標,有專門的數據服務,有一對一技術支持和線下培訓,支持外部數據通信,開發者外調JS函數
3. 兔展
下載地址:http://www.rabbitpre.com/
百度指數:★★★☆
兔展界面
兔展和易企秀很像,屬于能生產翻頁、可以對文字和圖片進行排版的H5頁面制作工具,不過感覺功能會比易企秀少一兩個。做出來的H5基本是用在微場景上,比如微海報、微邀請函、微信相冊這些。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:微信邀請函、微海報、手機相冊等微場景
典型案例——
兔展的H5頁面
付費情況——
免費版:功能沒有限制,有廣告底標,有加載LOGO,有在線教程和人工客服
增值版:有共享模板,能申請舉辦活動,有專屬客服
4. MAKA
http://www.maka.im/
百度指數:★★★
MAKA界面
MAKA屬于低能版H5頁面制作工具,有很多模板套件,直接往里面填東西就行。筆者使用MAKA的時間比較早,當時用的是APP,做出來的頁面比較卡。雖然功能不多,但對只想發發文字、照片合輯的人來說,還是比較方便的。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊,滑動切換,模板(點贊,倒計時)
H5:手機相冊、小測試等微場景
典型案例——
MAKA的H5頁面
付費情況——
免費版:數據統計有限制,有在線教程和人工客服
增值版:能去除廣告尾頁,有專屬客服
5. 初頁
http://www.chuye.cloud7.com.cn/
百度指數:★★☆
初頁界面
嚴格意義上,初頁不能算是H5頁面制作工具,有一個非常貼切的比喻是傻瓜相機,零門檻,小學生也能用。它本身就像一個照片合成器類型的H5,提供現成的模板版式,往里面換一下照片就行。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:手機相冊
典型案例——
初頁的H5頁面
付費情況——
無
6. 搜狐快站
http://www.kuaizhan.com/
百度指數:★★
搜狐快站用來做移動網站比較方便,是面向建站的H5頁面制作工具,有很多固定樣式的框架,可以直接往里面填內容。不過有利也有弊,網站的布局等如果要改動,必須使用代碼才行。有搜狐自媒體號的話,還可以直接生成一個移動主頁。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:移動網站、電商支付,和微海報等微場景
典型案例——
搜狐快站制作
付費情況——
無
7. 咫尺微頁
http://www.zhichiwangluo.com/
百度指數:★☆
咫尺微頁的界面
微頁的廣告非常復雜,而且界面、性能也不怎么樣,算是這些H5頁面制作工具里給我印象比較差的。只用過一次,我很難想象真的會有人花錢去掉各種各樣的廣告。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換
H5:移動網站、電商支付,和微海報等微場景
典型案例——
咫尺微頁的H5頁面
付費情況——
免費版:能進行基礎編輯
增值版:能去除尾部鏈接、加載LOGO、廣告底標、側邊欄等廣告,有評論彈幕等高級功能,可以互推
8. Epub360
http://www.epub360.com/
百度指數:★☆
Epub360的界面
Epub360的功能比易企秀多一些,又沒有iH5那么多,應該是面向個人設計師的H5頁面制作工具吧,處于沒那么個人、也沒那么商業化的模糊地帶。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊,滑動切換,搖一搖,微信分享成功后
H5:移動網站、電子雜志,和微信邀請函等微場景
典型案例——
Epub360的H5頁面
付費情況——
免費版:支持基礎編輯,有在線教程和人工客服
增值版:去除加載LOGO,有高級表單等,有專門的技術支持服務
9. Wix
http://www.wix.com/
百度指數:★
Wix的界面
Wix是國外的H5頁面制作工具,用來建PC端網站很方便,因為模板很豐富,現套現用。不過根據我之前使用的情況,它的網頁在國內穩定性不是很強。
支持的——
素材:圖片、視頻、音樂、文本、中文字體
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 ,鼠標劃入劃出
H5:電子相冊、微信邀請函等微場景
典型案例——
Wix的H5頁面
付費情況——
免費版:功能沒有限制
增值版:去除廣告,購買網站
10. 最酷網
http://www.zuiku.com/
百度指數:★
最酷網界面
最酷網和上面大部分H5頁面制作工具差不了多少,不過名氣小一點。
支持的——
素材:圖片、視頻、音樂、文本、中文字體,幻燈片
動畫:平移、縮放、淡隱等動效(跟PPT類似)
交互:點擊 滑動切換,搖一搖
H5:微信邀請函、個人電子賀卡、手機相冊等微場景
典型案例——
最酷網的H5頁面
付費情況——
免費版:功能沒有限制
增值版:能去除廣告尾頁、加載LOGO,購買網站流量
上面H5頁面制作工具的排行依據是百度搜索熱度,數據比較公開透明,具體通過結合百度指數和各個品牌詞在百度的日均檢索量得出。