零基礎小白必知 常見HTML5開發工具有哪些

1. Adobe Dreamweaver CS6

創新互聯主營姚安網站建設的網絡公司,主營網站建設方案,App定制開發,姚安h5成都小程序開發搭建,姚安網站營銷推廣歡迎姚安等地區企業咨詢

Dreamweaver CS6是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網站和移動應用程序的網頁設計軟件。由于Dreamweaver支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，對于初級人員，你可以無需編寫任何代碼就能快速創建Web頁面。其成熟的代碼編輯工具更適用于Web開發高級人員的創作！

2. Adobe Edge

Adobe Edge是一個用HTML5、CSS、Java開發動態互動內容的設計工具。它的一個重要功能是web工具包界面，用于方便確保在不同瀏覽器中架構的一致性，此外，Adobe Edge還將整合TypeKit這樣的字體服務。通過Edge設計的內容可以兼容iOS和Android設備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器上。

3. DevExtreme

DevExtreme Complete Subion是性能最優的HTML5,CSS和Java移動開發框架，可以直接在Visual Studio集成開發環境，構建iOS，Android，Tizen和Windows Phone 8應用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發環境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發人員開發跨平臺移動產品的首選工具。

4. JetBrains WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript開發工具。被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、“最智能的JavaS IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

5. Sencha Architect

在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用，并實時預覽。

6、Initializr

Initializr 是制作 HTML5 網站最好的入門輔助開發工具，你可以使用提供的特色模板快速生成網站，也可以自定義，Initializr 會為你生成代碼簡潔的可定制的網頁模板。

7、HTML5demos

想知道你的瀏覽器是否支持 HTML5 Canvas 嗎？想知道 Safari 是否可以運行簡單的 HTML5 聊天客戶端嗎？HTML5demos 會告訴你每一個HTML5特性在哪些瀏覽器中支持。

8、HTML5 Tracker

想了解 HTML5的最新動向嗎? 使用 HTML5 Tracker 吧，它可以跟蹤 HTML5 最新修訂信息。

9、HTML5 visual cheat sheet

想要快速超找一個標簽或者屬性嗎？看看這個非常酷的速查手冊吧，每個Web開發人員的必備。

10、Switch To HTML5

Switch To HTML5 是一個基礎而實用的模板生成工具。如果你開始一個新項目，可以到這里獲取免費的 HTML5 網站模板。

11、HTML5 Test

你瀏覽器準備好迎接 HTML5 革命了嗎？HTML5 Test 將告訴你。這個網站會為你當前使用的瀏覽器生成一份對video、audio、canvas等等特性的支持情況的完整報告。

12、Lime JS

LimeJS 是一個 HTML5 游戲開發框架，用于快速構建運行于觸屏設備和桌面瀏覽器的游戲。非常棒的HTML5開發工具，一定要用用試試。

想做HTML5的微課，誰知道哪些制作HTML5微課的工具比較好用？

您好，可以試試 epub360 來制作H5課件哦，制作目錄導航、雜志、微官網、課件、小游戲互動等功能類型十分簡單，上百種動畫\動效、拖拽式組件和觸發行為可以幫你快速制作一個炫酷的H5場景。

常見的HTML5工具有哪些

推薦我們的 Epub360，專業H5頁面制作工具，可以靈活制作邀請函、小游戲、招聘、節日賀卡等多種類型。

關于編輯器專業能力

專業交互功能

支持專業級動畫控制、交互設定、社交應用與數據應用，保障企業的商業需求順利實現。

操作簡易、流暢

采用由簡到難遞進式產品設計模式，效果組件化，減少用戶上手難度，穩定的操作環境助力企業持續創意輸出。

提供企業/媒體培訓和定制服務

我們為企業/媒體單位提供H5工具培訓及定制服務，定制服務包含掃碼簽到、大屏互動、H5游戲等多種場景，是上海解放日報、招商銀行、廣西日報等多家單位長期合作伙伴。

提供優質模板庫

提供豐富的模板庫，500+優質的企業H5模板，各種邀請函、招聘、節日海報、H5小游戲應有盡有。

提供私有化部署服務

上海意派科技的私有化部署系統功能架構覆蓋功能層、服務層、系統支撐層三個層級。

