DEDECMS仿站教程:DEDE模板文件的代码结构

所属分类: CMS教程 / dedecms 阅读数: 1639
收藏 0 赞 0 分享
关键字描述:代码 结构 文件 模板 教程   < " 标签 可以

在这一节,我将引导大家来分析和了解DEDE模板文件的代码结构。

准备工作:
1:安装好DW,如果实在不想安装也行。用记事本也可以。不过用DW可以把结构看的很清楚。在记事本里看会把你搞迷糊的
2:你安装了DEDECMS。并进入/templets/default(默认模板目录)目录。

OK!Let's GO!
用DW打开文件index.htm
如果你不熟悉HTML和CSS 建议去补习下。在这里就不系统讲这些额外的东西了。在这里假设你看的懂HTML和CSS代码,会不会写姑且不管。
先来看下<head></head>部分。head上面的一般不管。
在head 标签范围内主要包括了三类东西
1:title标签
2:mete标签 keywords description等
3:CSS文件链接。

大家可以看下 head部分。是不是包括了这几部分。
至于 那些JS调用都不是必须的。只不过在首页index.htm模板有用到一些特殊的地方需要调用函数才加在head里的。我把代码贴出来了
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />

{dede:global.cfg_webname/}是你的网站名
{dede:global.cfg_description/}是你的网站描述
{dede:global.cfg_keywords/} 是你的网站关键字
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉

然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。
body里的结构大体如下
<body class="index">
{dede:include filename="head.htm"/}
中间代码
{dede:include filename="footer.htm"/}
</body>

大家这样看 结构就清楚了吧。
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm
#p# 关键字描述:代码 结构 文件 模板 教程   < " 标签 可以


{dede:include filename="footer.htm"/}是尾部代码 同样你要修改就去footer.htm

其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。

现在有个大体的印象了。每个模板主要有两个部分构成
<head></head> 部分 和 <body></body> 部分
<body></body> 部分 又由 头部模板 中间模板 和尾部模板。

在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要调用到它们。所以 当制作模板的时候,最好把头部和尾部设计成这样。。可以和系统同步。

OK。是不是也很简单。下一节 就讲DEDECMS的标签使用。


更多精彩内容其他人还在看

dedecms utf-8 出现乱码问题的解决方法之一

在制作dedecms utf-8 模板是遇到一个关于乱码的问题
收藏 0 赞 0 分享

dedecms 评论盖楼实现楼层数,类似腾讯、网易的评论(5.5/5.6版)

DEDE评论盖楼实现楼层数,类似腾讯、网易的评论(5.5/5.6版),喜欢的朋友可以参考下。
收藏 0 赞 0 分享

dedecms 5.6 缩略图按大小比例缩小裁剪

由于DEDECMS v5.6缩略图生成方法是按比例进行放缩的,和之前的版本问题一样,dedecms的官方也许根本没有注意到,或者他们觉得这样才是最好的缩略图生成方式
收藏 0 赞 0 分享

linux和windows主机实现dedecms伪静态

有些朋友为了节约空间等原因,喜欢用伪静态的,对于流量小,确实不错,下面看下具体的方法。
收藏 0 赞 0 分享

dedecms 5.6修改Dedecms提示信息方法

DEDECMS的跳转提示信息“Dedecms提示信息”,那么如何把这一字样改为自己网站的名称呢?
收藏 0 赞 0 分享

dedecms广告生成JS文件和JS调用-DEDE广告优化

DEDE广告生成JS文件和JS调用|DEDE广告优化主程序ad_makejs.php不是我写的,我只是做了些操作优化和界面美化。
收藏 0 赞 0 分享

dedecms 5.6 分页样式代码修改方法

看到好多人在用dedeCMS,但同时dedeCMS也存在好多问题,在官方网站也很难找到解决方法
收藏 0 赞 0 分享

DedeCMS 统计栏目的文章总数的调用方法

DedeCMS 统计栏目的文章总数的调用方法,我是根据5.3里面修改的,本人测试了可以,希望对大家有所帮助。
收藏 0 赞 0 分享

DedeCMS 标题seo优化 给列表页加上第x页

dede5.3的列表页每页的标题都相同,这样会让Google的搜索引擎认为是重复的页面,影响收录,我们可以为列表加上第几页,这个没个页面就是独立不同的页了!
收藏 0 赞 0 分享

使用dedecms制作英文站的技巧说明

国内的英文站长们经常遇到要用国内中文版的cms或论坛、博客来搭建英文网站,可是很多程序由于是针对国内用户设计的,所以并没有官方的英文版,如ecshop和dede cms、discuz,zblog也是利用英文语言包来实现的,所以二次开发成了一个比较热门的话题。
收藏 0 赞 0 分享
查看更多