本節(jié)向大家描述一下開發(fā)和調(diào)試DIV CSS工具集合，比如工具AdobeDreamweaver：簡稱DW，比較好的網(wǎng)頁設(shè)計軟件，具體代碼、拆分、設(shè)計（預(yù)覽）功能特性，重要在寫Html和CSS的時候具有提示選擇功能。

開發(fā)DIV CSS工具集合

WEB網(wǎng)頁美工設(shè)計開發(fā)工具：

AdobePhotoshop：簡稱PS，網(wǎng)頁美工開發(fā)設(shè)計的好工具（推薦）。

AdobeIllustrator：Adobe公司出品矢量圖形圖像設(shè)計軟件。

AdobeImageReady：這個應(yīng)該算Photoshop的兄弟，一般安裝了Photoshop軟件就同時安裝了ImageReady，那它有什么用，ImageReady工具特別重要，主要是準確把圖片文件切成小的jpg,gif,png等格式，直接最終DIV CSS能用的圖片素材文件。大多數(shù)的圖片都是由此軟件切出的-ImageReadyCSS切片輸出教程。

MacromediaFireworks：網(wǎng)頁美工開發(fā)設(shè)計軟件。

CorelDRAW：矢量圖型編輯設(shè)計軟件，應(yīng)用于商標設(shè)計、標志制作、模型繪制、插圖描畫、排版及分色輸出等等諸多領(lǐng)域的一個強大的繪圖軟件。

WEB網(wǎng)頁DIV CSS開發(fā)設(shè)計工具（CSS工具）：

記事本：高手英文輸入速度快使用-高手手寫工具。

WestCivStyleMaster：一款領(lǐng)先的跨平臺的級聯(lián)樣式表單（CSS）開發(fā)工具。

EngInSiteCSSEditor：一個具有完整功能的、集成的層疊樣式表(CSS樣式)開發(fā)工具。本軟件是一個可以對層疊樣式表（CSS）進行各種開發(fā)的工具。

AdobeDreamweaver：簡稱DW，比較好的網(wǎng)頁設(shè)計軟件，具體代碼、拆分、設(shè)計（預(yù)覽）功能特性，重要在寫Html和CSS的時候具有提示選擇功能。查看Dreamweaver開發(fā)css技巧（推薦）

MicrosoftOfficeFrontPage：制作表單式網(wǎng)頁的常用工具。

MicrosoftVisualStudio：微軟強大的ASPX.NET程序開發(fā)工具，開發(fā)CSS具有輸入提示選擇功能，軟件文件比較大。

ExpressionWebSuperPreview：ExpressionWeb完全是目前有很多集成了IE各各版本的調(diào)試工具。如IETester、MultipleIE、IECollection等等同時也有在CSS開發(fā)時有提示選擇功能。

WEB網(wǎng)頁DIV CSS開發(fā)調(diào)試工具：

IETester：集成了微軟IE5.5、IE6、IE7、IE8瀏覽器內(nèi)核，是DIV+CSS調(diào)試瀏覽器兼容不可缺少CSS調(diào)試工具（推薦）。

谷歌瀏覽器（chrome）：一款設(shè)計極簡潔干凈大方、技術(shù)先進的IE瀏覽器，讓你開心快樂瀏覽無毒網(wǎng)頁，免受網(wǎng)頁病毒煩惱。

火狐（Firefox）：號稱標準的IE瀏覽器，國外使用者比較多。

W3C認證網(wǎng)址：

W3C-CSS認證：http://jigsaw.w3.org/css-validator/DIV+CSS驗證講解

W3C-html與Xhtml認證：http://validator.w3.org/

以上是總結(jié)的DIV CSS網(wǎng)頁-html-xhtml從美工到CSS中常用的設(shè)計、開發(fā)、調(diào)試等CSS工具和網(wǎng)頁制作工具。以上工具只是常用CSS開發(fā)調(diào)試工具只供參考，因各人愛好、個性等不同，應(yīng)在平時設(shè)計開發(fā)制作中總結(jié)和選擇適合自己軟件工具，最終到達和提高自己的CSS頁面設(shè)計速度，從而節(jié)約時間。
 

【編輯推薦】

1. DIV CSS網(wǎng)頁布局時合理架構(gòu)CSS
2. 技術(shù)分享 如何實現(xiàn)CSS橫向?qū)Ш?/a>
3. 技術(shù)分享 DIV CSS網(wǎng)站布局八大竅門
4. DIV CSS中id與class使用用原則與技巧
5. 鼠標經(jīng)過時改變DIV背景顏色的三種途徑