前面的文章中介紹了編輯博客模板的基本常識，包括 HTML 語言，CSS 樣式表 和 簡單的模板布局方案 等。然而，這些都是比較淺顯的入門知識，現實中使用的博客模板是非常復雜的，僅僅了解這些內容遠遠不夠，要想真正從頭設計，還需閱讀很多現有的博客模板代碼，借鑒其它人的經驗。在這里，我向您推薦一款開源免費的文本編輯器：Notepad++，它可以在您閱讀網頁代碼時給您很大幫助。 
Notepad++ 如何給代碼閱讀帶來幫助呢？如前面的教程中講到的，HTML 代碼是成對的網頁標簽層層包裹的結構，而在博客模板中，通常是用 div 這種矩形塊來布局。所以，要理解模板結構，首先應當看到最外層的 div 標簽是如何排放的，這樣就看到了整個模板的框架，隨后再分析每個 div 內部的代碼就可以逐步把握整個博客模板的結構了。Notepad++ 有一個很棒的功能，那就是將網頁代碼顯示為可折疊的形式，當您不關心一對標簽內部的結構時，可以輕松地將這部分內容折疊起來，只留下您感興趣的部分。
當然 Notepad++ 并非沒有缺點，如果某個博客首頁的代碼寫得不規范，它也可能對網頁的結構做出錯誤的分析。比如我曾在一篇文章中嵌入一個媒體文件，但沒有嚴格按規范書寫，只寫了 <embed ...> 而沒有寫關閉標簽 </embed>。結果 Notepad++ 就把它和后面緊鄰的 </div> 配對了；此外，一定讓重要的起始標簽另起一行，比如 <head>...</head><body> 這樣的寫法就會造成折疊 <head> 標簽的時候把整個 <body>...</body> 都隱藏掉。要避免這種情況，利用查找替換功能將代碼中所有的 "><" 都通過正則表達式替換為 ">\n<"即可。
也許有些朋友會問，我聽說設計網頁都用 Dreamweaver，沒怎么聽過這個 Notepad++ 啊？個人認為 Dreamweaver 是設計整個網站的時候才需要的工具，用來設計博客模板會有大材小用的感覺。其實我用過的網頁編輯工具中最棒的當屬微軟的 VS.NET 2005，不僅啟動速度超快，對網頁代碼分析糾錯的能力也很強，還能根據代碼結構重新縮進，使代碼層次分明，更具可讀性。遺憾的是它是個體積超過 2 G 的大家伙而且價格昂貴，除了專業編程人員，恐怕沒人會考慮用它來編輯博客模板了。
其它推薦軟件：TopStyle(精簡版免費)，UltraEdit-32(收費)
