1學(xué)習(xí)html5然后自己編程如果你有html的基礎(chǔ)，也不會太難2去html5頁面制作平臺，比如vxplo，wix，makaim，就可以制作html5移動頁面但是，wix現(xiàn)在沒有中文網(wǎng)站Vxplo功能齊全，但同時操作非常復(fù)雜，一般人不會用Makaim是用模板組合，加上圖文制作而成，適合初學(xué)者HTML5如何轉(zhuǎn)化APP用hb。

在HTML5移動Web開發(fā)的世界里，我們首先步入的是移動互聯(lián)網(wǎng)時代的Web技術(shù)，它為我們的開發(fā)提供了新的可能從第1章開始，我們將深入理解這些新技術(shù)的基礎(chǔ)緊接著，第2章聚焦于移動設(shè)備上的HTML5頁面布局，如何適應(yīng)不同尺寸和屏幕的設(shè)備，讓網(wǎng)頁呈現(xiàn)出最佳的視覺效果是這里的重點(diǎn)第3章介紹的是HTML5規(guī)。

Modernizr它使得開發(fā)者可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進(jìn)行開發(fā)，同時又不會犧牲其他不支持這些新技術(shù)的瀏覽器的控制HTML5Reset它提供了一組HTMLCSS文件，讓你能夠以最少的時間來啟動一個新的項(xiàng)目它使用modernizr來支持HTML5和CSS3三瀏覽器插件 下面是一些JavaScript。

移動Web太需要一個跨瀏覽器的框架，讓開發(fā)人員開發(fā)出真正的移動Web網(wǎng)站 2jQTouch jQTouch 是一個 jQuery 的插件，主要用于手機(jī)上的 Webkit 瀏覽器上實(shí)現(xiàn)一些包括動畫列表導(dǎo)航默認(rèn)應(yīng)用樣式等各種常見UI效果的 JavaScript 庫支持包括 iPhoneAndroid 等手機(jī) 3DHTMLX Touch DHTMLX Touch是一個免費(fèi)的HTML5。

1打開百度，在百度上搜索易企秀，然后點(diǎn)擊搜索，在搜索的結(jié)果中點(diǎn)擊進(jìn)入易企秀的官方網(wǎng)站2進(jìn)入后，先登錄自己的賬號，可以直接用微信登錄即可，登錄后就可以開始制作自己的手機(jī)網(wǎng)頁微場景了3首先點(diǎn)擊我的場景接著點(diǎn)擊制作場景，接著會進(jìn)入場景模板選擇界面，里面有很多免費(fèi)的模板。

Ionic 是一個強(qiáng)大的 HTML5 應(yīng)用程序開發(fā)框架， Ionic 主要關(guān)注外觀和體驗(yàn)，以及應(yīng)用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動應(yīng)用程序開發(fā) Ionic 是一個輕量的手機(jī) UI 庫，具有速度快，界面現(xiàn)代化美觀等特點(diǎn)優(yōu)點(diǎn)輕量級框架，運(yùn)行速度快于 Angularjs，支持 Angularjs的特性。

可以通過webview方式訪問遠(yuǎn)程，也可以把html5頁面放在手機(jī)app端，本地方式進(jìn)行訪問但都離不開webviewHTML5現(xiàn)在現(xiàn)成的框架比較多，photogap，jquery mobile，bootstrap等都可以，如果功能簡單，也可以不使用框架，自己寫幾個html5頁面就行了。

1Lungo Lungo是一款基于HTML5的開發(fā)框架，專為想要設(shè)計構(gòu)建和共享跨設(shè)備應(yīng)用的開發(fā)者而準(zhǔn)備支持開放的Web標(biāo)準(zhǔn)，如HTML5CSS3和JavaScript支持手機(jī)電視以及桌面設(shè)備擁有強(qiáng)大的JavaScriptAPI開發(fā)WebAPP應(yīng)用有很多種方式，而不是一味的優(yōu)化Lungo提供了一個強(qiáng)大的API，這樣你可以完全掌控自己的。

不需要特別的環(huán)境，html5是相對于上一代的html來講的，有一個編輯器和一個瀏覽器就行了 html5和css3相類似，但是對上一代的一種進(jìn)化，html5在開發(fā)網(wǎng)站的時候依賴很多，包括前端的css，javascript等很多前端的東西，當(dāng)然這些只是一些靜態(tài)得網(wǎng)站，如果你要有后端交互的話，就需要php，python，java等后端。

1HTML5 APP開發(fā)之APP測試 5APP安裝完成后，我們看看打開APP現(xiàn)有的效果是怎樣的我們看到APP頁面的左上角，顯示了一個聯(lián)系人的圖標(biāo)6由于菜果手機(jī)不同系列的屏幕大小不一樣，而且屏幕的分辨率也不一樣安桌手機(jī)的也一樣導(dǎo)致同一個頁面布局，在不同的手機(jī)上，顯示的位置有時偏差比較大，有。

1設(shè)置手機(jī) 11設(shè)置關(guān)于手機(jī)版本號Build number，對版本號這一項(xiàng)連點(diǎn)7下這是官方文檔里的說法就會提示“你已成為開發(fā)者”12 再返回設(shè)置開發(fā)者選項(xiàng)USB調(diào)試打開手機(jī)USB調(diào)試2設(shè)置電腦Mac這塊比較麻煩，因?yàn)橐b一下Android的SDK21 下載Android。

2在部分事件的處理上，移動端自然是偏向于觸屏的，另外包括移動端彈出的手機(jī)鍵盤該如何處理，這樣的問題在PC上肯定不會遇到，但在移動端，如果你沒有經(jīng)驗(yàn)，處理起來是相當(dāng)麻煩的3布局上，移動端開發(fā)是要做到頁面布局自適應(yīng)的，而PC端頁面布局的比例會相對固定4在動畫效果處理上，PC端要考慮IE。

7HTML5使用上的優(yōu)勢 更低的開發(fā)及維護(hù)成本使頁面變得更小，減少了用戶不必要的支出而且，性能更好使耗電量更低方便升級，打開即可使用最新版本，免去重新下載升級包的麻煩，使用過程中就直接更新了離線緩存8CSS3 視覺設(shè)計師的輔助利器 CSS3支持了字體的嵌入版面的排版，以及最令人印象深刻的。

H5這個由HTML5簡化而來的詞匯，正通過微信廣泛傳播H5是集文字圖片音樂視頻鏈接等多種形式的展示頁面，豐富的控件靈活的動畫特效強(qiáng)大的交互應(yīng)用和數(shù)據(jù)分析，高速低價的實(shí)現(xiàn)信息傳播，非常適合通過手機(jī)的展示分享也因其靈活性高開發(fā)成本低制作周期短的特性使其成為當(dāng)下企業(yè)營銷的不二利器。

肯定使用框架啊，不然還原生 JS自己寫樣式H5 做移動開發(fā)也分兩種，一種就是正常的網(wǎng)頁，一種是封裝的成 App 在手機(jī)上跑的下面我只大致介紹一下又哪些框架，具體的特性不是三兩句能說完的，題主可以自行搜索相關(guān)資料后者比較知名的框架就是 PhoneGapMUI 等等了而前者具體分的話還分 CSS。

Web App開發(fā)即是一種框架型APP開發(fā)模式HTML5 APP 框架開發(fā)模式，該開發(fā)具有跨平臺的優(yōu)勢，該模式通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的數(shù)據(jù)則是每次打開APP的時候，去云端取數(shù)據(jù)呈現(xiàn)給手機(jī)用戶 原生APP開發(fā)及Web APP開發(fā)模式的區(qū)別 Web APP需開發(fā)“html5。