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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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