编辑“CMSware模版制作概述”

<span style="border:1px solid #000; float:right; text-align:center; padding:6px;"><strong>导航：</strong>[[CMSware模板制作指南|返回上一页]]</span>
<div style="clear:both;"></div>
宏观上，我们可以将常用(还有如评论页、搜索页这样的不是所有站点都使用的)[[模版]]文件分为两类：索引页和内容页.索引页一般是栏目首页，展示的是一系列的内容列表，如子栏目新内容列表，最新的10条评论，点击量最高的20篇文章等，它一般不输出具体文章的具体内容；内容页则输出具体文章的具体内容，还包括新闻图片、内容分页等部分。这一节我们对模版制作做一个概括性描述。

==一、模版组成分析==
我们通过下面的两幅图看看典型的索引页和内容页的构成。

下图是一个典型的内容页：
<div>
[[Image:cmsware137.png]]
</div>
下图是一个典型的索引页
<div>
[[Image:cmsware138.png]]
</div>
'''组成分析'''

1、这两个模版都包含了头部导航和底部版权栏，一般的站点这两部分是全站通用的，在模版制作中我们可以把这两部分独立出来，做成公共部分，让所有的模版直接包含共用部分即可，包含要用到include标签，具体说明见include

头部导航栏制作

栏目导航
<div>
[[Image:cmsware139.png]]
</div>
头部导航栏主要是调用各个结点的名称和[[URL]]，我们要用到结点列表调用CMS_NODELIST

位置导航
<div>
[[Image:cmsware140.png]]
</div>
当前位置的导航主要是显示结点信息，也可以同时加上相关内容的标题，我们要用到结点信息调用CMS_NODE ，这里的内容标题，只需要调用一个内容页变量标签 ，比如 [$Title]

2、内容页主要是文章以及文章相关信息的调用，有时该页面也显示所在栏目的最新的、最热门的一些内容及其评论等等

内容中，本文的各种信息的调用比如文章标题、内容、作者、来源等的调用需要用到内容页变量标签 ，

相关文章的调用 
<div>
[[Image:cmsware141.png]]
</div>
相关文章分为自定义相关文章和自动[[关键字]]匹配的相关文章两种。自定义相关文章的调用请参考内容调用CMS_CONTENT 中的例子， 自动关键字匹配的相关文章调用请参考搜索调用CMS_SEARCH

有时，我们还想在页面中调用该内容的评论，请参考评论使用方法 ，如果还想对每篇内容的访问量进行统计并让它显示在页面上，请参考 点击计数使用方法

内容调用时有时长文章需要分页，相关内容请参考内容页分页子标题 (CONTENT_HEADER)　　分页文章列表调用 自定义文章列表分页导航样式

3、这两个模版都包含了所在栏目的最新的、最热门的一些内容的调用，类似内容的调用请参考内容列表CMS_LIST

有时我们想在页面上放上一个搜索框，相关知识请参考普通搜索使用方法

4、索引页制作一般而言要比内容页至少多用到一个知识点－图文混排或列表

图文列表
<div>
[[Image:cmsware142.png]]
</div>
图文列表的制作主要用到以下知识点： 内容列表CMS_LIST AutoMini  if,elseif,else

图文混排
<div>
[[Image:cmsware143.png]]
</div>
图文混排的制作主要用到以下知识点： 内容列表CMS_LIST AutoMini  if,elseif,else

==二、模版制作流程==
1、准备静态页面

在做好[[网站]]规划，进入模版制作阶段以后，您要做的第一件事情就是制作好静态页面，也可以直接保存互联网等地方找到的比较好的页面，如顶部示例图片那样的内容页和索引页，可以是自己用[[Dreamweaver]]等制作的，也可以是直接保存的现有[[网页]]

2、在源码状态下对静态页面进行清理

推荐使用Dreamwaver等工具去掉页面中的各种内容但是保留相应的标签，比如,我们来清理如下代码
<pre>
<tr>
<td>111111</td>
<td>2222222</td>
<td>33333</td>
</tr>
</pre>
去掉文章列表的文章内容保留相关[[html]]标签以后为
<pre>
<tr> <td></td> <td></td> <td></td> </tr>
</pre>
清理时注意给各个部分的代码加上备注，如<!--调用新闻系统模型(TableID=1)最热总点击前10条记录-->、& lt;!--调用前10条评论记录-->、<!--调用相关文章-->、<!--生成缩图-->

3、代码分析和页面分拆

清理页面以后，结合页面代码备注对剩余代码进行分析，比如，我们可以将下述内容列表调用代码替换为思维(CMSware)语法
<pre>
<tr> <td></td> <td></td> <td></td> </tr>
</pre>
替换为
<pre>
<CMS action="LIST" return="List" NodeID="2" Num="3" /> <!--调用结点ID为2的前3条记录--><tr>
<LOOP name="List" var="var" key="key">
<td>
<a href="[$var.URL]" target="_blank" title="[$var.Title]" >[@CsubStr($var.Title,0,16)] </a>
<!--显示文章链接，自动截取标题长度16-->
</td></tr>
</LOOP> 
</pre>
评论、搜索、缩图等的参照模版组成分析部分的说明做类似替换。

4、分坼出各个模版的公用部分

将共用部分独立出来制作成模版片断，使用时用include包含进来即可



==参考来源==
*[http://www.lonmo.com/cmsware/manual/ 参考来源]


[[category:CMSware]]