在本文中，我们将探讨如何将已经切割好的HTML页面或模仿的页面转换为可供DIY（自定义）的模板。以下是具体的操作步骤，以家居频道为例进行讲解。
请跟随教程一步一步操作 如有疑问请提出
首先，一个完整的HTML页面通常包含以下几个元素：图片文件夹、CSS文件夹、其他资源文件夹以及一个HTML页面。
下面我们来看一下页面效果：
接下来，我们将这个页面转换成可自定义的模板。
第一步，使用编辑工具打开index.html页面。
为了实现统一的头部样式，我们需要引入系统内置的头部文件（header），并删除页面中原有的头部信息。
接下来，将系统头部（header）引入到HTML页面中：
<!--{subtemplate common/header}-->
然后，为新的模板命名：
<!--[name]家居频道模板[/name]-->
接下来，添加可供DIY的CSS样式表：
<style id="diy_style" type="text/css"></style>
最后一步是替换底部代码。找到原有的底部代码并删除，然后插入系统内置的通用底部代码：
<!--{subtemplate common/footer}-->
完成以上步骤后，您就可以获得一个支持DIY的HTML模板了。希望这篇教程对您有所帮助！
