保存到手機(jī)，可以在瀏覽器中打開（比如Safari），然后選那個(gè)書簽一樣的按鈕，選擇添加到主屏幕。這樣做，H5也會(huì)像原生APP一樣，在手機(jī)屏幕上有個(gè)按鈕，可以直接打開了。但是仍然是要聯(lián)網(wǎng)的，因?yàn)閔5跟APP最大的區(qū)別，就是h5的數(shù)據(jù)都是存儲(chǔ)在云端服務(wù)器的，不在本地。如果想要更便捷地制作h5，推薦你使用BlueMP平臺(tái)工具，能簡單便捷地利用模板和共鞥組件，制作出各類型的h5，宣傳用的頁面，電商用的，移動(dòng)論壇，移動(dòng)網(wǎng)站等等。

產(chǎn)品經(jīng)理、UI設(shè)計(jì)師、安卓和IOS開發(fā)人員、后端技術(shù)人員。產(chǎn)品經(jīng)理：產(chǎn)品規(guī)則、原型及交互設(shè)計(jì)\PRD輸出UI設(shè)計(jì)師：效果圖片、切圖安卓和IOS開發(fā)人員：APP開發(fā)后端技術(shù)人員：后臺(tái)程序開發(fā)、數(shù)據(jù)庫設(shè)計(jì)、接口制作等

現(xiàn)在很多微商或者企業(yè)招聘或者產(chǎn)品宣傳都運(yùn)用的是H5頁面來進(jìn)行大范圍的傳播，所以隨之而來的H5頁面制作工具也越來越多，現(xiàn)在比較常用的軟件工具有這么幾種：做課大師推薦度：★★★★??優(yōu)點(diǎn)：可以用作宣傳也可以深挖制作出優(yōu)秀的微課程。專業(yè)，易傳播，比如微信、手機(jī)端等。它包括兩種工具：多頁和炫課，分別適合沒有設(shè)計(jì)基礎(chǔ)的用戶和專業(yè)人員。功能，它能幫助微課程設(shè)計(jì)者輕松低成本地制作出高交互、炫動(dòng)畫、跨平臺(tái)瀏覽和學(xué)習(xí)的HTML5微課程。缺點(diǎn)：PC端軟件，沒有web端工具。易企秀推薦度：★★★????優(yōu)點(diǎn)：上手簡單，網(wǎng)頁端和APP端覆蓋，隨時(shí)可以滿足用戶制作的需求。缺點(diǎn)：功能單一，缺乏專業(yè)性和內(nèi)容性，大多用作宣傳用。MAKA推薦度：★★★????優(yōu)點(diǎn)：跟易企秀類似的工具，同樣門檻低上手簡單，用戶可以通過運(yùn)用模板更改內(nèi)容達(dá)到制作完成的目的。缺點(diǎn)：可閱讀內(nèi)容少，主要用于展示和宣傳效果目前就這么多啦，你可以根據(jù)自己的需求來選擇合適的工具~

HTML5HTML的英文全稱為HyperTextMarkupLanguage，即超文本標(biāo)記語言。HTML5是HTML的一個(gè)新版本。HTML不是一種編程語言，而是一種標(biāo)記語言(markuplanguage)HTML5草案的前身名為WebApplications1.0。於2004年被WHATWG提出，於2007年被W3C接納，并成立了新的HTML工作團(tuán)隊(duì)。在2008年1月22日，第一份正式草案已公布,2010年9月正式向公眾推薦。HTML5提供了一些新的元素和屬性，例如<nav>（網(wǎng)站導(dǎo)航塊）和<footer>。這種標(biāo)簽將有利于搜索引擎的索引整理，同時(shí)更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如<audio>和<video>標(biāo)記。一些過時(shí)的HTML4標(biāo)記將被取消。其中包括純粹顯示效果的標(biāo)記，如<font>和<center>，它們已經(jīng)被CSS取代。 HTML 5有兩大特點(diǎn):強(qiáng)化了Web網(wǎng)頁的表現(xiàn)性能。除了可描繪二維圖形外，還準(zhǔn)備了用于播放視頻和音頻的標(biāo)簽。追加了本地?cái)?shù)據(jù)庫等Web應(yīng)用的功能。

H5編輯平臺(tái)大大降低了H5制作的門檻，以可復(fù)用定制的案例模板為主要功能，提高了工具效率之余還降低了人工成本。悠云·輕故事平臺(tái)在模板這塊在同類型產(chǎn)品中具有明顯優(yōu)勢(shì)：分類精細(xì)實(shí)用、選擇豐富多樣，定期更新。無論是產(chǎn)品展示、雜志、相冊(cè)還是簡歷等等，悠云·輕故事平臺(tái)都有比同類平臺(tái)更豐富的H5場(chǎng)景模板。更受人青睞的功能在于它擁有相當(dāng)高自由度的H5個(gè)性定制后臺(tái)，使用者在打造個(gè)人特色時(shí)能更得心應(yīng)手。 面對(duì)H5頁面定制同質(zhì)化的瓶頸，悠云·輕故事對(duì)于未來發(fā)展亦有了清晰的打算：完善頁面定制，發(fā)展用戶制作功能，打造真正能夠應(yīng)對(duì)各種社交傳播、O2O營銷需求的整合平臺(tái)。如今，悠云·輕故事平臺(tái)的移動(dòng)端平臺(tái)，手機(jī)網(wǎng)頁版、APP已進(jìn)入開發(fā)的沖刺階段，預(yù)期在十月內(nèi)將會(huì)進(jìn)入測(cè)試階段。 悠云輕故事將iBeacon技術(shù)整合Html5語言打造出創(chuàng)新性應(yīng)用設(shè)備——Upal悠云子，交互性正是其獨(dú)特優(yōu)勢(shì)所在。當(dāng)客戶走進(jìn)商家店面，根據(jù)相關(guān)提示打開手機(jī)藍(lán)牙，并使用微信搖一搖，即能獲得該店的宣傳內(nèi)容或促銷信息。除了和微信搖一搖結(jié)合的場(chǎng)景應(yīng)用外，商家還能利用悠云·輕故事平臺(tái)制作自家獨(dú)特的平臺(tái)小游戲，實(shí)現(xiàn)無需下載，輕松吸引宣傳的數(shù)字營銷方式。這種營銷形式既新奇又有趣，一改以往傳單式促銷的負(fù)面影響，同時(shí)其自帶的定制功能為內(nèi)容新鮮和多樣化提供了保證，對(duì)受眾的交互主動(dòng)性也有所提高。工具類：一、Adobe Edge目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。二、Adobe Dreamweaver CS6Adobe Dreamweaver CS6作為一個(gè)Web設(shè)計(jì)軟件，提供了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。三、Adobe ColdFusion 10ColdFusion是用來開發(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ā)。

　　一、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工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)?！　?dòng)畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者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ì)的可視化操作，無需為代碼所困?！　∮脩舨坏€能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5?！　∪?、Adobe ColdFusion 10　　ColdFusion是用來開發(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ù)覽?！　∥濉encha 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)用?！　×ojo Foundation Maqetta　　來自于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的一些元素?！　“恕etBrains 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)用，但庫中支持很多HTML5功能。包括對(duì)客戶端或web存儲(chǔ)的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。　　十、DCloud HBuilder　　HBuilder是當(dāng)前最快的HTML開發(fā)工具，強(qiáng)大的代碼助手幫你快速完成開發(fā)，最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛。