蘋果電腦h5網頁製作

① 什麼是h5，h5的場景製作工具有哪些

h5就是html5，HTML5是用於取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標準的 HTML 標准版本，現在仍處於發展階段，但大部分瀏覽器已經支持某些 HTML5 技術。HTML 5有兩大特點：首先，強化了 Web 網頁的表現性能。其次，追加了本地資料庫等 Web 應用的功能。廣義論及HTML5時，實際指的是包括HTML、CSS和JavaScript在內的一套技術組合。它希望能夠減少瀏覽器對於需要插件的豐富性網路應用服務（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，與Oracle JavaFX的需求，並且提供更多能有效增強網路應用的標准集
h5的製作工具有:
一、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文檔。

九、Google Web Toolkit

該開發工具用於開發瀏覽器應用，但庫中支持很多HTML5功能。包括對客戶端或web存儲的支持。其他HTML5功能還包括支持Canvas可視化，以及音頻和視頻widget。

十、DCloud HBuilder

HBuilder是當前最快的HTML開發工具，強大的代碼助手幫你快速完成開發，最全的語法庫和瀏覽器兼容性數據讓瀏覽器碎片化不再頭痛。

② 微信H5頁面製作流程

關於這個問題

屢屢刷爆朋友圈的H5頁面肯定就是首當其沖的，提到H5頁面，就立馬想到「圍住神經貓」，上線微信朋友圈3天的時間便創造了用戶500萬，訪問量超1億的神話。

總結

微信H5製作方法的另外幾種也可以試一下可以自己使用html5+css+js來製作。找一些免費的h5頁面製作平台，如最酷網、秀米、一頁等來免費製作。在網上找一些h5頁面模板，來修改成自己的。

③ 做h5頁面蘋果6能顯示出來的大小是多少

蘋果6的屏幕顯示尺寸是1334x750PX。

你的H5頁面顯示取決於屏幕大小，當然在設計這個H5頁面的時候，肯定是有一個尺寸規范的，像我這邊就有一個規范，它是藉助了印刷裡面的出血原理，因為我們做好一個H5以後需要在不同的手機上去適配，適應不同的屏幕。

需要我們設計一個規范的尺寸，我們稱為安全區，這個安全區的話，是指在所有的手機屏幕上都可以正常顯示，那麼安全區以外的我們要放什麼呢，就是放一些背景，放這些背景的目的就是防止在一些特別大的屏幕手機，比如說iphoneX，這樣的手機會出現漏底的現象，我們如果說把這一部分的背景給填滿就可以避免這個問題，下圖呢，就是我這邊的畫布適配原理，這個的話是用意派epub360做H5的時候所需要做的一個參考，其實你在做其他H5的時候也是一樣的，希望可以幫到你。

④ 微信H5頁面免費製作工具有哪些，求各位大神解答

四大免費在線H5微信開發工具：
一、we+
優點：we+口號是三分鍾製作互動展示。相較於其他平台，we+編輯頁面功能按鈕設計簡潔明了，是Apple蘋果風格，功能強大。行業首發的功能，如地圖導航、事件、藝術字體、預約調研等。模板方面we+模板更加精緻，動效豐富。同時 We+是業內首家支持PC端、手機端、iPad端多終端適配的平台。同時提供H5定製，包括方案策劃和新媒體傳播。
缺點：we+是電影娛樂高端定製的H5供應商，但平台上免費模板數量上偏少，雖然已經做到周更新，但仍顯不足。而且由於主做電影娛樂高端H5定製，個人用戶H5定製尚在起步階段。
二、易企秀
優點：易企秀口號是移動場景自營銷管家。是針對移動互聯網營銷的在線H5場景製作工具，有ios，安卓移動客戶端，在手機上也可創建場景應用，動態模板豐富，可以簡單、輕松製作基於HTML5的精美手機幻燈片頁面。易企秀模板數量大約有1100多個，且用戶可以自行上傳模板，模板分類標簽詳細，但精美度一般。
缺點：易企秀的統計數據是否准確需要進一步確認，目前看來可能有遺漏數據的現象。在模板質量上，模板很一般，在創意、精美程度上都低於其他三家。由於定位是移動場景自營銷，在H5定製方面，易企秀起步很慢，而且專業性略顯不足。
三、MAKA
優點：MAKA口號是簡單、強大的HTML5創作工具。編輯界面有新手（有模板）和高階（無模板）兩種編輯模式，提供一些特效模板，都是設置好的效果。模板美觀，大約60個。
缺點：maka中提供的文字、圖片樣式都比較有限，不能修改表單，另外要使用數據統計模板也有條件限制。免費版不提供添加外鏈，更遺憾的是，免費版也不提供自定義動效、支付、導航、預約等功能。VIP賬戶價格略高，且不提供方案策劃、H5傳播等高級定製服務。適合對功能要求不高的人。
四、兔展
優點：兔展口號是像PPT一樣製作移動H5頁面。分為免費版、體驗版、VIP版，相對於其他平台而言，兔展的編輯頁面簡單易上手， DIY程度較高，動畫實現方便。模板多樣，大約130個，精美度一般。同時兔展還提供H5定製，包括方案策劃和新媒體傳播。
缺點：兔展編輯界面大小不可調節，上傳的圖會比例失調，生成頁面後在不同手機型號上顯示會存在拉伸現象。兔展免費版僅支持默認功能，體驗版和VIP版價格偏高，性價比略低。兔展目前只支持Safari和chrome瀏覽器。

