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