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}-->

仿制代码 如下图所示