discuzX教程教你如何把切割好的html页面转换成可供DIY的页面高级教程

今天给大家讲讲 如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面

请跟随教程一步一步操作  如有疑问请提出 

以下以家居频道为例为大家讲解
我们常见的切割好的html页面包含这么几个元素 
如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面  

大家看下页面效果
 

接下来，我们就把这个页面转换成DIY页面  
首页我们用编辑工具打开 index.html页面
我们为了能够使用统一的头部样式，这里面我们引入系统内置的头部文件（header）把页面中的关于头部的信息删除
如下图所示
把系统头部（header）引入进来 
引用代码

1. <!--{subtemplate common/header}-->

复制代码 如下图所示 
给新的模板起个名字 
如下代码

1. <!--[name]家居频道模板[/name]-->

复制代码 接下来增加可供DIY的CSS样式表
如下代码

1. <style id=diy_style type=text/css></style>

复制代码 头部
接下来更换底部代码  
找到底部代码删除掉 换成系统内置的通用底部代码   
增加如下代码

1. <!--{subtemplate common/footer}-->

复制代码