【h5制作網(wǎng)頁】手機(jī)上的頁面怎么開發(fā)，和webhtml有區(qū)別嗎?創(chuàng)建h5頁面的工具有哪些?下面就和小編一起來看看吧!

　　手機(jī)上的頁面怎么開發(fā)，和webhtml有區(qū)別嗎?

　　如果是手機(jī)上的網(wǎng)頁，我覺得沒什么區(qū)別。如果是原生APP開發(fā)，界面設(shè)計理念沒有區(qū)別，但是在設(shè)計上要注意觸感等特性。

　　創(chuàng)建h5頁面的工具有哪些?

　　1.AdobeEdge，目前還處于預(yù)覽階段，是一款用HTML5、CSS、JavaScript開發(fā)動態(tài)交互內(nèi)容的設(shè)計工具。內(nèi)容可以與移動設(shè)備和臺式計算機(jī)兼容。Edge的一個重要功能是WebToolkit接口，方便保證不同瀏覽器下頁面的架構(gòu)一致性。此外，Edge還將整合TypeKit等字體服務(wù)。動畫和圖形可以添加到HTML元素中，程序可以通過Edge自己的代碼片段庫或者JavaScript代碼進(jìn)行擴(kuò)展。動畫可以嵌套在一個獨立的時間軸上，也可以實現(xiàn)交互功能。合規(guī)性可以通過API和代碼片段來獲取和控制。Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以在Firefox、Chrome、Safari、IE9等主流瀏覽器上運行。第二，adobedistributors6adobedistributors6作為Web設(shè)計軟件，為HTML網(wǎng)站和移動程序提供了可視化的編輯界面。FluidGrid排版系統(tǒng)集成CSS樣式表功能，提供自適應(yīng)布局的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)Web設(shè)計的可視化操作，而不會被代碼所困。用戶不僅可以在LiveView中預(yù)覽，還可以提供多屏預(yù)覽功能。開發(fā)人員可以通過多屏預(yù)覽面板查看HTML5內(nèi)容的渲染效果。LiveView通過WebKit渲染引擎支持HTML5。3.AdobeColdFusion10ColdFusion是一種開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、交互表單、視頻、地理標(biāo)簽等HTML5技術(shù)創(chuàng)造豐富的媒體用戶體驗。4.森查架構(gòu)2在開發(fā)移動和桌面應(yīng)用的工具中，森查定位于開發(fā)HTML5可視化應(yīng)用。開發(fā)團(tuán)隊可以在單個集成環(huán)境中設(shè)計、開發(fā)和部署應(yīng)用程序。開發(fā)人員還可以開發(fā)SenchaTouch2和ExtJS4JavaScript應(yīng)用，并實時預(yù)覽。5.SenchaTouch2SenchaTouch2是一個移動應(yīng)用框架，也算是Sencha的HTML5平臺。開發(fā)者可以用它為iOS、Android、黑莓、KindleFire等平臺開發(fā)移動應(yīng)用。不及物動詞DojoFoundingMaqetta來自IBM的一個項目。DojoFoundingMaqetta是一個為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計人員可以通過拖放來組裝用戶界面模板。七.微軟visualstudio2010sservicepack1最初不支持HTML5，但微軟在2011年3月發(fā)布的VisualStudio2010SP1中提供了IntelliSense，為HTML5增加了一些元素。八.作為一個帶有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0為開發(fā)web應(yīng)用提供HTML5模板。開發(fā)人員在創(chuàng)建HTML文檔時可以獲得對HTML5文件的支持。例如由伐木工人打字。開發(fā)者也可以在chrome瀏覽器中實時預(yù)覽HTML文檔。九.GoogleWebToolkit這個開發(fā)工具是用來開發(fā)瀏覽器應(yīng)用的，但是庫支持很多HTML5功能。包括對客戶端或網(wǎng)絡(luò)存儲的支持。HTML5的其他功能包括支持畫布可視化和音頻和視頻小部件。10.dcloudbuilderhbuilder是目前最快的HTML開發(fā)工具，強(qiáng)大的代碼助手幫助你快速完成開發(fā)。最全面的語法庫和瀏覽器兼容性數(shù)據(jù)使得瀏覽器碎片不再是一個令人頭痛的問題。