CMSware模版制作概述
导航:返回上一页
宏观上,我们可以将常用(还有如评论页、搜索页这样的不是所有站点都使用的)模版文件分为两类:索引页和内容页.索引页一般是栏目首页,展示的是一系列的内容列表,如子栏目新内容列表,最新的10条评论,点击量最高的20篇文章等,它一般不输出具体文章的具体内容;内容页则输出具体文章的具体内容,还包括新闻图片、内容分页等部分。这一节我们对模版制作做一个概括性描述。
一、模版组成分析[ ]
我们通过下面的两幅图看看典型的索引页和内容页的构成。
下图是一个典型的内容页:
下图是一个典型的索引页
组成分析
1、这两个模版都包含了头部导航和底部版权栏,一般的站点这两部分是全站通用的,在模版制作中我们可以把这两部分独立出来,做成公共部分,让所有的模版直接包含共用部分即可,包含要用到include标签,具体说明见include
头部导航栏制作
栏目导航
头部导航栏主要是调用各个结点的名称和URL,我们要用到结点列表调用CMS_NODELIST
位置导航
当前位置的导航主要是显示结点信息,也可以同时加上相关内容的标题,我们要用到结点信息调用CMS_NODE ,这里的内容标题,只需要调用一个内容页变量标签 ,比如 [$Title]
2、内容页主要是文章以及文章相关信息的调用,有时该页面也显示所在栏目的最新的、最热门的一些内容及其评论等等
内容中,本文的各种信息的调用比如文章标题、内容、作者、来源等的调用需要用到内容页变量标签 ,
相关文章的调用
相关文章分为自定义相关文章和自动关键字匹配的相关文章两种。自定义相关文章的调用请参考内容调用CMS_CONTENT 中的例子, 自动关键字匹配的相关文章调用请参考搜索调用CMS_SEARCH
有时,我们还想在页面中调用该内容的评论,请参考评论使用方法 ,如果还想对每篇内容的访问量进行统计并让它显示在页面上,请参考 点击计数使用方法
内容调用时有时长文章需要分页,相关内容请参考内容页分页子标题 (CONTENT_HEADER) 分页文章列表调用 自定义文章列表分页导航样式
3、这两个模版都包含了所在栏目的最新的、最热门的一些内容的调用,类似内容的调用请参考内容列表CMS_LIST
有时我们想在页面上放上一个搜索框,相关知识请参考普通搜索使用方法
4、索引页制作一般而言要比内容页至少多用到一个知识点-图文混排或列表
图文列表
图文列表的制作主要用到以下知识点: 内容列表CMS_LIST AutoMini if,elseif,else
图文混排
图文混排的制作主要用到以下知识点: 内容列表CMS_LIST AutoMini if,elseif,else
二、模版制作流程[ ]
1、准备静态页面
在做好网站规划,进入模版制作阶段以后,您要做的第一件事情就是制作好静态页面,也可以直接保存互联网等地方找到的比较好的页面,如顶部示例图片那样的内容页和索引页,可以是自己用Dreamweaver等制作的,也可以是直接保存的现有网页
2、在源码状态下对静态页面进行清理
推荐使用Dreamwaver等工具去掉页面中的各种内容但是保留相应的标签,比如,我们来清理如下代码
<tr> <td>111111</td> <td>2222222</td> <td>33333</td> </tr>
去掉文章列表的文章内容保留相关html标签以后为
<tr> <td></td> <td></td> <td></td> </tr>
清理时注意给各个部分的代码加上备注,如、& lt;!--调用前10条评论记录-->、、
3、代码分析和页面分拆
清理页面以后,结合页面代码备注对剩余代码进行分析,比如,我们可以将下述内容列表调用代码替换为思维(CMSware)语法
<tr> <td></td> <td></td> <td></td> </tr>
替换为
<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>
评论、搜索、缩图等的参照模版组成分析部分的说明做类似替换。
4、分坼出各个模版的公用部分
将共用部分独立出来制作成模版片断,使用时用include包含进来即可