功能層：

H5內容管理、H5編輯器、H5發布管理、H5訪問統計、H5數據收集、素材資源管理、表單管理、數據庫定義、個人賬號信息管理。

服務層：

用戶管理、素材資源管理、H5作品管理、作品播放、表單管理、數據庫管理、訪問統計、微信jssdk、微信授權、H5互動數據處理、數據庫服務、語音、圖片處理、消息列隊。

系統支撐層：

Django應用服務器、MySQL 數據庫存儲、MongoDB、Redis 內存數據庫、Memcache 緩存、OSS文件存儲、OpenSearch、Celery 列隊

對比一些簡易化的模板平臺，意派Epub360 H5平臺可以使用更專業的組件，創造更多創意的可能，更大的創作自由空間以及更多的營銷數據效果。

有哪些不用編寫代碼就能輕松制作生成HTML5頁面的工具

做一些H5特效的動態頁面，以前需要專業技術團隊和設計師才能制作。現在通過這些簡單的平臺，你幾分鐘就能免費創作自己的H5頁面。甚至有的你需要做的只是僅僅換上幾張圖，敲幾個字，選自己喜歡的音樂\視頻…一個不錯的H5頁面就出來了。下面介紹幾款HTML5工具（排名不分先后；各平臺可能會有所變更，介紹如果有不準確之處，還望多理解）！

搜狐快海報

快海報是搜狐快站平臺上全新推出的免費H5頁面制作工具，操作也極為簡便易學，完全沒有技術要求。采用拖拽式操作，屬性式設置的模式。一拖一拽，簡單配置，所見即所得，一分鐘即可學會，三分鐘便能完成。還有海量模板即將上線，替換內容即可生成。快海報還支持同一組件的多重動畫設置，讓畫面更豐富更炫酷。

久愛微景秀

久愛微景秀這個平臺制作起來非常簡單，靜態模板和動態模板都有，模板樣式豐富，瀏覽體驗不錯。有多種動態效果以及交互效果可供選擇，多種效果、翻頁動畫、背景音樂、可統計瀏覽量，可以獲得表單反饋信息。所見即所得的在線實時制作技術，很輕松就可以做出很炫的h5頁面。且對于免費用戶來說，全部功能也都是開放的，可以不受限制地做出自己的動態頁面。還可以提供定制服務。

口袋通微雜志

口袋通是一個免費的微商平臺，其場景海報也是為了其電商功能服務，不過免費得版提供的交互較為簡單，沒有多樣的模板。

易傳單

編輯器界面比較友好，設計靈活方便，數據統計與表單上也是亮點所在。除了模板較少之外其他的都是相當好。

epub360意派

這不是奇虎360的，意派的交互功能極為強大，可以說更適合專業的設計師打造的交互設計，動畫效果出色，雖然簡單傻瓜式的模板不多，但自由度相對較高。

易企秀

易企秀有多種動態模板，能實現文本和圖片帶有滑動、隱現、放大縮小等動態效果。同時有ios移動客戶端，在手機上也可創建場景應用，以及數據統計功能。大體上和maka差不多，但是表單和統計是免費也可用，更多功能需要企業會員。

Liveapp場景應用/云來

云來Liveapp是面向企業方的移動場景APP云服務平臺，許多企業都在使用，需購買場景應用。不過，現在云來場景應用正式免費開放，所有“認證企業”都可以申請獲取。免費體驗長達31天，體驗結束后，也會永久保存并持續展示你的場景應用。

Vxplo

Vxplo也是專注在線交互設計，功能強大，同epub360一樣適合專業設計師，可以零代碼制作輕應用。使用上相對較為復雜，不過其甚至也可以用來制作響應式網站，有時間可以試試。

最酷網

最酷網也是一個免費H5場景應用制作和發布平臺。不用懂設計、不用會編程，1分鐘上手制作，平臺針對不同的應用場景和內容展現形式，提供海量的模板、豐富的控件、靈活的動畫特效。用戶可以簡單快速的通過圖片替換、內容編輯，就可以創建屬于自己的、炫酷的云場景應用。

FormFollowsFunction

