孔子曰：“工欲善其事，必先利其器”， 學(xué)習(xí)html和div+css，要少走彎路，多提高水平，工具的選擇也有技巧。筆者最近總結(jié)了幾種最常用的軟件和一些瀏覽器插件，讓你在學(xué)習(xí)html和div+css中事半功倍。
最常用的軟件工具
一、Dreamweaver
它是個原本由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。它使用所見即所得的接口，亦有HTML編輯的功能。
特點：功能強，普及率高。到目前為止，全世界范圍超過 60% 的專業(yè)網(wǎng)頁設(shè)計師都在使用 Dreamweaver。
界面截圖：
二、Frontpage
它是微軟公司出品的一款網(wǎng)頁制作入門級軟件。FrontPage使用方便簡單，會用Word就能做網(wǎng)頁，所見即所得是其特點，該軟件結(jié)合了設(shè)計、程式碼、預(yù)覽三種模式。微軟在2006年年底前停止提供FrontPage軟件。
特點：簡單易用，適合初學(xué)者。
界面截圖：
三、記事本
初學(xué)者可以用記事本練習(xí)寫代碼，但是由于編寫大一點的網(wǎng)站需要成千上萬條代碼，如果都手動編寫，大大降低了工作效率，所以，不建議用記事本編寫代碼。
常用的瀏覽器插件
一、火狐瀏覽器插件
1．Firebug：安裝這個插件后也會在瀏覽器右下角（有的版本是在右上角）生成一個圖標，綠色對號表示當前網(wǎng)頁的Javaｓｃｒｉｐｔ通過驗證，并能對錯誤的Javaｓｃｒｉｐｔ代碼debug。我們暫時并不需要這個功能。需要用到的功能是其Inspector，你需要通過定制工具欄，把Inspector的"眼鏡"圖標拖入工具欄。點擊Inspector圖標后，將鼠標移到網(wǎng)頁任意位置，你就能在靠下的窗口看到網(wǎng)頁Html文件的相應(yīng)源代碼，在網(wǎng)頁調(diào)試時非常有用。（左側(cè)可以查看html和js腳本，右側(cè)可以查看對應(yīng)的css）。具體截圖：
2. ColorZilla：方便提取網(wǎng)頁中任何元素的顏色。
二、IE瀏覽器插件Web Developer
Web Developer：功能很強大，其直接查看網(wǎng)頁css代碼功能，頁面信息的顯示，以及驗證css和Html的功能非常實用。
三、谷歌瀏覽器
在想要查看的網(wǎng)頁上點擊右鍵-審查元素，此處的功能和firebug相同
截圖如下:
總結(jié)：對于初學(xué)者來說，以上工具是必須掌握的，就像一個戰(zhàn)士，它需要用武器上陣殺敵，而掌握這些工具，就是程序員們的武器。
版權(quán)地址：http://xiaoleijianan.blog.163.com/blog/static/8287470620121575847487/轉(zhuǎn)載請注明出處。
推薦閱讀
現(xiàn)在做網(wǎng)站，估計最煩的就是備案了，很多朋友等不了的，就直接搞個國外空間和香港空間了，但是還是不穩(wěn)定，到時候想換回國內(nèi)空間的時候，很麻煩，所以我自己就選擇了先備案，沒有想到一備案備案了4次，前3次都沒有成>>>詳細閱讀
本文標題：肖蕾：學(xué)習(xí)html和div+css必備工具
地址：http://www.sdlzkt.com/a/xie/20120206/28445.html
網(wǎng)友點評
精彩導(dǎo)讀
科技快報
品牌展示