html5開發(fā)用什么工具好

一、Adobe Edge

創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、田家庵網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、商城網(wǎng)站制作、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為田家庵等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。

動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。

二、Adobe Dreamweaver CS6

Adobe Dreamweaver CS6作為一個Web設(shè)計軟件，提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)Web設(shè)計的可視化操作，無需為代碼所困。

用戶不但還能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。

三、Adobe ColdFusion 10

ColdFusion是用來開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗。

四、Sencha Architect 2

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實時預(yù)覽。

五、Sencha Touch 2

Sencha Touch2是移動應(yīng)用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應(yīng)用。

六、Dojo Foundation Maqetta

來自于IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板

七、微軟Visual Studio 2010 ServicePack 1

雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。

八、JetBrains WebStorm 4.0

作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預(yù)覽HTML文檔。

九、Google Web Toolkit

該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。

5個超級實用的html5開發(fā)工具推薦

1.SproutCore

SproutCore是一個開源的JS-MVC框架，用于快速構(gòu)建原生的Web應(yīng)用。SproutCore已經(jīng)存在很多年了，它的目標(biāo)是能在瀏覽器中提供極佳的桌面效果應(yīng)用而無需任何瀏覽器插件。而且，SproutCore還能和任何后端服務(wù)器技術(shù)搭配使用。

2.HTML5 Maker

在未來的幾年里，HTML5動畫將會成為一個很龐大的東西，并不僅僅因為它是顯示W(wǎng)eb動畫的有效途徑，還因為廣告公司將會大量使用它。HTML5 Maker是一個可以輕松創(chuàng)建動畫效果的工具，擁有數(shù)十個模板供你選擇，你不再需要花費時間從頭開始做動畫，此外，這個工具是為產(chǎn)品創(chuàng)建橫幅廣告的不錯選擇。

主要特性：

· 響應(yīng)動畫：適用于所有設(shè)備的不同屏幕。

· 模板：擁有專業(yè)高質(zhì)量設(shè)計的模板。

· 庫：擁有圖標(biāo)、按鈕、箭頭、背景等眾多資源。

· 嵌入與分享：輕松地從云中將創(chuàng)建好的動畫嵌入到網(wǎng)站或博客中去。

· 云端：隨時編輯和下載，與客戶、團隊和朋友共同分享模板。

3.Tumult Hype

使用Tumult Hype，你可以創(chuàng)建出非常漂亮的HTML5 Web內(nèi)容，通過它制作出的交互式內(nèi)容和動畫可以在桌面、智能手機和iPad上無壓力運行，而且還沒有編碼要求。不過有一點，Tumult Hype是收費的。

主要特性：支持多瀏覽器;內(nèi)置支持HTML5音頻和視頻，允許創(chuàng)建多媒體。Tumult Hype采用各種先進功能，其中包括模糊、色調(diào)偏移、3D轉(zhuǎn)換等;支持移動設(shè)備。

4.MontageJS

MontageJS是一個開源的HTML5框架，著眼于可維護性和性能設(shè)計。MontageJS通過提供模塊化組件、實時雙向數(shù)據(jù)綁定、事件處理、CommonJS依賴管理等簡化了HTML5的開發(fā)，幫助構(gòu)建強大的單頁Web應(yīng)用。

主要特性：

· 面向組件的模板：這些HTML模板封裝組件的JavaScript代碼，以及資源，比如CSS文件和圖像。

· 功能性反應(yīng)綁定(FRB)：MontageJS支持組件、對象和集合之間的雙向數(shù)據(jù)綁定，允許你去協(xié)調(diào)視圖和模型之間的狀態(tài)。

· 可重用組件

· 高性能

5.LimeJS

LimeJS是一個開源的HTML5游戲框架，可以幫助你快速開發(fā)具有原生體驗的游戲，并適用于所有的移動終端，代碼已托管至Github上。LimeJS提供了一些簡化游戲開發(fā)的功能、一些場景和靈活的事件管理機制，并附帶動畫和效果轉(zhuǎn)換機制。

主要特性：基本集成Box2D、更好的音頻支持、支持本地緩存、WebGL渲染器、跨平臺。

以上就是青藤小編關(guān)于html5開發(fā)工具的相關(guān)分享，希望對大家有所幫助，想要了解更多相關(guān)內(nèi)容，歡迎大家及時關(guān)注本平臺!

html5常用的開發(fā)工具是哪些？

第一、【Google Web Toolkit】是現(xiàn)在大家還不熟悉的工具之一，主要用于開發(fā)瀏覽器應(yīng)用的一個工具，不過庫中支持很多【HTML5】的功能，包括對客戶端，或者是web存儲的支持，都可以實現(xiàn)。

第二、還有一種是【JetBrains WebStorm】工具，需要創(chuàng)建HTML文檔時可獲得對【HTML5】文件的支持，現(xiàn)在的運用很多，比如砍伐者鍵入，使用者可以在【chrome】瀏覽器中及時的預(yù)覽【HTML】的文檔很方便。

第三、微軟的【Visual Studio 2010 SP1】中提供了IntelliSense這個項目，也就是說追加了針對【HTML5】的一些元素，總體使用起來還是比較好的，但是我們要結(jié)合【ddhu】的一些實用工具。

第四、【Dojo Foundation Maqetta】是一個不錯的選擇，這款是工具是來自于【IBM】項目之一，【Dojo Foundation Maqetta】是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，瀏覽器即可使用。

第五、當(dāng)然還有【Sencha Touch2】是移動應(yīng)用框架的一種，可以當(dāng)做一個重要【Sencha】的HTML5平臺，使用者可以用它開發(fā)面向【iOS】進行制作和使用，也可以【Android】和【Blackberry、Kindle Fire】使用。

