常用的工具
==================================================
1. 安裝和使用瀏覽器 Firefox, 再加上其他插件，是非常好的工具！-------------------------------------------------------------------------------------------------------------------
A. 加上插件 Web Developer 插件, 在我來說，這是殺手工具！-----------------------------http://chrispederick.com/work/firefox/webdeveloper/可以即時預覽佈景各個情況，是否有多餘的外加物，例如在修改時不小心加上的錯誤，
A1. 可使用 OutLine 中其中任何一項，來檢查問題：
--------------------------------------------------------------------
有中文的，不過我一般使用英文介面，所以只有英文
Outline Block Level Elements Outlines all block level elements and indicates the element type.
Outline Deprecated Elements Outlines all elements deprecated in HTML 4.0.
Outline Frames Outlines all frames.
Outline Links Without Title Attributes Outlines any link without a title attribute.
Outline Selected Element Outlines the selected element.
Outline Table Cells Outlines all table cells.
Outline Tables Outlines all tables.
Outline Custom Elements... Outlines all custom elements specified by the user.
A2. 檢查源碼，看看有沒有異樣
----------------------------------------
A3. 其他工具 ....如 CSS 工具組
---------------------------------------
A4. 應用示範
------------------
Re: 如何修改發票顯示項目
http://open.38.com/index.php/topic,1543.msg5740.html#msg5740-------------------------------------
B. ViewSourceWith - 觀看源碼 View Source With - Firefox 插件
-----------------------------https://addons.mozilla.org/extensions/moreinfo.php?id=394&application=firefox加強 Firefox 的觀看源碼功能，可另設和連接外部編輯器和應用程式，如 GIMP, ACDSee, 使用 Acrobat 打開 PDF 連接等等，大大方便了在編輯時的工作。
C. X-Ray - Firefox 插件-----------------------------http://www.designmeme.com/xray/直接在網頁面上，顯示所用的 Html Tags, 可以幫助在找尋、參考和除錯時的工作，無需不斷要分別在源碼和頁面之間的來回對比和花時間和精神。
D. Aardvark 食蟻獸 - Firefox 插件-----------------------------方便快速搜尋 Html 元件，可以用滑鼠的指向，以視覺方式，顯示出分別不同的各 Html 元件，如 tags, ID, class 等，
也可以分別的，選擇性的，列出分別不同的各個部份的 Html 元件源碼，
最重要的，它有列印功能，但這個不是現在討論的焦點，是它可以在已顯示的頁面中，把不需要的組件除去或更改，作為列印之用，這在作為示範或特定用途上，非常有用。
E. ColorZilla - Firefox 插件
-----------------------------在製造模板時少不了的調色盤，可以攫取在瀏覽中網頁上的顏色，
F. MeasureIt - Firefox 插件
-----------------------------網頁面上的尺規，方便量度大少
G. Screen Grab! - Firefox 插件
-----------------------------網頁的畫面攫取工具，無論您要攫取的畫面有多長，也一次搞定，暫時只支援 .png 的圖檔輸出格式，
無需後期處理和併合，比一般方法，效率強了非常之多，是示範和製造說明文件的好工具。
H. Xinha Here! - HTML 編輯器 - Firefox 插件
-----------------------------在 Firefox 加上 Xinaha (所見即所得編輯器， 取代 HTMLArea 的新後續者)，
這有什麼用？我的網站已經有安裝了？不是重複了嗎？
這個是在個人本地電腦安裝的版本，不佔用您的網站上的資源，您的網站無論有沒有安裝郪可以使用，
即在任何需要編輯 HTML 的網頁都可以用，如編寫產品介紹等等。
如果您在您的網站安裝和使用 HTMLArea 有問題的，使用這個本地插件，會減少您的不少煩惱。
=====================================================
=====================================================
2. 使用 Dereamweaver 檢查有關檔案，是否有錯誤，包括代碼，但主要是檢視表格方面。
=====================================================
3. Topstyle - CSS 的編輯器-----------------------------Topstyle Lite 為免費版, Pro 版為零售版
http://www.bradsoft.com/topstyle/index.asp好處是可快速修改，有指令一覽，指令和參數自動導入，編輯中的參數和顏色歸納索引，
可快速搜找，包括文本和顏色等等 ....，對初學者來說，非常有用，
應該內帶在 Dereamweaver 之中，不過沒有留意和使用，因為 DW 太慢，不經常用
=====================================================
這裡會不定期更新，
如果大家還有其他的工具，歡迎提供意見，大家一同分享經驗！
