前言：
本教程将向您介绍如何制作帝国CMS网站的首页模板。

第一、找到首页模板

1、登录后台，单击“模板”菜单，选择“首页模板”子菜单，进入修改首页模板界面：

2、进入修改首页模板界面

3、首页模板支持的变量说明

第二、制作首页html模板。

1、html模板可以自己写，也可以网上找，通常直接网上找就行，现成模板有很多，比如本站就有很多。

2、直接粘贴html代码到编辑器里面就搞定了。如下图所示：因内容过多，只展示其中一部分。

注释：网页主要分为三部分：头部（head）、主体（body）、页脚（footer），其中footer通常放在body里面。因为很多页面的头部和页脚是一样的，所以这两部分通常会抽取出来，做成公共的模板，后面我们会讲到。另外大家在做的时候，要注意代码的规范性。

3、把代码放入首页模板里去，复制完毕后，点击【修改】，保存代码。

4、保存完毕后，点击【模板】，点击【数据更新】，点击【刷新首页】

5、点击【网站首页】，以便查看生成的效果，通常浏览器会有缓存，建议查看时按快捷键ctrl+f5强制刷新下页面。

6、效果如下：

7、为什么页面布局错乱了呢？这是因为CSS、JS、和图片的路径不对，导致页面效果跟我们设计的不一样。把路径改成以下写法就可以了：
/skin/css/xxx.css
/skin/js/xxxx.js
/skin/img/xxxx.png

这是修改前的代码：

这是修改后的代码：

修改完成后，把代码重新复制到帝国cms的编辑器中保存即可。编辑代码还是推荐用比较专业的代码编辑器，比如hbuilderx和sublimetext等，帝国cms自带的编辑器不太好用。

最后，要重新更新下首页，因为改过代码了都需要重新生成静态页面。

我们再来看效果：

至此，我们的帝国cms首页模板制作就完成了，当然还有动态数据的调用，这需要用到标签，后面我们再继续讲。