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

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

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

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

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

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

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

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

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

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

1設置手機 11設置關于手機版本號Build number，對版本號這一項連點7下這是官方文檔里的說法就會提示“你已成為開發(fā)者”12 再返回設置開發(fā)者選項USB調試打開手機USB調試2設置電腦Mac這塊比較麻煩，因為要裝一下Android的SDK21 下載Android。

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

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

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

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

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