博客專欄

EEPW首頁 > 博客 > 扣丁學堂詳解HTML5開發(fā)工具

扣丁學堂詳解HTML5開發(fā)工具

發(fā)布人:扣丁學堂2 時間:2021-04-22 來源:工程師 發(fā)布文章

HTML5被看做是Web開發(fā)者創(chuàng)建流行Web應用的利器,增加了對視頻和Canvas2D的支持。HTML5的誕生還讓人們重新審視瀏覽器專用多媒體插件的未來,如Adobe的Flash和微軟的Silverlight,HTML5為實現(xiàn)這些插件的功能提供了一種標準化的方式。

雖然HTML5標準尚未開發(fā)完成,但是隨著開發(fā)者對HTML5的興趣日漸濃厚,開發(fā)工具提供商也開始跟進。以下介紹的9款HTML5開發(fā)工具已經(jīng)能夠幫助開發(fā)者在程序中集成HTML5功能。


一、AdobeEdge


目前還處于預覽階段的AdobeEdge是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設計工具。內(nèi)容可以同時兼容移動設備和桌面電腦。Edge的一個重要功能是Web工具包界面,方便確保頁面在不同瀏覽器中的架構一致性,此外Edge還將整合TypeKit這樣的字體服務。


動畫和圖形可以添加到HTML元素中,程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進行擴展。動畫可以在獨立的時間線上進行嵌套,還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設計的內(nèi)容可以兼容iOS和Android設備,也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。


二、AdobeDreamweaverCS6


AdobeDreamweaverCS6作為一個Web設計軟件,提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其FluidGrid排版系統(tǒng)整合CSS樣式表功能,提供自適應版面的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)Web設計的可視化操作,無需為代碼所困。


用戶不但還能在LiveView中預覽,還提供多屏幕預覽功能。開發(fā)者可以通過MultiScreen預覽面板查看HTML5內(nèi)容的渲染效果。LiveView通過WebKit渲染引擎支持HTML5。


三、AdobeColdFusion10


ColdFusion是用來開發(fā)企業(yè)Web程序的服務器端技術,通過Websockets、互動表單、視頻和地理標簽等HTML5技術創(chuàng)建富媒體用戶體驗。


四、SenchaArchitect2


在開發(fā)移動和桌面應用的工具中,Sencha的定位是HTML5可視化應用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應用的設計、開發(fā)和部署。開發(fā)者還可以開發(fā)SenchaTouch2和ExtJS4JavaScript應用,并實時預覽。


五、SenchaTouch2


SenchaTouch2是移動應用框架,也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、KindleFire等多種平臺的移動應用。


六、DojoFoundationMaqetta


來自于IBM的一個項目,DojoFoundationMaqetta是為桌面和移動設備開發(fā)HTML5應用的開源工具,支持在瀏覽器中查看HTML5界面。用戶體驗設計師可以通過拖放組裝UI樣板。


七、微軟VisualStudio2010ServicePack1


雖然一開始并不支持HTML5,但微軟在2011年三月發(fā)布的VisualStudio2010SP1中提供了IntelliSense,追加了針對HTML5的一些元素。


八、JetBrainsWebStorm4.0


作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境,WebStorm4.0提供了開發(fā)web應用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預覽HTML文檔。


九、GoogleWebToolkit


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


以上就是關于扣丁學堂盤點2020年九大HTML5開發(fā)工具的詳細介紹,希望對小伙伴們有所幫助。想要了解更多內(nèi)容的小伙伴可以登錄扣丁學堂官網(wǎng)咨詢,扣丁學堂是專業(yè)的HTML5培訓機構,扣丁學堂不僅有專業(yè)的老師和與時俱進的課程體系,還有大量的HTML5在線視頻供學員觀看學習,喜歡HTML5的小伙伴快快行動吧??鄱W堂H5技術交流群:692172929。微信號:codingbb

*博客內(nèi)容為網(wǎng)友個人發(fā)布,僅代表博主個人觀點,如有侵權請聯(lián)系工作人員刪除。



關鍵詞: HTML5視頻

技術專區(qū)

關閉