HTML5開發(fā)常見的7個(gè)框架，不可不知！

1、Siimpler

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì)及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站設(shè)計(jì),高端網(wǎng)頁(yè)制作,對(duì)成都陽(yáng)臺(tái)護(hù)欄等多個(gè)行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗(yàn)的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計(jì),網(wǎng)站優(yōu)化推廣哪家好,專業(yè)網(wǎng)站推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

Siimpler 是個(gè)簡(jiǎn)單的 HTML 開發(fā)框架，他可以通過選擇你自己喜歡的部分，來(lái)幫助你迅速又簡(jiǎn)單地創(chuàng)建 HTML5 開發(fā)結(jié)構(gòu)。網(wǎng)絡(luò)設(shè)計(jì)者們也可以通過使用 Siimpler 框架類的文件和文件夾來(lái)無(wú)縫的開始一個(gè) Web 項(xiàng)目。

2、Ionic

Ionic 是個(gè)神奇的框架和強(qiáng)大前端開源系統(tǒng)，使用先進(jìn)的Web技術(shù)，比如CSS、HTML 和 JS 來(lái)創(chuàng)建令人驚嘆的手機(jī)應(yīng)用。

3、Foundation

Foundation 是世界上精妙的前端響應(yīng)框架，同時(shí)，它可以兼容所有的瀏覽器和網(wǎng)絡(luò)設(shè)備。Foundation 擁有移動(dòng)友好型的用戶接口，設(shè)置了許多關(guān)鍵特性。

4、Enyo

Enyo是一個(gè)開源的 Jaa 框架，該框架能夠讓你創(chuàng)建頂級(jí)的 HTML5 應(yīng)用程序，該應(yīng)用程序能夠運(yùn)行在各種各樣的電子設(shè)備上，比如說(shuō)手機(jī)、臺(tái)式機(jī)、筆記本、電視以及Web應(yīng)用。

5、LimeJS

針對(duì)于所有的新的桌面瀏覽器和觸屏設(shè)備，LimeJS 對(duì)于有用戶經(jīng)驗(yàn)的游戲開發(fā)者而言是教好的和較強(qiáng)大的開發(fā)框架。

6、Bootstrap

Bootstrap能讓所有開發(fā)者都能迅速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。此外，bootstrap的官網(wǎng)也有很多教程提供。

7、juery UI

juery UI 主要分為交互、微件和效果庫(kù)3個(gè)部分，主打代碼開源，操作繼承了juery 的簡(jiǎn)單特性，兼容各主流桌面瀏覽器。

前端HTML5是當(dāng)下很多企業(yè)都會(huì)用到的軟件開發(fā)，HTML5是移動(dòng)互聯(lián)網(wǎng)前端的主流開發(fā)語(yǔ)言，目前還沒有任何一種前端開發(fā)技術(shù)能夠取代HTML5。因此，無(wú)論是PC端還是APP端的應(yīng)用，前端樣式都離不開HTML5.

以上就是小編今天的分享，希望對(duì)大家有所幫助，想要了解更多相關(guān)內(nèi)容，歡迎關(guān)注我們!

html5 用什么開發(fā)，能用DW還是別的什么軟件嗎？

html5的開發(fā)用DW也是可以的，其他的開發(fā)工具有：

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

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

2.ColdFusion是用來(lái)開發(fā)企業(yè)web程序的服務(wù)器端技術(shù)，通過websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)；

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

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

這些工具都是很強(qiáng)大的，當(dāng)然開發(fā)的話，熟悉一種就可以了！

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

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

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

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

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

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

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

NO.3?Lungo ? 最佳HTML5移動(dòng)框架

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

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

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

NO.4 ?mobl

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

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

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

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

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

一、Adobe Edge

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

二、Adobe Dreamweaver CS6

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

三、Adobe ColdFusion 10

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

四、Sencha Architect 2

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

五、Sencha Touch 2

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

六、Dojo Foundation Maqetta

是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過拖放組裝UI樣板。

七、微軟Visual Studio 2010 ServicePack 1

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

八、WebStorm

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

九、Google Web Toolkit

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

HTML5用什么語(yǔ)言開發(fā)最好

一、AdobeEdge目前還處于預(yù)覽階段的AdobeEdge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容可以同時(shí)兼容移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要功能是Web工具包界面，方便確保頁(yè)面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。動(dòng)畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫(kù)或者JavaScript代碼進(jìn)行擴(kuò)展。動(dòng)畫可以在獨(dú)立的時(shí)間線上進(jìn)行嵌套，還能實(shí)現(xiàn)互動(dòng)功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器。二、AdobeDreamweaverCS6AdobeDreamweaverCS6作為一個(gè)Web設(shè)計(jì)軟件，提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其FluidGrid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺(tái)兼容性。開發(fā)者可以完全實(shí)現(xiàn)Web設(shè)計(jì)的可視化操作，無(wú)需為代碼所困。用戶不但還能在LiveView中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。LiveView通過WebKit渲染引擎支持HTML5。三、AdobeColdFusion10ColdFusion是用來(lái)開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗(yàn)。四、SenchaArchitect2在開發(fā)移動(dòng)和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開發(fā)和部署。開發(fā)者還可以開發(fā)SenchaTouch2和ExtJS4JavaScript應(yīng)用，并實(shí)時(shí)預(yù)覽。五、SenchaTouch2SenchaTouch2是移動(dòng)應(yīng)用框架，也被看作是Sencha的HTML5平臺(tái)。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、KindleFire等多種平臺(tái)的移動(dòng)應(yīng)用。六、DojoFoundationMaqetta來(lái)自于IBM的一個(gè)項(xiàng)目，DojoFoundationMaqetta是為桌面和移動(dòng)設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以通過拖放組裝UI樣板七、微軟VisualStudio2010ServicePack1雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的VisualStudio2010SP1中提供了IntelliSense，追加了針對(duì)HTML5的一些元素。八、JetBrainsWebStorm4.0作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時(shí)可獲得對(duì)HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實(shí)時(shí)預(yù)覽HTML文檔。九、GoogleWebToolkit該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫(kù)中支持很多HTML5功能。包括對(duì)客戶端或web存儲(chǔ)的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。

HTML5開發(fā)工具有哪些

一、Adobe Edge

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

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

二、Adobe Dreamweaver CS6

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

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

三、Adobe ColdFusion 10

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

四、Sencha Architect 2

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

五、Sencha Touch 2

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

六、Dojo Foundation Maqetta

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

七、微軟Visual Studio 2010 ServicePack 1

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

八、JetBrains WebStorm 4.0

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

九、Google Web Toolkit

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

標(biāo)題名稱：html5用什么開發(fā),html5開發(fā)工具有哪些
路徑分享：http://chinadenli.net/article28/dsgegcp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、用戶體驗(yàn)、網(wǎng)站制作、虛擬主機(jī)、定制網(wǎng)站、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)