⑤ 請問哪個製作h5的軟體不限制頁數

現在國內H5軟體，比較受歡迎的就是iH5咯，功能強大嘛。
以下摘取了一篇來自HTML5行業資訊的，關於這款軟體的功能測評文章，題主可以參考參考~
——————————分割線
轉載自搜狐新聞，作者：HTML5行業資訊

你也許已經發現，我們正在向「人人做H5」的時代邁進。隨著國內HTML5技術的成熟，越來越多H5頁面製作軟體崛起，H5製作不再是小眾的玩物，而是互聯網經濟的新產物。

據不完整統計，國內市面上存活的H5頁面製作軟體有超過50個，說是百家爭鳴一點都不誇張。但用戶量最多的當屬iH5和Equb360兩家，功能、技術水平等方面在國內都是屈指可數的。

兩者都向用戶提供可視化的HTML5編輯框架，打開電腦端網頁即做即用，但性能上卻迥然不同。

通過閱讀這兩家工具的相關資料，加上反復使用測試，以四大指標對比iH5和Equb360，重點在於幫助大家更客觀地認識這兩款H5頁面製作軟體：

一、內容製作

內容製作是使用H5頁面製作軟體的直接目的，這里把內容製作劃分為兩大評測模塊：編輯方便度和功能覆蓋度。編輯靈活程度越高，內容製作越高效；功能覆蓋度越高，內容製作越有質量。

（1）編輯靈活度

iH5的對象管理系統完善，操作靈活度高，它封裝了齊全的文檔對象模型（DOM），提供的組件基本是對象類型的，比如全景容器、物理引擎、資料庫等。它定義了所有HTML元素的對象和屬性，以及相應的訪問介面，這使不同對象間有了更多聯動的可能。

換句話說，它支持在對象樹上自主獲取、修改、添加或者刪除對象，用戶能對不同類型的對象組件進行靈活管理，同時支持PSD文件上傳編譯。

Equb360的對象管理系統差強人意，操作靈活度低。它封裝的是模塊化（Molarization）模型，提供的組件框架格式基本是固定且相互割裂的，比如計時器、評論組件等。這就意味著，對組件的操作很大程度局限在修改內容上，基本丟失了H5交互的意義。

受模型框架影響，並不支持PSD文件直接上傳，而且當頁面下多個對象重疊時，不能直接選取最底層對象，非得一層層挪開，這是最抓人的吧...

（2）功能覆蓋度

按市面上H5在多媒體范疇的應用，摘取常用於H5設計的功能，以此作為憑據，對比兩個H5頁面製作軟體的功能覆蓋度——

基於DOM封裝開發的iH5組件功能數達到51個，比Equb360多出將近20個。另外，iH5的組件開發都基於交互基礎，因此更能延伸出成千上萬種復合型的交互可能，但模塊導向的Equb360顯然心有餘而力不足。

在上圖中，表單類的基礎多媒體組件服務，Equb360360跟iH5很接近，但在高級多媒體組件上，遠不及iH5那麼全能。特別是去年行業剛興起的全景模式，iH5的功能開發可以說是緊追流行趨勢。

放眼數據應用組件，像輸入框、文本框、數據提交這類底層的服務組件，Equb360雖然支持，但收費才開放似乎有些不合情理。