嚴格來說，FormFollowsFunction不屬于H5制作平臺，而是一個預覽平臺。H5頁面到底能實現什么樣的動畫效果？這一個網站幾乎能看到所有H5能夠實現的動畫效果，引爆你的靈感，并且讓你心中有數。

Weebly

Weebly和Wix也是一款HTML5拖放式智能創建器，支持中文，擁有多種優秀網頁模板和交互效果，并且有IOS和Android客戶端可以管理自己的網頁、隨時隨地跟蹤。

Wix

Wix基于H5技術，向用戶提供多種網頁模板，操作簡單無需代碼，智能拖拽即可實現網頁建設。Wix每個類目下有上百的HTML5模板可供使用，響應式設計，在手機端也有很好的展示。

Ceilfire

Ceilfire是一個創建H5游戲并分享的平臺，點擊進入你就會看到很多的H5頁面游戲。用戶可以直接在瀏覽器中創建游戲、參與游戲、分享游戲，對于想做簡單的H5游戲的朋友可以用這種方式試試手。就算不做也可以看看已有的H5游戲來找找感覺。

平臺或可更多，不能盡述，留待留心發現。

有哪些免費的 HTML 5 制作工具

一、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。

國內幾款比較好用的html5頁面制作工具有哪些？

HTML5被看做是Web開發者創建流行web應用的利器，增加了對視頻和Canvas 2D的支持。用HTML5的優點主要在于，這個技術可以進行跨平臺的使用。比如你開發了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數人對HTML5有興趣的主要原因。今天,我將為大家推薦幾個主流的HTML5開發工具。

1、Sublime Text

Sublime Text是一個跨平臺的代碼編輯器，同時支持Windows、Linux、Mac OS X等操作系統，也是HTML的文本編輯器。

Sublime Text具有漂亮的用戶界面和強大的功能，主要功能包括：拼寫檢查、書簽、完整的 Python API 、Goto 功能、即時項目切換、多選擇、多窗口等等。

2、Dreamweaver cc

Dreamweaver是集網頁制作和管理網站于一身的所見即所得網頁編輯器，擁有可視化編輯界面，支持代碼、拆分、設計、實時視圖等多種方式來創作、編寫和修改網頁，初學HTML5的人可以無需編寫任何代碼就能快速創建Web頁面。

3、Adobe Edge

Adobe Edge是一款新型網頁互動工具，允許設計師通過HTML5、CSS和Java制作網頁動畫。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構一致性。

4、WebStorm

WebStorm是一款Java開發工具，WebStorm具有的優勢是：智能的代碼補全、代碼格式化、html提示、聯想查詢、代碼重構、代碼檢查和快速修復、代碼調試、代碼結構瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、HBuilder

HBuilder，即Html Builder的縮寫，Builder是建造者的意思。HBuilder是一個極客工具，追求無鼠標的極速操作，不管是敲代碼的快捷設定，還是操作功能的快捷設定，都融入了效率第一的設計思想。

6、visual studio code

一個運行于Mac OS X、Windows和 Linux 之上的，針對于編寫現代Web和云應用的跨平臺源代碼編輯器。該編輯器也集成了所有一款現代編輯器所應該具備的特性，包括語法高亮，可定制的熱鍵綁定，括號匹配以及代碼片段收集。

7. DevExtreme

DevExtreme Complete Subion是性能比較好的的HTML5、CSS和Java移動開發框架，可以直接在Visual Studio集成開發環境，構建iOS、Android、Tizen和Windows Phone 8應用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發環境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發人員開發跨平臺移動產品的首選工具。

8. Sencha Architect

在開發移動和桌面應用的工具中，Sencha的定位是HTML5可視化應用開發。開發團隊可以在一個單一集成的環境中完成應用的設計、開發和部署。開發者還可以開發Sencha Touch2和Ext JS4 Java應用，并實時預覽。

開發工具的選擇，可以說是開發者社區中一個經久不衰的話題，現今編輯器的數量數不勝數，vim、sublime Text,Emacs,Atom等等，那么對于一個開發者而言，挑選一個合適的編輯器是可以有效的提高編程效率;那么以上是我為大家推薦的幾款開發工具啦，大家可根據自己的喜好選擇哦！