h5制作網頁

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

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

H5就是html5，是網頁。你可以用易企秀，兔展，maka等的模板制作，操作起來很簡單，完成后可以在微信朋友圈，公眾號上達到傳播效果。請采納答案哦，謝謝

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

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

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

般說iH5手機案例默認尺寸640*1040pxiPhone6 plus尺寸我用iPhone6 plus所我做案例沒現類問題遇案例呈現完整情況我想應該手機型號同導致 設置舞臺或者設備屬性舞臺裁剪no用短款手機觀看作品滾條看完整案例 想要實現完美適配做三設備寬度均640高度設置1040（iPhone6 plus）、1008（iPhone5s部Android手機）、832（iPhone4s） 希望我答幫助

沒用過這個，不過以下的工具我倒是用過呢，在【控件】按鈕添加一個表單，然后在【設置-表單】欄目  就可以查看收集到的數據了