1AdobeEdge AdobeEdge的目的是幫助專業(yè)設(shè)計(jì)師制作網(wǎng)頁(yè)動(dòng)畫乃至簡(jiǎn)單游戲該工具的重點(diǎn)放在動(dòng)畫引擎上，但adobe承諾將增加更多HTML5功能，比如CanvasHTML5音頻視頻標(biāo)簽等支持AndroidiOSwebOS黑莓PlayBookFirefoxChromeSafari和IE9等各個(gè)平臺(tái)2AdobeDreamweaver AdobeDreamweaver使用所見即所得的。

在尋求手機(jī)上編寫HTML代碼的高效應(yīng)用時(shí)，多款優(yōu)質(zhì)工具可供選擇以下是五款值得推薦的APP，它們分別為C4droidAIDEhtmlplayhtmlplay前端編輯器漢化版QPython以及MimoC4droid，專為Android設(shè)備打造的CC++程序集成開發(fā)環(huán)境IDE，提供深度定制的體驗(yàn)，適應(yīng)本土化操作習(xí)慣一鍵添加常用代碼，提升開發(fā)效率。

HTML的開發(fā)工具有哪些適合新人用？1圖9Sublime智能代碼提示截圖來(lái)自秒秒學(xué)課程Sublime當(dāng)然還有其它很多的功能，比如多窗口，多選擇，項(xiàng)目及時(shí)切換等等，作為web開發(fā)的初學(xué)者，我其實(shí)也很少用到這些高級(jí)功能，但我知道它真的很方便2InitializrInitializr是制作HTML5網(wǎng)站最好的入門輔助開發(fā)工具，你可以。

1 Adobe Dreamweaver CS6 Dreamweaver CS6是世界頂級(jí)軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動(dòng)應(yīng)用程序的網(wǎng)頁(yè)設(shè)計(jì)軟件由于Dreamweaver支持代碼拆分設(shè)計(jì)實(shí)時(shí)視圖等多種方式來(lái)創(chuàng)作編寫和修改網(wǎng)頁(yè)，對(duì)于初級(jí)人員，你可以無(wú)需編寫任何代碼就能快速創(chuàng)建Web頁(yè)面其成熟的代碼編輯。

推薦一款我們常用的打包工具HBuilder該工具不僅提供了Android應(yīng)用打包，還可以直接連接手機(jī)進(jìn)行調(diào)試，配合HTML5+可以實(shí)現(xiàn)很多Android原生的功能比如掃碼二維碼，拍照，搖一搖等等具體操作步驟1真機(jī)調(diào)試 進(jìn)入軟件后，第一步點(diǎn)擊“運(yùn)行”，第二步點(diǎn)擊“手機(jī)運(yùn)行”，第三步選擇已連接的手機(jī)，示例中。

你需要一個(gè)web開發(fā)工具比如HBuilder用html做成一個(gè)網(wǎng)頁(yè)，然后在手機(jī)上用瀏覽器打開，就相當(dāng)于一個(gè)apk而HBuilder提供了這個(gè)打包功能，讓你把瀏覽器和html頁(yè)面打包，就類似于一個(gè)手機(jī)上運(yùn)行的app。

搭建第一個(gè)手機(jī)APP的首要步驟是將HTML5網(wǎng)站封裝為APP主流的構(gòu)建工具如CordovaPhoneGapappMobiWeX5等，盡管功能強(qiáng)大，但使用起來(lái)相對(duì)繁瑣因此，我們推薦使用HBuilder進(jìn)行一鍵打包，這是一款由數(shù)字天堂推出的前端開發(fā)IDE，功能強(qiáng)大且與MUI框架搭配使用效果極佳使用HBuilder，您可以快速新建移動(dòng)APP項(xiàng)目。

SublimeText是一個(gè)代碼編輯器也是HTML和散文先進(jìn)的文本編輯器 3HBuilderHBuilder是專為前端打造的開發(fā)工具，具有飛一樣的編碼最全的語(yǔ)法庫(kù)和瀏覽器兼容數(shù)據(jù)可以方便的制作手機(jī)APP最保護(hù)眼睛的綠柔設(shè)計(jì)等特點(diǎn) 有什么軟件可以在手機(jī)編程的app嗎？ 這里介紹3種可以在手機(jī)上編程的app，分別是c語(yǔ)言編譯器c。

