一直在考慮part2乃至后面的內容應該怎么寫才能真的如我所說的“和搭積木一樣簡單”，于是決定直接拿出實例來寫，也就是說接下來的內容就是KD02這個模版的制作過程。
首先先決定模版的整體樣式，KD02被決定為兩欄模版、固定寬度、居中，所不同的是在內容和頁腳中間我決定增加一個區塊。由此先做一個簡單的html文檔，用色塊把大致的樣子表現出來，內容如下：
標簽歸檔：教程
海豚的WordPress Theme教程 part1
系列教程均轉自海豚微笑的背后
這篇和接下來幾篇可以看作是制作KD02這個模版的一些心得和總結，其中大有可能存在謬誤或錯漏之處，權作參考。不過話說回來，看完后自己弄個可以看看的模版還是沒問題的。
這篇內容很簡單，只是介紹一下需要的工具和WordPress模版的基本結構文件。
工具：
一個有代碼高亮功能的編輯器，Windows推薦Editplus和Crimson Editor，這兩個比較小巧，而且后者是免費的。Linux我就不具體推薦了，估計大家都有自己順手的。
FireFox + WebDeveloper，這個組合我提過很多次了，具體可以看一下鏈接里的介紹。
Internet Explorer，這個誰都有吧，做完了模版還是需要放到這里來看看的，我們不能回避占有量第一的事實，即使它并不標準。
DIV+CSS布局入門教程(六)
這半個月以來今天是頭一天在20:00左右下班，想起關于這個教程一直沒有完成，心里感覺非常不踏實。兩個月前剛辭職，本想把教程全部完成，但是由于一次不幸，導致硬盤中的數據大部分丟失，本寫了一半的教程也隨之灰飛煙滅。但最近有許多的網友通過博客、QQ、MSN、E-MAIL等途徑與我聯系，希望能繼續更新這個教程，甚至有網友居然撥打我的手機(我不知道大家是如何知道我的號碼的，，哎~~)被大家所感動，時間雖然很緊，但還是抽點時間來盡量完成這個教程吧~~就像鯨魚叔叔所說的，時間就是奶，越擠就越多~~
首先，有些東西需要說明一下。對于之前的文章，由于為了讓大家更好的區分各層的關系，教程中不少地方使用了大寫的CLASS或者ID，其實這樣做是不推薦的，我推薦的方法是使用單詞之間增加下劃線，或者單詞拼接的方法。因為CSS是區分大小寫的。大家可以看到，我提供給大家的下載文件中全部都是使用小寫來處理的。
我們先來處理sidebar的樣式，經過分析，我們可以得知，sidebar有四個部分，我們將這四個部分分為四個層：
Div+CSS布局入門教程(五)
四、頁面制作(1)—-用好border和clear
由于找工作找房子的原因，隔了這么久才能開始寫教程，心里感覺很對不起一直在關注本站的朋友，今天是找到房子的第二天，于是趕快繼續寫教程。
這一節里面，主要就是想告訴大家如何使用好border和clear這兩個屬性。
Div+CSS布局入門教程(四)
三、頁面頂部制作(2)—-使用列表li制作菜單
開始此節的學習前，請確認你已經參照之前的幾節內容寫入了DIV、CSS到index.htm和css.css文件中。
這一節我將告訴大家如何用列表li來制作菜單。
Div+CSS布局入門教程(三)
三、頁面頂部制作(1)
當我們寫好了頁面大致的DIV結構后，我們就可以開始細致地對每一個部分進行制作了。
在上一章中我們寫入了一些樣式，那些樣式是為了預覽結構而寫入的，我們把css.css中的樣式全部清除掉，重新寫入以下樣式代碼：
Div+CSS布局入門教程(二)
Div+CSS布局入門教程(一)
一、頁面布局與規劃
好久沒有認真寫點東西了，想起最近這些時間經常有朋友問到我有關于DIV+CSS布局的問題，其實歸根結底還是由于沒有入門造成的。那么接下來的這篇文章就帶領大家入門吧…
在網頁制作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關于HTML的基本知識，而在你學習這篇入門教程之前，請確定你已經具有了一定的HTML基礎。下面我們就開始一步一步使用DIV+CSS進行網頁布局設計吧。
所有的設計第一步就是構思，構思好了，一般來說還需要用PhotoShop或FireWorks(以下簡稱PS或FW)等圖片處理軟件將需要制作的界面布局簡單的構畫出來，以下是我構思好的界面布局圖。
