帝国CMS首页模板制作教程详解(图文)

内容摘要

前言：
首页模板是指网站首页的模板。

第一、首页模板怎么修改？

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

2、进入

文章正文

前言：首页模板是指网站首页的模板。第一、首页模板怎么修改？1、登录后台，单击“模板”菜单，选择“首页模板”子菜单，进入修改首页模板界面：2、进入修改首页模板界面3、首页模板支持的变量说明

第二、首页模板制作范例1、首先，制作出纯静态HTML代码页面，如下图所示：（此处，一，自行设计制作，二，为了学习，可以参考别人的代码）//注释：首先，这是一个纯静态的HTML代码，没做任何的数据调用。如不懂什么是纯静态html代码，请自行去参看本网站html教程篇。2、复制代码到编辑工具里去，如下图所示：因无法展示全部界面，因此代码做了缩略//注释：此处为了方便理解，因此，我把代码标注下，头部 head  body整体，其中 body里有个footer模块，因此，第一、大家在做的时候，要注意代码的规范性；第二、head，body，footer，这其中的head 和footer可以做成通用标签。稍后做演示。3、把代码放入首页模板里去，复制完毕后，点击【修改】，以便保存代码。4、保存完毕后，点击【模板】，点击【数据更新】，点击【刷新首页】5、点击【网站首页】，以便查看生成的效果6、效果如下：7、为什么会出现这种效果呢？跟我们做的设计图不一样呢，主要原因是：CSS、JS、图片的路径不对，导致我们这页面效果不同。所以，我们在做的时候，一定要注意路径的正确性。8、接下来，我们把路径都正确书写。我个人一般喜欢把路径这样去写：/skin/css/index.css/skin/js/index.js/skin/img/1.png接下来，我们看下代码，这是初始代码：我们去修改路径问题修改完成后，把代码放到首页模板里去，这点大家一定要记住了，然后把对应的CSS JS放到服务器里去，我是在本地环境下，大家看效果：//注释：根目录下，skin文件夹下的每个文件夹。最后，点击【数据更新】，刷新首页，这一步一定要操作！！！因为刚才改动了代码，所以一定一定要刷新下首页，至于怎么刷新，本文前面已经讲解了。我们再来看效果：至此，我们把在纯净的HTML代码放到帝国首页模板里了。至于本文当中，数据的调用，这在后期后讲解的。本文只讲如何把我们制作好的代码放到帝国CMS首页模板里。首页模板制作范例

代码注释