二、學習成本

對於初學者來說，會更傾向於選擇學習成本低的H5頁面製作軟體，如果它的學習成本遠高於學習期望值，那麼註定會流失一部分沒耐心的用戶。

按常理來說，H5頁面製作軟體的功能越豐富，學習成本越高。然而，iH5比Equb360多出20個功能，學習成本卻遠低於Equb360。

這是為什麼呢？

（1）垂直化的視頻教學

iH5共收納197個教學視頻，內容垂直程度高，實用性高。教學視頻涵括新手必學、進階必備、特效使用、工具字典、案例學習五大類型。每個類型針對不同的功能，細分出不同的教學，方便用戶各取所需、即學即用，比如想兩分鍾創建一個H5處女作，或者建立一個H5網站，都能在這里找到答案。

Equb360共收納48個教學視頻，內容較發散，實用性低。教學視頻只分為「初、中、高級教程」三種，學習路線下的教學視頻純粹是功能介紹，無實質性意義，用戶看完還處於雲里霧里的感覺。

（1）系統化的教學閉環

iH5除了教學視頻，還設有線上直播課、線下學院課堂，形成從線上到線下的教學閉環。這系統化的教學閉環，簡直是為了初學者量身定做——線上課程掌握基礎功能，線下課程學習案例臨摹，在最短時間內進階成H5大神，毫無壓力。

Equb360除了教學視頻，只剩下幫助文檔和常見問題解答。想百分百掌握，還得靠自己連滾帶爬地摸索...

三、流量統計

針對H5工具，流量分為兩種：

①網站活躍流量
②H5案例流量數據

前者反應網站有多少人瀏覽，即網站熱度，觀察網站首頁的可視化數據可得；後者反應H5作品的有效數據統計，觀察每個H5作品後台的數據統計結果可得。iH5跟Equb360在這兩個維度上的對比尤為明顯——

（1）網站活躍流量

iH5網站首頁作品瀏覽量大部分超10萬，網站熱度高。iH5首頁可以看成是一個完整的商業生態圈，因為iH5首頁展示的作品基本屬於優質營銷類H5，吸引大批有深度營銷需求的企業找設計師定製，形成「接單——合作——展示——接單」的閉環商業生態，創作技法越精湛的設計師，在iH5越吃香。

Equb360網站首頁作品瀏覽量最高2萬，三位數瀏覽量佔大多數。Equb360的日活躍數不低，但網站首頁瀏覽量卻低得離譜，這可能是它這款H5頁面製作軟體功能短板造成的，並不能吸引到有深度推廣需求的企業，因此網站的流量增長只能依靠個人用戶，作品曝光率低。

（1）H5案例流量數據

iH5的數據監測更精準，以每小時為單位監測。除了瀏覽量總量、各打開/轉發方式佔比，還涵括今日/昨日、最近一周、最近30天的數據對比。除此之外，iH5還向企業用戶開放精準數據統計後台——H5VALUE，為單個案例分析地域流量、終端流量、瀏覽時段、傳播指數、活躍用戶量等細分化指標，也支持多個案例對比，在精細化數據面前，刷量原形畢露，剩下的只有真材實料的推廣效果。

Equb360的數據統計較粗略，只有數據總量。雖然在後台設有專門的「推廣分析」欄目，但只統計了朋友圈、微信群、好友這三種H5傳播方式的數據，統計效果是相形見絀的。

四、付費相關

讓用戶最頭疼的莫過於H5頁面製作軟體的收費問題，明擺著一個功能，卻需要付費才能使用，這是最納悶的。以下針對個人和企業兩種用戶，將付費相關的評測分為三個方向——

（1）模板商城的付費

iH5針對不同場景，劃分八大類共184個精美模板，價格低至1元/個，持續上新。

Equb360可復制的模板只有14個，模板復用價值低，數量少，更新慢。

（2）個人用戶的付費

iH5個人用戶使用全部組件（51個），不限定作品創建數量。iH5所提供的全部功能，比如資料庫、全景模式、物理引擎等高級交互功能，個人用戶都能使用，沒有任何收費門檻，只要有靈感，隨意創作。

Equb360個人用戶需付費才能使用高級表單等組件，還限定10個作品創建數量。值得一提的是，它還規定儲存空間為2GB，按10個作品來算，也就是說單個作品200MB，超過2MB的H5體量已經很大了，所以200M是個什麼概念？這體驗版的設定，有忽悠人付費的嫌疑。

