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