利用htmlHTML5CSSCSS3以及Javascript響應(yīng)式設(shè)計(jì)PhoneGap等可以制作混合APP1使用CSS3媒體查詢制作響應(yīng)式頁(yè)面，以確保在不同的屏幕分辨率下都能很好的顯示或者也可以以remnantrem單位，將固定寬高換乘為remnant2遠(yuǎn)程數(shù)據(jù)獲取，要使用跨域請(qǐng)求3頁(yè)面特效使用Javascript或是CSS動(dòng)畫。

封裝就是將HTML5網(wǎng)頁(yè)封裝成一個(gè)APP，安卓封裝APP可以直接安裝，但是ios系統(tǒng)對(duì)應(yīng)用的安裝是有限制的，非App Store下載的應(yīng)用必須要做蘋果簽名才能成功安裝，所以封裝iOS應(yīng)用后，還需要做一個(gè)簽名另一種是免簽封裝，這個(gè)就比較方便了，這個(gè)是專門針對(duì)ios系統(tǒng)的，快速封裝iOS應(yīng)用且不需要簽名借助開發(fā)者服務(wù)。

html5 開發(fā)的app的工具暫時(shí)沒有原生API映射的方案，如TitaniumXamarin，其優(yōu)點(diǎn)在于功能和性能與原生系統(tǒng)比較接近標(biāo)準(zhǔn)化開發(fā)資源的豐富則是HTML5方案最大的優(yōu)點(diǎn)，同時(shí)第三方的HTML5框架工具比如PhoneGapCordova也極大促進(jìn)了HTML5應(yīng)用的發(fā)展，它們提供了方便的跨平臺(tái)應(yīng)用打包發(fā)布服務(wù)實(shí)用的API靈活。

如果要做網(wǎng)站封裝APP的話，其實(shí)非常簡(jiǎn)單的，網(wǎng)上很多開發(fā)者服務(wù)平臺(tái)都有這個(gè)功能，操作非常簡(jiǎn)單，基本上一分鐘不到就可以封裝好在亥著開發(fā)者中心找到產(chǎn)品概覽封裝APP輸入APP名稱，網(wǎng)站網(wǎng)址，選擇圖標(biāo)，也可以自己上傳自己的圖片然后根據(jù)自己的需要選擇選擇功能插件，像掃一掃微信分享下拉刷新。

意派#8729Epub360專業(yè)H5頁(yè)面在線設(shè)計(jì)制作工具，提供H5微信邀請(qǐng)函制作軟件鏈接epub360com 百度H5真正免費(fèi)的H5頁(yè)面制作平臺(tái)鏈接h5 木疙瘩MugedaH5制作工具，適用于融媒體內(nèi)容交互新聞教程微信圖文編輯器鏈接mugedacom 云來(lái)免費(fèi)HTML5頁(yè)面官方創(chuàng)作平臺(tái)鏈接。

HBuilder，專為前端開發(fā)設(shè)計(jì)，以其快速的編碼速度，全面的語(yǔ)法庫(kù)支持，以及兼容多瀏覽器的能力而聞名此外，它還具有制作手機(jī)APP的便捷功能，并注重用戶體驗(yàn)，以舒適的綠柔設(shè)計(jì)減輕開發(fā)者的眼睛疲勞以上這些工具都有各自的優(yōu)勢(shì)，選擇哪一款取決于你的具體需求和個(gè)人喜好，無(wú)論是JavaScript開發(fā)HTML編輯。

點(diǎn)擊保存失敗，生成失敗等原因你懂得~2手機(jī)工具APP相比起工具網(wǎng)站來(lái)講，顯得比較順手，有大量模板套用，制作簡(jiǎn)單快捷但是拘泥于現(xiàn)有的模板，使得單頁(yè)面不會(huì)有較大的可操作空間，從而無(wú)法實(shí)現(xiàn)DIY交互效果 下面展開說(shuō)下每個(gè)使用過的工具吧基于HTML5的工具網(wǎng)站兔展。