以通用模板为例
首页:

(图2-1)
默认列表页:

(图2-2)
默认文章页:

(图2-3)
3个模板文件,结构默认为三个部分分别为页头(header)、主体(container)和页脚(footer)
文件结构:

(图2-4)
布局样式:

(图2-5)

(图2-6)
框架里面三个模块,即相互独立又存在共性,
共性:都使用了类样式“wrapper”,在样式表(图2-5)中定义了全局样式 .wrapper .inner {width:1000px;margin:0 auto;} /**页面全局宽度**/,页面定义宽度1000px;
独立:见(图2-6),可以分别来定义样式来表现;