一直在考虑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)等图片处理软件将需要制作的界面布局简单的构画出来，以下是我构思好的界面布局图。
