今天給大家介紹幾個招式：招式一 圖文消息底部輸入添加閱讀原文鏈接，用戶點擊左下角閱讀原文可以跳轉到指定場景頁面（要求：認證的訂閱號、）Step 1 點擊群發(fā)功能Step2 新建圖文消息Step 3 編輯圖文消息，在“原文鏈接”處設置需要展示的場。

如果是手機端的web頁面 我認為沒區(qū)別 手機瀏覽器要支持存在的網(wǎng)頁如果是原生APP開發(fā) 在界面設計理念上也沒有區(qū)別 但是觸控等特性在設計上還是要注意的

其實寫HTML5網(wǎng)頁并不難，掌握了基本的標簽和樣式，就已經(jīng)能夠去書寫了最難的，在于能否按照行業(yè)的開發(fā)標準，進行網(wǎng)頁的開發(fā)，書寫出來的代碼符合行業(yè)規(guī)范才是有價值的代碼在書寫H5網(wǎng)頁時，先實現(xiàn)HTML與CSS，也就是結構與樣式的創(chuàng)建，之后再慢慢去實現(xiàn)JS此處，建議你借助書籍進行學習，有很不錯的書籍針對實際開發(fā)技術、相關知識以及行業(yè)規(guī)范進行了比較詳細的講解，推薦《HTML5布局之路》

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

這個比較麻煩的，有很多兼容性問題。最好是使用微信等第三方的接口，來實現(xiàn)上傳照片。

經(jīng)常有朋友找我咨詢H5的問題，但是在和他們溝通的過程中，我發(fā)現(xiàn)很多人對H5的理解都是停留在用戶層面，邀請函、小游戲、品牌展示、抽獎等等。其實如果上升到營銷層面的話，僅在用戶層面去思考是遠遠不夠的，因為任何傳播都要考慮有效性的問題，如果100w pv帶來的只是刷屏效果，而對品牌帶不來任何有效轉化，這樣的傳播顯然是不成功的。隨著微信用戶增多、H5小游戲、H5大翻頁，到H5站點、H5營銷。在微信上內(nèi)容的數(shù)量和樣式的逐漸增多，下面給大家介紹借助 “布谷鳥” 這一個在線制作工具，可以輕松的制作出炫酷的微信h5頁面。點擊制作欄目，進入模板選擇頁1：選擇空模板，自由創(chuàng)作、選擇主題模板，更快速的創(chuàng)作出炫麗的展示。預覽樹操作2：顯示的頁面的顯示順序；右鍵調(diào)整頁面的顯示順序；3、點擊頁面右上角的X,可以把不需要的頁面刪除。4.功能—添加修改文字1、添加文字：點擊右側的文字選項→主編輯區(qū)會出現(xiàn)文字輸入框→雙擊修改2、文字屬性修改：右側文字屬性修改選項，包括字體種類，字體大小、顏色等等。功能—添加修改按鈕添加按鍵：點擊右側按鈕選項→點擊編輯區(qū)的按鈕→修改文字、鏈接5.功能—添加修改底圖1、修改背景顏色：點擊右側底圖選項→選擇顏色2、上傳底圖：點擊右側底圖選項→點擊上傳按鈕→確定6：保存。生成1、添加標題、描述、縮略圖2、生成的二維碼和鏈接可以用于分享到微信、微博等3、點擊生成按鈕，即完成了一個作品的制作過程。歡迎大家使用，免費的模板。

H5是指第5代HTML，html5增加了一些新標簽和新的屬性，對于移動端開發(fā)有很大的優(yōu)勢。HTML5將會取代1999年制定的HTML 4.01、XHTML 1.0標準，以期能在互聯(lián)網(wǎng)應用迅速發(fā)展的時候，使網(wǎng)絡標準達到符合當代的網(wǎng)絡需求，為桌面和移動平臺帶來無縫銜接的豐富內(nèi)容。HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括：· 新的解析規(guī)則增強了靈活性· 新屬性· 淘汰過時的或冗余的屬性· 一個HTML5文檔到另一個文檔間的拖放功能· 離線編輯· 信息傳遞的增強· 詳細的解析規(guī)則· 多用途互聯(lián)網(wǎng)郵件擴展（MIME）和協(xié)議處理程序注冊· 在SQL數(shù)據(jù)庫中存儲數(shù)據(jù)的通用標準（Web SQL）

　　我之前使用過Maka制作過H5的小游戲，可達到的效果卻真的差強人意，后來在同事的推薦下使用了iH5進行制作，因為是第一次使用iH5，所以在遞交給老板時，還是有很多瑕疵。　　　　制作前，我對iH5是一無所知的，所以學習了幾天讓自己上手，后來主要用了他們的時間軸、計數(shù)器等功能，完成的效率還是挺高的，每一個步驟都在自己的掌控下?！　　　?jù)我了解iH5是能做很多類型的小游戲的：打地鼠、接禮品、雙屏互動、賽車游戲、搶紅包這些本需要代碼才能完成的游戲，都能通過iH5實現(xiàn)，反正我是覺得挺適合的咯，雖然上手需要有耐心學習，不過天晴總在風雨后嘛，我現(xiàn)在使用iH5也是挺受益的，加油~