知识点：DeDeCMS网站模板更换、模板设置、栏目设置、调用模板里的CSS文件和图片的路径修改、全局变量的使用。

1、修改DeDeCMS网站模板

        DeDeCMS的默认模板文件均保存在\templets\default文件夹中。现在我们将新建一个模板文件夹，应用新建的模板文件（将我们上一门课程制作的html网站——汽车坐垫点评网，作为模板来使用）。

第一步：在templets文件夹中新建“zuodian”文件夹

思考：templets文件夹在哪里？如何找到它？

办法：借助phpStudy

（1）在phpStudy 界面，依次点击【其他选项菜单】按钮——【网站根目录】

（2）此时会打开网站根目录文件夹

（3）双击打开templets文件夹，在里面新建一个文件夹，并命名为“zuodian”（这里的名字可以根据个人网站项目来起名，名字不限，一般使用英文单词或网站名称的拼音，不允许出现中文和特殊符号）

第二步：将自己制作的网页文件全部复制到“zuodian”文件夹中，   并将html文件后缀名改为htm

第三步：在网站后台修改默认模板（在浏览器地址栏输入http://127.0.0.1/dede/ 进入后台登录界面）。点击左侧【系统】——【系统基本参数】，修改模板默认风格：为我们刚才在网站根目录里创建的文件夹名称zuodian。然后点击【确定】

第四步：生成首页，看一下效果。点击左侧【生成】——【更新主页HTML】——【浏览】选择主页模板，在弹出的模板管理器中，点击文件夹zuodian——index.htm。

此时，主页模板会更新成zuodian/index.html

点击更新主页HTML，系统提示更新成功，然点击【预览】，查看首页效果。

此时首页已经更换成我们自己写的html页面了，但是没有css样式，所以看起来错乱。后面会继续修改。

2、DeDeCMS网站栏目管理与设置

第一步：点击左侧【核心】——【网站栏目管理】，点击右侧【增加顶级栏目】

第二步：在【栏目管理】——【增加栏目】里，进行栏目的基础设置。

单击【确定】以后，系统会提示添加成功，并跳回到栏目页面。

此时，点击栏目后面的“预览”，会提示“模板文件不存在，无法解析文档！”

第三步：修改栏目模板。点击栏目名称后面对应的【更改】，进入栏目修改页面，点击【高级选项】，可以修改栏目的列表模板和文章模板，分别点击【浏览】按钮，对应zuodian文件夹里的liebiao.htm和neirong.htm

更改模板以后，再次进行预览，可以看到栏目模板调用成功

======还有一种更简单的办法，直接将zuodian文件夹里的htm文件名，改成和默认名称一样。如将列表页模板的名字改为list_article.htm。将内容页的模板改为article_article.htm。

还可以批量增加栏目：

注意：批量增加的栏目，要注意修改高级选项里的模板设置。

3、正确调用模板里的CSS文件和图片（解决路径问题）

在css、img等路径前面添加

{dede:global.cfg_templets_skin/}/

举例：将index.htm文件在DW软件中打开，然后修改logo图片的路径

<img src="{dede:global.cfg_templets_skin/}/imags/logo.png" />

再次生成首页，并预览，可以看到logo图片可以正常显示了

思考：正确引用CSS路径？

方法：在原有路径前添加代码：{dede:global.cfg_templets_skin/}/

思考：怎样把图片的路径全部替换？

方法：在DW软件中，Ctrl+F，查找、替换即可

4、全局变量标签global

全局环境变量标签global可以调用网站参数。global标签可获取系统全局配置变量内容，并且可以通过添加变量来调用。 global标签语法结构如下：{dede:global.变量名/}

下面我们通过调用网站标题、关键词、描述，来生成网页Head部份的HTML标签。

注意观察：发现网站首页的标题仍然是我们只做html页面时的标题，并没有使用dedecms后台我们自定义的网站名称。

修改方法：获取网站名称、站点默认关键字、站点描述的变量名，然后再到index.htm中修改模板

第一步：获取对应的变量名

第二步：在DW中修改index.htm文件

• 标题：<title>{dede:global.cfg_webname/}</title>
• 关键字：<meta name="keywords" content="{dede:global.cfg_keywords/}" />
• 描述：<meta name="description" content="{dede:global.cfg_description/}" />

第三步：在dede后台生成以后，预览查看效果

==============这里是结束分割线===========