1. 程式人生 > >前端新手常用的幾款HTML5開發工具

前端新手常用的幾款HTML5開發工具

        隨著移動網際網路飛速發展,html5語言的出世也受到廣大開發者們的喜愛,HTML5被看做是web開發者建立流行web應用的利器,增加了對視訊和Canvas 2D的支援。HTML5的誕生還讓人們重新審視瀏覽器專用多媒體外掛的未來,如Adobe的Flash和微軟的Silverlight,HTML5為實現這些外掛的功能提供了一種標準化的方式。在如今日新月異的移動時代,除了iOS、Android兩大平臺,還有Windows Phone、Blackberry、Bada等多個競爭,恰恰給了HTML5展現才能的機會。
  很多對html5的同學感興趣想學習都不知道html5開發工具有哪些,具體哪一個最好用。今天就為大家推薦8款經常會用到的html5開發工具
  Dreamweaver CS6
  第一個要說的是Dreamweaver,我大學用的第一款工具就是Dreamweaver。不過是Dreamweaver8,Dreamweaver CS6 是世界頂級軟體廠商Adobe推出的一套擁有視覺化編輯介面,用於製作並編輯網站和移動應用程式的網頁設計軟體。
  由於它支援程式碼、拆分、設計、實時檢視等多種方式來創作、編寫和修改網頁,對於初級人員,你可以無需編寫任何程式碼就能快速建立Web頁面。其成熟的程式碼編輯工具更適用於Web開發高階人員的創作!
  CS6新版本使用了自適應網格版面建立頁面,在釋出前使用多螢幕預覽審閱設計,可大大提高工作效率。改善的 FTP 效能,更高效地傳輸大型檔案。“實時檢視”和“多螢幕預覽”面板可呈現 HTML5 程式碼,更能夠檢查自己的工作。
  程式碼編輯器(Notepad++)
  Notepad++ 程式設計師必備的文字編輯器,軟體小巧高效,支援27種程式語言,通吃C,C++ ,Java ,C#, XML, HTML, PHP,JS 等,推薦各位下載使用。Notepad++ 可完美地取代微軟的記事本。
  hbuilder
  hbuilder是DCloud推出的一款支援HTML5的Web開發IDE。快,是HBuilder的最大優勢,通過完整的語法提示和程式碼輸入法、程式碼塊等,大幅提升HTML、js、css的開發效率。同時,它還包括最全面的語法庫和瀏覽器相容性資料。
  EditPlus
  EditPlus是一款為Internet準備的、運行於Windows 下的32位文字、html編輯器, 同時也是程式設計師們非常喜愛的編輯器。你完全可以用它代替Windows筆記本, 它也為許多網頁高手和程式設計師提供便利!
  Adobe Edge
  目前還處於預覽階段的Adobe Edge 是用HTML5、CSS、Java開發動態互動內容的設計工具。內容可以同時相容移動裝置和桌面電腦。Edge的一個重要功能是web工具包介面,方便確保頁面在不同瀏覽器中的架構一致性,此外Edge還將整合TypeKit這樣的字型服務。
  動畫和圖形可以新增到HTML元素中,程式也能通過Edge自身的程式碼片段庫或者Java程式碼進行擴充套件。動畫可以在獨立的時間線上進行巢狀,還能實現互動功能。符合可以服用並通過API和程式碼片段控制。通過Edge設計的內容可以相容iOS和Android裝置,也可以執行在火狐、Chrome、Safari和IE9等主流瀏覽器。
  Adobe Dreamweaver CS6
  Adobe Dreamweaver CS6作為一個web設計軟體,提供了對HTML網站和移動程式的視覺化編輯介面。其Fluid Grid 排版系統整合CSS樣式表功能,提供自適應版面的跨平臺相容性。開發者可以完全實現web設計的視覺化操作,無需為程式碼所困。
  MyEclipse
  MyEclipse,是十分優秀的用於開發Java, J2EE的Eclipse外掛集合,MyEclipse的功能非常強大,支援也十分廣泛,尤其是對各種開源產品的支援十分不錯。
  高階文字編輯器(Sublime Text)
  Sublime Text 很讚的程式碼編輯器,介面設定非常人性化,左邊是程式碼縮圖,右邊是程式碼區域,你可以在左邊的程式碼縮圖區域輕鬆定位程式程式碼的位置,高亮色彩功能非常方便程式設計工作。