第六、現(xiàn)在我們繼續(xù)介紹【Sencha】，這款工具的主要定位是【HTML5】的可視化開發(fā)研究，一般來說開發(fā)團隊可以在一個任務(wù)，然后做一個集成的環(huán)境，然后在這個環(huán)境中完成應(yīng)用的設(shè)計和開發(fā)，以及需要的部署。

第七、我們來介紹一下【Adobe ColdFusion 】，這款工具主要是用來開發(fā)企業(yè)【W(wǎng)eb】程序的一個技術(shù)，通過【W(wǎng)ebsockets】和互動表單以及視頻等來做出【HTML5】技術(shù)，創(chuàng)建一種用戶體驗。

第八、最后【Adobe Dreamweaver CS6】作為一個【W(wǎng)eb】端口的一種設(shè)計軟件，這款工具提供了對【HTML】網(wǎng)站和移動程序的可視化編輯界面，整體來說使用也是比較的方便。

html5開發(fā)用什么開發(fā)工具好一些？

5款非常好用的html5移動開發(fā)工具：

NO.1 ??DCloudHBuilder:基于HTML5開發(fā)工具

DCloudHBuilder:基于HTML5開發(fā)工具是當(dāng)前最快的HTML開發(fā)工具，強大的代碼助手幫你快速完成開發(fā)，最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛，DCloud 還提供云端打包服務(wù)，可以讓開發(fā)者直接在云端生成 .ipa 或 .apk 安裝包供部署調(diào)試。

DCloud HBuilder致力于做最好用的HTML5移動開發(fā)工具。

NO.2 一款在線Html5移動開發(fā)工具-Animatron

Animatron是一款簡單而又強大的在線工具，通過它，你可以創(chuàng)建出令人驚嘆的的HTML5動畫和互動內(nèi)容。?使用非常直觀的Animatron編輯器去設(shè)計和發(fā)布完美的移動產(chǎn)品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設(shè)備，無需編碼，所見即所得。

NO.3?Lungo ? 最佳HTML5移動框架

Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計、構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備。

支持開放的Web標(biāo)準(zhǔn)，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設(shè)備。

擁有強大的JavaScript API：開發(fā)webAPP應(yīng)用有很多種方式，而不是一味的優(yōu)化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的webAPP應(yīng)用程序。

NO.4 ?mobl

mobl 是一個新的開源的編程語言，主要用于加速手機應(yīng)用的開發(fā)，mobl 可方便構(gòu)建手機 web 應(yīng)用程序，包括 iOS、Android 和其他支持 HTML5 技術(shù)的手機。

Mobl使用一種與JavaScript非常類似的腳本語言實現(xiàn)了靜態(tài)類型的推斷語言。該語言擁有以下頂級結(jié)構(gòu)： 實體（entities）、類型（types）、函數(shù)（functions）、控件（controls）、屏幕（screens）、樣式（styles ）和設(shè)備（services）。實體是在本地存儲中持久化的數(shù)據(jù)元素，而類型是一種供我們使用的不穩(wěn)定的數(shù)據(jù)。函數(shù)與那些定義在JavaScript以及能夠調(diào)用JavaScript代碼的語言中的函數(shù)類似等。

NO.5 ?DevExtreme性能最優(yōu)的跨平臺移動應(yīng)用開發(fā)框架

DevExtreme是專為你的移動世界精心準(zhǔn)備的，一個跨平臺開發(fā)的HTML5/JS框架，可以構(gòu)建iOS、Android、Tizen和Windows Phone 8應(yīng)用程序，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的優(yōu)選工具。

北大青鳥設(shè)計培訓(xùn)：HTML的開發(fā)工具有哪些適合新人用？

大家剛HTML入門時，感興趣想學(xué)習(xí)卻不知道html開發(fā)工具有哪些，具體哪一個最好用。

今天java課程就為大家推薦5款經(jīng)常會用到的html開發(fā)工具，供大家參考。

1.SublimeText3：這是一個很不錯的代碼編輯器，語法高顯亮、自動補全、插件也比較多，小巧快捷，安裝也比較方便，支持的編程語言比較多，主流的java,c++,python,js等都包含其中，前端開發(fā)中也常用到這款軟件：2.VSCode：這個是微軟開發(fā)的一款輕量級代碼編輯器，免費、跨平臺，對于鐘情于微軟工具的開發(fā)者來說，這是一個很不錯的選擇，這個軟件支持的編程語言也很多，有好幾十種，包括css,html,js等，語法高顯亮、自動補全、插件豐富，還支持git功能，是一個很不錯的開發(fā)工具：3.WebStorm：這是一個專門用于開發(fā)web的工具，由JetBrains公司研發(fā)，功能強大，在前段開發(fā)中經(jīng)常用到，自動補全、語法提示、代碼檢查，還集成了版本控制系統(tǒng)，支持git，唯一的缺點，就是不是免費的，試用期30天，過后就需要付費，只不過網(wǎng)上有注冊碼，可以使用一下：4.DreamweaverDreamweaver簡稱DW,可以快速的編寫html和css，有著強大的語法提示功能，同時有一個實時視圖模式，可以在寫的過程中直接預(yù)覽效果，可以快速的開發(fā)html5.HBuliderHBulider一款前端開發(fā)工具，可以用來寫html、css、js等語言，有著無死角提示，包括圖片、鏈接、字體等提示，非常強大；HBulider追求的就是快速編碼目前就介紹這5個html開發(fā)工具吧，對于后期的項目開發(fā)來說，完全夠用了，不過HTML入門時，建議使用記事本來編寫html代碼，以熟悉為主，把基礎(chǔ)功練好才是最重要的，后期熟悉后，就可以使用這些開發(fā)工具了，效率也會大大提升。