企业版标签(div系列)说明之:图文标签一

本文介绍AspCms(totacms)企业版中DIV样式标签(采用DIV排版而非表格)的图文标签使用及演示说明。

一、为演示此标签，我们首先在后台创建一个栏目，比如“新闻”这个栏目，指定它的模板为:/templet/test.html，保存路径设置为：自动
附：栏目“新闻”的模板截图

栏目模板
(图1)

由上图可以看到模板中作好了标签$gettextnews_div$ ,这就是我们此次要演示的标签名字。下面我们根据需要添加这个标签到系统中。

二、添加标签

进入后台-标签管理-添加=>进入标签添加窗口，如下图所示：

标签制作

如上图，我们需要设置标签各项参数，具体如下：

所属类别：因为此标签我们是放到“新闻”这个栏目中，因此此处选择“新闻”这个栏目
标签标题：根据模板中所示，设置为:$gettextnews_div$
标签作用：仅是提示说明，方便以后记忆理解，建议设置和标签相关的说明文字
标签内容：此处是标签的核心所在，我们所用的标签如上图箭头所示，点击按钮，弹出标签制作窗口，截图如下：

标签说明

如上图所示，该标签的参数说明如下：
类别：点击“+”号按钮选择调用指定栏目的数据
显示标题：选择是否显示标题
记录个数：设置显示几条记录
表名：默认news,不需要修改
排序：根据需要设置排序方式(id,点击,日期)
文字个数：设置标题至多显示多少字数
图片宽度：设置图片宽度
图片高度：设置图片高度
链接样式：设置链接样式
新闻属性：选择文章属性
设置好标签参数以后，点击确定，标签制作窗口自动关闭，并将产生的标签码加入到标签编辑器，点击“提交”按钮，标签添加完成。

三、发布栏目

我们已经制作好了标签，并且标签已经加入到“新闻”这个栏目的模板中(见上图1),只要发布“新闻”栏目，系统中的数据就会根据需要显示到栏目的生成页中了。
步骤如下：后台-发布站点-发布栏目页面-在“第一步选择要发布的栏目”中选择“新闻”这个栏目-点击“发布选择中的栏目按钮”-OK，系统提示栏目发布成功。

发布栏目

下面进入“类别管理”-点击“新闻”旁边的“预览”按钮，可以看到栏目已经发布成功，并显示为图文效果，截图如下：

查看源文件，可以看出标签生成源代码为DIV样式：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Untitled Document</title>
<link href="/style/div_sys.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table width="200" border="0" cellpadding="0" cellspacing="0" bgcolor="#99CC66">
<tr>
<td>
<ul>
<li>
<a href="/2/html/20070813/20070813224526.htm" target="_blank"><img src="http://localhost/pic/200708/13/2007813224510245.jpg" width="100" height="100" border="0"></a>
<h6><a href="/2/html/20070813/20070813224526.htm" class="" target="_blank"><span style="color: ">山东烟台遭遇暴雨机场..</span></a></h6>
</li>
<li>
<a href="/2/html/20070813/20070813224134.htm" target="_blank"><img src="http://localhost/pic/200708/13/200781322405999.jpg" width="100" height="100" border="0"></a>
<h6><a href="/2/html/20070813/20070813224134.htm" class="" target="_blank"><span style="color: ">广东湛江遭两百年一遇..</span></a></h6>
</li>
</ul>
</td>
</tr>
</table>
</body>
</html>

[完]