DEDECMS仿站教程:DEDE模板文件的代码结构_dedecms_CMS教程_迪尔课堂

关键字描述:代码 结构 文件 模板 教程   < " 标签 可以6VY迪尔课堂自学网-|第二课堂|--(官网)
6VY迪尔课堂自学网-|第二课堂|--(官网)

在这一节,我将引导大家来分析和了解DEDE模板文件的代码结构。6VY迪尔课堂自学网-|第二课堂|--(官网)

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

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

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

{dede:global.cfg_webname/}是你的网站名6VY迪尔课堂自学网-|第二课堂|--(官网)
{dede:global.cfg_description/}是你的网站描述6VY迪尔课堂自学网-|第二课堂|--(官网)
{dede:global.cfg_keywords/} 是你的网站关键字6VY迪尔课堂自学网-|第二课堂|--(官网)
你在仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉6VY迪尔课堂自学网-|第二课堂|--(官网)

然后我们再往下看。紧跟着的是<body></body> 标签。。这里面的内容才是页面正文的开始。6VY迪尔课堂自学网-|第二课堂|--(官网)
body里的结构大体如下6VY迪尔课堂自学网-|第二课堂|--(官网)
<body class="index">6VY迪尔课堂自学网-|第二课堂|--(官网)
{dede:include filename="head.htm"/}6VY迪尔课堂自学网-|第二课堂|--(官网)
中间代码6VY迪尔课堂自学网-|第二课堂|--(官网)
{dede:include filename="footer.htm"/}6VY迪尔课堂自学网-|第二课堂|--(官网)
</body>6VY迪尔课堂自学网-|第二课堂|--(官网)

大家这样看 结构就清楚了吧。6VY迪尔课堂自学网-|第二课堂|--(官网)
{dede:include filename="head.htm"/}是头部代码 如果你要修改头部代码就去head.htm6VY迪尔课堂自学网-|第二课堂|--(官网)

扫一扫手机访问