网站前端开发教程

我们了解了DEDECMS的程序目录结构和相关模板的含义，通过第一节，我们对DEDE的模板有了一个初步的认识。在这一节，我将引导德州网站建设公司大家来分析和了解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

{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的标签使用。

来源：草根站长联盟 www.54benbenzu.com