（3）企業用戶的付費

按賬戶類型分，iH5分為創業版、企業版、VIP企業版四類，VIP企業版（10賬戶）的年專屬流量達500萬次，其中去LOGO流量服務為1000元/10萬次流量，微信授權費用為1元/月，無其他單獨收取的費用。

Equb360分為體驗版、基礎版、專業版、企業標准版、企業高級版（5賬戶，限制儲存空間），分別增收年費最高19999元，套餐外單獨收取費用的項目雜多，比如綁定獨立域名需一次性支付2000元開通，案例導出另外收費。

綜上所述，這兩個H5頁面製作軟體經過四個不同維度的綜合評測，可以看出iH5在性能、服務上遠高於Equb360。

簡單地說，Equb360適合低流量曝光的輕度營銷，通過HTML5的跨平台特性，弱化交互的概念，強化模板式展示，憑借H5頁面製作軟體的殼，把傳統離線PPT轉換到手機上展示。

而iH5以交互作為開發目的，讓交互功能間的組合更具復合性和創造性，更適合高流量的深度營銷，極大程度壓縮開發成本的同時，幹掉前端，取代程序員在H5頁面開發中的角色。

⑥ Mac Safari 瀏覽器調試不同比例HTML頁面

不知道什麼時候開始，國內開發者都喜歡說H5，說實話，HTML升級了不假，單另一個分之好想說H5就很洋氣真的就是有點驢唇不對馬嘴了。

調試網頁，H5，HTML，WebApp，H5App，管它叫什麼呢，在不同比例下不需要任何輔助工具，Mac Safari即可完成頁面調整，而且比例看得清，媽媽再也不用擔心我的頁面適配不好了。

步驟：

1、Safari打開「開發」模式

2、打開響應式設計模式

3、歡快的使用預置頁面比例，也可以上下左右拖拽到合適的尺寸

舉例說明：

1、打開開發模式，多數機器正常Safari開發模式是默認關閉的，一般我們調試網頁會用firebug，或者chrome抓request或請求。所以第一步是打開開發者模式，在Safari里系統偏好設置-高級，菜單欄顯示 開發 blabla...勾起來。

2、開發-進入響應式設計模式

3、撒歡吧，順便說一句，它還可以模擬1x，2x，3x圖的顯示，iOS開發的老鐵們雙擊666，甚至可以選擇瀏覽器內核，做一些JS驗證就比較方便了

⑦ 在電腦上調試蘋果ios上的h5頁面

點擊文檔名稱進入即可愉快調試了！

以上是在MAC上調試

⑧ 如何在mac上google瀏覽器模擬h5

首先，我們打開谷歌Chrome瀏覽器，在任意網頁按下F12快捷鍵。
打開Google瀏覽器開發者工具
或者右擊網頁，點擊「審查元素」

如果你用的蘋果Mac電腦，可以按下快捷鍵
?-Option-I
打開Chrome瀏覽器的開發者工具

這時點擊左上角的手機屏幕圖標，即可進入模擬手機設備型號、手機屏幕尺寸，不同手機解析度的功能界面。谷歌瀏覽器瞬間變成了手機瀏覽器。

當然，除了模擬Android、iOS操作系統的各種手機設備和各種移動運營商網路之外，還可以模擬平板電腦等多種移動設備。

如果看不到這個移動設備模擬界面，建議升級最新版Chrome瀏覽器。
升級後一般即可解決。
或者點擊「Devices」，查看Emulated devices，檢查這些平板電腦或手機型號是否被選中。
最後不得不提到的一點，是Chrome瀏覽器可以模擬各種用戶瀏覽器的User Agent。
方法是，在UA的地方，填寫你希望模擬的用戶瀏覽器信息。

⑨ 易企秀H5蘋果不能翻頁面

可以翻頁，
首先登錄自己的易企秀賬號。
找到我們需要設置翻頁的H5。
點擊進入H5的編輯頁面，點擊一下右上角的「預覽與設置」按鈕。
接著在設置的頁面中打開「常規設置」選項卡。
然後在「常規設置」選項卡中找到「播放」項目，並勾選它，然後在項目後面設置我們頁面停留的時間。
完成時間設置後，點擊頁面的「確定」按鈕，確定我們的修改。
最後點擊右上角的「保存」按鈕，這樣就可以完成H5翻頁的設置了。