页面模板

模板与实例

观察站点中的各页面，其组成通常可以分解为两部分：

• 模板： 同一类页面所共享的界面结构或样式
• 内容： 变化的内容
• 页面实例 = 模板 + 内容

页面模板

Web站点中通常包括如下模板

• 站点模板：整个站点所共享的界面及样式
• 页面类型模板：同一页面类型（首页、列表页、详情页、表单页）所共享的模板
• 内容类型模板：对于具有多个内容类型的站点，由于内容的结构不同（比如博文和商品的渲染方式肯定有区别），为不同的内容类型设计不同的页面模板。

当查看同一页面类型（如详细页）的不同页面实例，我们会发现其页面结构保持不变，仅仅是内容变换了，这就形成了模板的概念：

站点模板

• 上下三行布局：
  • 站点头：包含Logo、主导航栏等
  • 主体区域
  • 站点底：包含站点的版权信息、ICP信息等
• 主体区域布局：
  • 侧栏：次导航(如博文分类菜单)、访问者统计区块等
  • 内容区域：根据页面类型的不同，动态显示博文列表、详细页等

多站点模板

复杂的站点可能会有多个站点模板，比如：

• 买家中心或者前台站点采用A模板，两栏布局，更个性化、更华丽的设计
• 卖家中心或者后台站点采用B模板，三栏布局，更整齐划一和易于管理的设计

页面类型模板

根据不同类型的页面，设计不同的模板。显然，首页、列表页、详情页、表单页的页面布局和设计风格是存在差异，难以共用的。

内容类型模板

根据内容类型的不同，设计不同的模板。比如博文类型与商品类型。一般来说，尤其是详情页，会单独设计不同的页面模板