DIV CSS 佈局教程網

正所謂“工欲善其事，必先利其器”，對web開發人員來說，好工具的使用總會給人帶來事半功倍的效果。正准備學習Html5或者已經進行了一段時間的Html5開發的童鞋，都有必要了解下，Html5都有哪些開發工具，哪款開發工具更適合我?下面就一一盤點下：

一、Html5開發工具之Adobe Dreamweaver

首先是大名鼎鼎的Adobe Dreamweaver，Adobe Dreamweaver 軟件使設計人員和開發人員能充滿自信地構建基於標准的網站。由於同新的 Adobe CS Live 在線服務 Adobe BrowserLab 集成，您能以可視方式或直接在代碼中進行設計，使用內容管理系統開發頁面並實現精確的浏覽器兼容性測試。

Adobe Dreamweaver CS5版本通過Adobe HTML5 Pack這一擴展，用戶可以更輕松地創建和優化其作品。 Adobe HTML5開發工具Pack包括標識HTML5 和 CSS3 功能的新代碼，從而使Dreamweaver 用戶能夠方便地使用Html5標記。Html5開發工具擴展包還更新和改進了WebKit引擎以支持Dreamweaver CS5 實時視圖中的視頻和音頻。用戶利用CSS3新功能能夠更方便地設計多屏網頁，並且可以預覽在多種浏覽器和設備之間進行渲染的過程。

而最新版本的Adobe Dreamweaver CS5.5的突出新特點就是直接提供了對Html5的支持：

通過 CSS 面板設置樣式，該面板經過更新可支持新的 CSS3 規則。設計視圖現在支持媒體查詢，在您調整屏幕尺寸的同時可應用不同的樣式。使用 Html5 進行前瞻性的編碼，同時提供代碼提示和設計視圖渲染支持。