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

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

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

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

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

　　一、Adobe Edge　　目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)?！　赢嫼蛨D形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套，還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器?！　《?、Adobe Dreamweaver CS6　　Adobe Dreamweaver CS6作為一個Web設(shè)計軟件，提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)Web設(shè)計的可視化操作，無需為代碼所困?！　∮脩舨坏€能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5?！　∪dobe ColdFusion 10　　ColdFusion是用來開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗?！　∷?、Sencha Architect 2　　在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實時預(yù)覽?！　∥濉encha Touch 2　　Sencha Touch2是移動應(yīng)用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應(yīng)用?！　×?、Dojo Foundation Maqetta　　來自于IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板　　七、微軟Visual Studio 2010 ServicePack 1　　雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。　　八、JetBrains WebStorm 4.0　　作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預(yù)覽HTML文檔?！　【?、Google Web Toolkit　　該開發(fā)工具用于開發(fā)瀏覽器應(yīng)用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget?！　∈?、DCloud HBuilder　　HBuilder是當(dāng)前最快的HTML開發(fā)工具，強大的代碼助手幫你快速完成開發(fā)，最全的語法庫和瀏覽器兼容性數(shù)據(jù)讓瀏覽器碎片化不再頭痛。