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

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

成都網(wǎng)站建設(shè)公司更懂你！成都創(chuàng)新互聯(lián)公司只做搜索引擎喜歡的網(wǎng)站！成都網(wǎng)站制作前臺采用搜索引擎認可的DIV+CSS架構(gòu),全站HTML靜態(tài),H5技術(shù)+CSS3網(wǎng)站,提供：網(wǎng)站建設(shè)，微信開發(fā)，重慶小程序開發(fā)公司，成都做商城網(wǎng)站，重慶APP開發(fā)，空間域名，服務(wù)器租售，網(wǎng)站代托管運營，微信公眾號代托管運營。

1、Sublime Text

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

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

2、Dreamweaver cc

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

3、Adobe Edge

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

4、WebStorm

WebStorm是一款Java開發(fā)工具，WebStorm具有的優(yōu)勢是：智能的代碼補全、代碼格式化、html提示、聯(lián)想查詢、代碼重構(gòu)、代碼檢查和快速修復(fù)、代碼調(diào)試、代碼結(jié)構(gòu)瀏覽、代碼折疊、包裹或者去掉外圍代碼。

5、HBuilder

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

6、visual studio code

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

7. DevExtreme

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

8. Sencha Architect

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 Java應(yīng)用，并實時預(yù)覽。

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

編輯HTML文件的工具有哪些？

有以下的工具：

1、Notepad

notepad（記事本）是代碼編輯器或WINDOWS中的小程序，用于文本編輯，在文字編輯方面與Windows寫字板功能相當。是一款開源、小巧、免費的純文本編輯器。

2、Sublime Text

是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計為一個具有豐富擴展功能的Vim。

3、HBuilder

是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。?[1]??HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。

4、Adobe?Dreamweaver

DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。利用對?HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計師和程序員可以在幾乎任何地方快速制作和進行網(wǎng)站建設(shè)。

5、CoffeeCup HTML Editor

是CoffeeCup Software公司推出的一款體積較小的易用的html代碼編輯器。

參考資料來源：百度百科-notepad

參考資料來源：百度百科-Sublime Text

參考資料來源：百度百科-HBuilder

html5編輯器哪個好用

一、Adobe Edge

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

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

二、Adobe Dreamweaver CS6

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

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

三、Adobe ColdFusion 10

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

四、Sencha Architect 2

在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實時預(yù)覽。

五、Sencha Touch 2

Sencha Touch2是移動應(yīng)用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應(yīng)用。

六、Dojo Foundation Maqetta

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

七、微軟Visual Studio 2010 ServicePack 1

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

八、JetBrains WebStorm 4.0

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

九、Google Web Toolkit

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

HTML5是什么？具體是干什么的？

HTML的全稱是超文本標記語言，是一種標記語言。它包括一系列標簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。HTML是由HTML命令組成的描述性文本，可以解釋文字、圖形、動畫、聲音、表格、鏈接等。Html是一種用來描述網(wǎng)頁的語言。它被稱為超文本標記語言，它是一種標記語言。它包括一系列標簽，可以統(tǒng)一網(wǎng)絡(luò)上文檔的格式，將分散的互聯(lián)網(wǎng)資源連接成一個邏輯整體。

html5常用的開發(fā)工具是哪些？

第一、【Google Web Toolkit】是現(xiàn)在大家還不熟悉的工具之一，主要用于開發(fā)瀏覽器應(yīng)用的一個工具，不過庫中支持很多【HTML5】的功能，包括對客戶端，或者是web存儲的支持，都可以實現(xiàn)。

第二、還有一種是【JetBrains WebStorm】工具，需要創(chuàng)建HTML文檔時可獲得對【HTML5】文件的支持，現(xiàn)在的運用很多，比如砍伐者鍵入，使用者可以在【chrome】瀏覽器中及時的預(yù)覽【HTML】的文檔很方便。

第三、微軟的【Visual Studio 2010 SP1】中提供了IntelliSense這個項目，也就是說追加了針對【HTML5】的一些元素，總體使用起來還是比較好的，但是我們要結(jié)合【ddhu】的一些實用工具。

第四、【Dojo Foundation Maqetta】是一個不錯的選擇，這款是工具是來自于【IBM】項目之一，【Dojo Foundation Maqetta】是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，瀏覽器即可使用。

第五、當然還有【Sencha Touch2】是移動應(yīng)用框架的一種，可以當做一個重要【Sencha】的HTML5平臺，使用者可以用它開發(fā)面向【iOS】進行制作和使用，也可以【Android】和【Blackberry、Kindle Fire】使用。

第六、現(xiàn)在我們繼續(xù)介紹【Sencha】，這款工具的主要定位是【HTML5】的可視化開發(fā)研究，一般來說開發(fā)團隊可以在一個任務(wù)，然后做一個集成的環(huán)境，然后在這個環(huán)境中完成應(yīng)用的設(shè)計和開發(fā)，以及需要的部署。

第七、我們來介紹一下【Adobe ColdFusion 】，這款工具主要是用來開發(fā)企業(yè)【W(wǎng)eb】程序的一個技術(shù)，通過【W(wǎng)ebsockets】和互動表單以及視頻等來做出【HTML5】技術(shù)，創(chuàng)建一種用戶體驗。

第八、最后【Adobe Dreamweaver CS6】作為一個【W(wǎng)eb】端口的一種設(shè)計軟件，這款工具提供了對【HTML】網(wǎng)站和移動程序的可視化編輯界面，整體來說使用也是比較的方便。