在本文中，我们将探讨如何将已经切割好的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模板了。希望这篇教程对您有所帮助！

EyouCms,简单易用的企业网站管理系统,点击了解更多