1. h5的製作工具有哪些
H5這個領域，究竟哪些工具好用、好學？ 哪些工具適合企業？ 哪些工具適合小白？？這依然是人們頭疼的問題？
市面上的工具太多了！總不可能一個個都試一遍？雖然經過3年廝殺，已淘汰掉了很大一部分工具商，但目前仍然還在市場上的工具，依然非常多，我們要怎麼去選擇？（下方鏈接為小站上兩期分析文章）
本期，小站會告訴大家，目前國內主流H5工具究竟還有哪些，告訴你們這些工具目前的特徵和近況，幫你節約選擇和學習的時間！
到了2018年，H5工具的發展出了多元化趨勢，從之前亂作一團到如今的階梯話分布，逐漸形成了普通類、進階類、專業類這三個陣營，這三個陣營面對的受眾群體和用戶也出現了較大差別，總體來說如下圖描述：
- H5普通工具類 -
普通類H5工具是目前用戶量最大的H5工具分類。如今，比較有規模的產品列舉出6款，分別是初頁、易企秀、MAKA、兔展、秀堂、網路H5。
1.初頁
初頁相當於H5領域的「美圖秀秀」，大多數用戶在10分鍾左右就能學會該工具的所有功能，所有H5成品都只能通過套模版實現，主要操作環境在APP，沒有PC網站，初頁是最下游的C端工具產品，適合個人小白用戶使用。
初頁曾是H5領域中用戶量最大的工具，但因APP類場景工具隨後進入多元發展階段，出現了大量像是海報工廠、微場景創作這樣的競品，使得該產品遇到了不小的用戶流失。
2.易企秀
從「易企秀」的名稱來看，你會發現，這是款針對企業的工具，該產品的各項設計都是針對企業小白用戶展開的，它特別像是H5界的office軟體套裝，也就是我們熟知的word、PPT等軟體。
「易企秀」也是H5場景工具中認知度最高的，很多人不知道H5，但知道「易企秀」，可該產品並不能代表H5，H5是個更大的概念，「易企秀」最擅長的是企業辦公和日常運維的H5創作，H5還有很多其它領域。
3.MAKA
和易企秀類似，MAKA同樣以服務企業小白用戶為主要方向，該產品在2017年升級了「視頻」與「長圖文」功能，但目前的MAKA和過去不同了，現在的MAKA是本次推薦的H5工具中，除「初頁」外，最為輕量級的H5工具了。
作為資格比較老的H5工具，MAKA沉澱了很多忠實的粉絲和用戶，但能明顯的感覺到，後期更新和迭代不足。
4.兔展
兔展算是最適合設計師使用的簡單類H5工具了，該產品也在2017年升級了「視頻」與「長圖文」功能，並在2018增添了「小程序」生成功能。近年來，該產品在H5領域，從服務C端用戶逐漸開始轉向B端企業的數據服務。而H5工具也在近期改版中呈現出很大變化，比較突出的功能優勢是：「小程序」的立即生成與iphoneX等全面屏手機的智能適配，產品體驗相比2017年，有著較大提升。
5.秀堂
秀堂是WPS旗下H5製作工具，該工具之前一直以WPS內置組建方式存在，直到去年2017年才開始升級、優化和對外推廣。
這款工具，其主要作用是輔助辦公軟體用戶製作H5，整個工具的操作界面和使用體驗都比較類似於在使用PPT，尤其是動畫編輯，有著和其它工具不一樣的操作方式和邏輯，習慣使用PPT的用戶，在使用該產品時，上手會比較快，該工具也比較適合企業辦公使用。
6.網路H5
網路H5是網路旗下的工具，因為是網路系列產品，所以用戶量級也不小。網路H5工具最大的優勢是，在網路系產品中有極高的通用性，而在具體操作時，該工具具有時間軸的動畫編輯能力，這是其它簡單類工具不具備的優勢。
2. 零基礎小白必知 常見HTML5開發工具有哪些
1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界頂級軟體廠商Adobe推出的一套擁有可視化編輯界面，用於製作並編輯網站和移動應用程序的網頁設計軟體。由於Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對於初級人員，你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用於Web開發高級人員的創作！
2. Adobe Edge
Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。它的一個重要功能是web工具包界面，用於方便確保在不同瀏覽器中架構的一致性，此外，Adobe Edge還將整合TypeKit這樣的字體服務。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3. DevExtreme
DevExtreme Complete Subion是性能最優的HTML5,CSS和Java移動開發框架，可以直接在Visual Studio集成開發環境，構建iOS，Android，Tizen和Windows Phone 8應用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，並且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發環境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平台，是Visual Studio開發人員開發跨平台移動產品的首選工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaS IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
5. Sencha Architect
在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用，並實時預覽。
6、Initializr
Initializr 是製作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定製的網頁模板。
7、HTML5demos
想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。
8、HTML5 Tracker
想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。
9、HTML5 visual cheat sheet
想要快速超找一個標簽或者屬性嗎？看看這個非常酷的速查手冊吧，每個Web開發人員的必備。
10、Switch To HTML5
Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網站模板。
11、HTML5 Test
你瀏覽器准備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。
12、Lime JS
LimeJS 是一個 HTML5 游戲開發框架，用於快速構建運行於觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。
3. HTML5開發游戲需要什麼工具，還有要用到的知識（主要）是什麼 最好是自己回答。。。。。
你可以先去【繪學霸】網站找「游戲特效/unity3D」板塊的【免費】視頻教程-【點擊進入】完整入門到精通視頻教程列表： www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=305,306&zdhhr-11y17r-239619078
想要系統的學習可以考慮報一個網路直播課，推薦CGWANG的網路課。老師講得細，上完還可以回看，還有同類型錄播課可以免費學（贈送終身VIP）。
自製能力相對較弱的話，建議還是去好點的培訓機構，實力和規模在國內排名前幾的大機構，推薦行業龍頭：王氏教育。
王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】：
www.cgwang.com/course/gecoursemobilecheck/?zdhhr-11y17r-239619078
在「游戲特效/unity3D」領域的培訓機構里，【王氏教育】是國內的老大，且沒有加盟分校，都是總部直營的連鎖校區。跟很多其它同類型大機構不一樣的是：王氏教育每個校區都是實體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學習模式，提升會很快，特別適合基礎差的學生。
大家可以先把【繪學霸】APP下載到自己手機，方便碎片時間學習——繪學霸APP下載： www.huixueba.com.cn/Scripts/download.html
4. html5開發用到哪些軟體
1：開發工具需要一種就可以了。下面的幾款常見工具有：
hbuilder
國產開發工具，很受前端開發者歡迎的工具，我也在使用這款工具，。
sumblime
text3
一款不錯的前端開發工具。這款工具我也經常使用
webstrom
這款工具也很受前端開發人員的喜愛。
editplus
我剛步入這個行業初期使用的前端開發工具，沒有代碼提示功能，代碼高亮。在初期階段能較好的打代碼功底。
2：你還需要調試工具。調試工具開發軟體中也有。不過你最好還是下載幾個瀏覽器
你需要下載的瀏覽器有：谷歌瀏覽器，火狐瀏覽器，ie瀏覽器，歐朋瀏覽器，這些主流瀏覽器會幫助你做好兼容問題。
3：對以上回答如有不理解或者錯誤的地方請指正或追問
4：望採納！
5. HTML5開發工具有哪些
1、Sublime Text
Sublime Text 是一個跨平台的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統，也是HTML和散文先進的文本編輯器。
Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括:拼寫檢查，書簽，完整的 Python API ，Goto 功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Dreamweaver是集網頁製作和管理網站於一身的所見即所得網頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，初學HTML5的人可以無需編寫任何代碼就能快速創建Web頁面。
3、Adobe Edge
Adobe Edge是一款新型網頁互動工具，允許設計師通過HTML5、CSS和Java製作網頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性。
4、WebStorm
WebStorm是一款Java 開發工具，目前已經被廣大中國JS開發者譽為"Web前端開發神器"、"最強大的HTML5編輯器"、"最智能的Java IDE"等。
WebStorm具有的優勢是：智能的代碼補全、代碼格式化、html提示、聯想查詢、代碼重構、代碼檢查和快速修復、代碼調試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。
5、HBuilder
HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無滑鼠的極速操作，不管是敲代碼的快捷設定，還是操作功能的快捷設定，都融入了效率第一的設計思想。
HBuilder不為敲字母而花費時間，不為大小寫拼錯而調錯半天，把精力花在思考上，想清楚後落筆如飛。支撐這個理念，除了體驗上的精細設計，還要求我們突破很多世界級技術難題，包括語法庫、語法結構模型、AST語法分析引擎。
參考資料來源：網路——Sublime Text
參考資料來源：網路——Dreamweaver
參考資料來源：網路——Adobe Edge
參考資料來源：網路——WebStorm
參考資料來源：網路——HBuilder
6. HTML5開發工具有哪些
一、Adobe Edge
目前還處於預覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發動態互動內容的設計工具。內容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性，此外Edge還將整合TypeKit這樣的字體服務。
動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現互動功能。符合可以服用並通過API和代碼片段控制。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。
二、Adobe Dreamweaver CS6
Adobe Dreamweaver CS6作為一個Web設計軟體，提供了對HTML網站和移動程序的可視化編輯界面。其Fluid Grid排版系統整合CSS樣式表功能，提供自適應版面的跨平台兼容性。開發者可以完全實現Web設計的可視化操作，無需為代碼所困。
用戶不但還能在Live View中預覽，還提供多屏幕預覽功能。開發者可以通過MultiScreen預覽面板查看HTML5內容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。
三、Adobe ColdFusion 10
ColdFusion是用來開發企業Web程序的伺服器端技術，通過Websockets、互動表單、視頻和地理標簽等HTML5技術創建富媒體用戶體驗。
四、Sencha Architect 2
在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 JavaScript應用，並實時預覽。
五、Sencha Touch 2
Sencha Touch2是移動應用框架，也被看作是Sencha的HTML5平台。開發者可以用它開發面向iOS、Android和Blackberry、Kindle Fire等多種平台的移動應用。
六、Dojo Foundation Maqetta
來自於IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設備開發HTML5應用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板
七、微軟Visual Studio 2010 ServicePack 1
雖然一開始並不支持HTML5，但微軟在2011年三月發布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。
八、JetBrains WebStorm 4.0
作為擁有HTML編輯器的JavaScript集成開發環境，WebStorm4.0提供了開發web應用的HTML5樣板。開發者可以在創建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發者還可以在chrome瀏覽器中實時預覽HTML文檔。
九、Google Web Toolkit
該開發工具用於開發瀏覽器應用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。
7. 國內幾款比較好用的html5頁面製作工具有哪些
你好，微信上的HTML頁面一般是用工具做出來的，很少有開發的H5案列，最常見是翻頁H5，自由度比較低，只能修改圖片換換文字，而專業工具自由度比較高，可以很靈活的設計H5，epub360在專業工具中上手難度適中，值得大家嘗試下。Epub360，有很多豐富的組件可以調用。使用邏輯跟PPT差不多，音樂、動畫、視頻、交互都可以輕松實現。在線製作，只需要把鏈接放在公眾號里或者分享朋友朋友圈即可。
8. html5常用的開發工具是哪些
第一、【Google Web Toolkit】是現在大家還不熟悉的工具之一，主要用於開發瀏覽器應用的一個工具，不過庫中支持很多【HTML5】的功能，包括對客戶端，或者是web存儲的支持，都可以實現。
9. 5個超級實用的html5開發工具推薦
1.SproutCore
SproutCore是一個開源的JS-MVC框架，用於快速構建原生的Web應用。SproutCore已經存在很多年了，它的目標是能在瀏覽器中提供極佳的桌面效果應用而無需任何瀏覽器插件。而且，SproutCore還能和任何後端伺服器技術搭配使用。
2.HTML5 Maker
在未來的幾年裡，HTML5動畫將會成為一個很龐大的東西，並不僅僅因為它是顯示Web動畫的有效途徑，還因為廣告公司將會大量使用它。HTML5 Maker是一個可以輕松創建動畫效果的工具，擁有數十個模板供你選擇，你不再需要花費時間從頭開始做動畫，此外，這個工具是為產品創建橫幅廣告的不錯選擇。
主要特性：
· 響應動畫：適用於所有設備的不同屏幕。
· 模板：擁有專業高質量設計的模板。
· 庫：擁有圖標、按鈕、箭頭、背景等眾多資源。
· 嵌入與分享：輕松地從雲中將創建好的動畫嵌入到網站或博客中去。
· 雲端：隨時編輯和下載，與客戶、團隊和朋友共同分享模板。
3.Tumult Hype
使用Tumult Hype，你可以創建出非常漂亮的HTML5 Web內容，通過它製作出的互動式內容和動畫可以在桌面、智能手機和iPad上無壓力運行，而且還沒有編碼要求。不過有一點，Tumult Hype是收費的。
主要特性：支持多瀏覽器;內置支持HTML5音頻和視頻，允許創建多媒體。Tumult Hype採用各種先進功能，其中包括模糊、色調偏移、3D轉換等;支持移動設備。
4.MontageJS
MontageJS是一個開源的HTML5框架，著眼於可維護性和性能設計。MontageJS通過提供模塊化組件、實時雙向數據綁定、事件處理、CommonJS依賴管理等簡化了HTML5的開發，幫助構建強大的單頁Web應用。
主要特性：
· 面向組件的模板：這些HTML模板封裝組件的JavaScript代碼，以及資源，比如CSS文件和圖像。
· 功能性反應綁定(FRB)：MontageJS支持組件、對象和集合之間的雙向數據綁定，允許你去協調視圖和模型之間的狀態。
· 可重用組件
· 高性能
5.LimeJS
LimeJS是一個開源的HTML5游戲框架，可以幫助你快速開發具有原生體驗的游戲，並適用於所有的移動終端，代碼已託管至Github上。LimeJS提供了一些簡化游戲開發的功能、一些場景和靈活的事件管理機制，並附帶動畫和效果轉換機制。
主要特性：基本集成Box2D、更好的音頻支持、支持本地緩存、WebGL渲染器、跨平台。
以上就是青藤小編關於html5開發工具的相關分享，希望對大家有所幫助，想要了解更多相關內容，歡迎大家及時關注本平台!
10. html5開發用什麼開發工具好一些
5款非常好用的html5移動開發工具：
NO.1 DCloudHBuilder:基於HTML5開發工具
DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。