DedeCMS:模板制作教程第一期

这是第一期模板制作教程,我们来介绍DEDE中最强大的一个系统标签:arclist。我将根据自己的学习经验写一系列的实例教程。通过实例说明DedeCMS标记的使用方法。本实例教程使用的版本是DedeCms 2007 V5.0版，是在windows下架设的AMP环境中测试的。以后若无特别说明均为在此环境中测试的。

本期讲解【Arclist 标记】。【Arclist 标记】是DEDE中使用率最高，功能最强的一个标签，所以我们必须熟练掌握。它的详细使用说明可到：DEDE标签教程下载！

一：使用说明

我们在使用任何标记的过程中，都必须先理解和明确其使用的范围和作用，否则可能无法实现自己的目的，【Arclist 标记】的使用范围是：封面模板、列表模板、文档模板。 即对应templetsdefault文件夹下的index_识别ID.htm模板、list_识别ID.htm模板、article_识别ID.htm模板。

二、测试实例

用DEDE自带的主页模板来测试，将templetsdefault文件夹下的index.html文件改名并重新新建一个index.html文件，放入调用【Arclist 标记】的代码，再在IE中访问网站主页index.php，就可以得到返回的数据。这样测试比较方便，测试完毕可以将原来的主页文件名改为index.html即可。

1. 将调试【Arclist 标记】的如下代码拷贝至index.html文件中：

   {dede:arclist typeid='1' row='1'  titlelen='20' infolen='' 
   imgwidth='100' imgheight='80'} 
   <font color="red">文章ID:</font>[field:ID/] <br /> 
   <font color="red">文章标题:</font>[field:title/] <br /> 
   <font color="red">文章短标题:</font>[field:shorttitle/] <br /> 
   <font color="red">文章标题的文字链接:</font>[field:textlink/] <br /> 
   <font color="red">文章作者:</font>[field:writer/] <br /> 
   <font color="red">文章发表日期:</font>[field:stime/] <br /> 
   <font color="red">文章点击次数:</font>[field:click/]<br />
   <font color="red">文章所属栏目的目录:</font>[field:typedir/] <br /> 
   <font color="red">文章所属栏目的名称:</font>[field:typename/] <br /> 
   <font color="red">文章所属栏目的文字链接:</font>[field:typelink/] <br /> 
   <font color="red">文章的图片链接:</font>[field:imglink/] <br /> 
   <font color="red">文章的缩略图:</font>[field:image/] <br /> 
   {/dede:arclist} 
   

   注：其中的各参数可以根据标签教程的说明添加或修改以达到自己的需求。

保存后在浏览器地址栏中输入http://localhost/dede5(此地址为本地的地址，根据自己的安装情况输入）得到如下图所示：

三、【Arclist 标记】延伸的别名标记（实用又个性化，建议关注使用）

为了使网页内容更具个性化，人性化，官方在【Arclist 标记】的基础上延伸出来一些别外标签，如：hotart、coolart、likeart、artlist、imglist、imginfolist、specart、autolist 极大的丰富了DEDE的调用相关信息的功能使站长们更加轻松的管理自己的网站！

1. 这里我以【imglist标记】来说明其使用方法，同样的方法将下列代码拷贝至index.html文件中：

   {dede:imglist typeid='' row='2' col='1'  titlelen='20' infolen=''
   imgwidth='100' imgheight='80'}
   [field:imglink/]  [field:textlink/]<br />
   {/dede:imglist} 
   

保存后在浏览器的地址栏中输入http://localhost/dede5 返回了如下图所示的示例：

至此【Arclist 标记】的属性已经基本上介绍到了。没介绍到的可以根据上述的例子自己来实践一下，这样学习效果会更好！