Toggle navigation
全部作品
全部作品
网站模板
html模板
其它源码
网页素材
视频教程
文章教程
搜索
网站首页
网站模板
PbootCms
EyouCms
WordPress
帝国Cms
DedeCms
苹果Cms
其它
html模板
网络公司
家政服务
医疗保健
科技电子
购物商城
婚纱摄影
生活旅游
运输交通
博客资讯
体育竞技
娱乐休闲
广告艺术
家居建筑
机械设备
农林牧渔
教育培训
金融法律
首饰服饰
美食烹饪
后台模板
其他模板
WEB作业
其它源码
小程序APP
其它源码
网页素材
banner图
JS特效
可商用字体
插件工具
视频教程
移动开发
CMS
web前端
云计算
PHP
SEO
数据库
JAVA
Python
平面设计
办公软件
副业搬砖
C++
休闲影视
文章教程
织梦Cms教程
PbCms教程
易优Cms教程
帝国Cms教程
登录
注册
主页
>
文章教程
>
帝国Cms教程
>
帝国CMS使用手册
1、系统简介
帝国CMS系统简介
2、帝国安装
帝国CMS安装(官方版)
帝国CMS安装(模板篇)
帝国CMS备份
帝国CMS恢复
3、系统设置
系统参数设置
防火墙设置
网站安全设置
4、栏目管理
增加栏目
栏目自定义字段
管理栏目
5、模板制作
(一) 模板组成
(二) 首页模板
6、表单制作
7、系统模型
8、标签语法
灵动标签e:loop
9、常见问题
帝国CMS前台页面打不开
帝国CMS重置管理员密码
帝国cms用的人多吗?
帝国CMS首页模板制作教程(带图文)
前言:
本教程将向您介绍如何制作帝国CMS网站的首页模板。
第一、找到首页模板
1、登录后台,单击“模板”菜单,选择“首页模板”子菜单,进入修改首页模板界面:
2、进入
修改首页模板
界面
3、首页模板支持的变量说明
[!--news.url--]:网站地址(参数设置的站点地址)
[!--class.menu--]:一级栏目导航
[!--pagetitle--]:网站名称
[!--pagekey--]:页面关键字
[!--pagedes--]:页面描述
支持公共模板变量
支持所有模板标签
支持PHP代码
第二、制作首页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首页模板制作就完成了,当然还有动态数据的调用,这需要用到标签,后面我们再继续讲。