用Dreamweaver 打開dede文件的index.htm模板頁面

首先講一下怎么看模板的css

<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
在index.htm里第八行里就是這一句，通過這句話大家可以看到一個css路徑，也就是在templetsstyle這個文件下的所有文件都是dede默認模板的css文件，而index.htm的css就是dedecms。

打開這個css文件后大家會看到
@import url("layout.css");
@import url("page.css");
這兩句話

這兩句的意思就是dedecms.css這個css文件還引用了
layout.css和page.css這2個css

通過查看dedecms.css文件大家可以發(fā)現這個css主要控制的是所有模板文件的頭部和尾部以及所有css的全局設計

大家找到/*———- base ———*/這句下面一直到/*———- frame ———*/這里基本上都是全局css

下面的透過看單詞就明白是header和foot的css
也就是模板的頭尾部css

關于page和layout這兩個css是關于列表部分css、翻頁css、以及一些通用的css，大家可以通過查看css了解一下

下面大家打開head.htm模板文件

dede的前臺模板在templetsdefault文件夾下

下面根據默認模板簡單講解一下css的對應關系和部分標簽的基礎應用

首先大家打開head.htm后會看到<div class="header">這句話
那么其中的header就是一個定義為header的css

那我們可以復制header，然后再dedecms.css
里用Ctrl+f來查找有關header的所有css定義

其它css的查找同樣，如果你在某個css文件中找不到相應的css那么就在其他幾個css文件中查找，然后修改

至于具體怎么修改css就不再本次講解之內了，有關css的學習在網上有很多教程

在這里只是簡單說明一下css的查找和應用

下面講解一些標簽的應用
我會通過實例來和大家分享

【呵呵，css的知識范圍太廣了，不是一兩句話就可以說清楚的，如果大家在學習的過程有什么不明白的地方可以在另一個群（83086030）里討論。
】

打開index.htm文件，刪除body里的所有內容。

首先說一下arclist即文檔列表標簽，這個標簽在模板當中應用是最廣也是最基本的標簽，熟悉這個標簽后只要學會變通，基本可以學會dede的所有標簽應用。

arclist這個標簽是全局標簽，也就是說這個標簽基本上在任何模板都可以使用，當然不包括一些特殊模板。

如search.htm這個模板貌似就不能用
arclist標簽的基本結構：
{dede:arclist}
<a href=’[field:arcurl/]‘>[field:title/]</a>
{/dede:arclist}
首先dede大部分的標簽html語言一樣，都是需要閉合的。

{dede:arclist}
{/dede:arclist}
也就是必須要有這2個部分組成
然后再中間插入，如：<a href=’[field:arcurl/]‘>[field:title/]</a>這樣的標題標簽

（dede的標簽除了channelartlist標簽是可以嵌套的之外，其它標簽都不可以嵌套的）

大家在后臺添加好文章后，在剛打開的index.htm模板里輸入{dede:arclist}
<a href=’[field:arcurl/]‘>[field:title/]</a>
{/dede:arclist}

并保存

然后打開首頁就會看到前臺頁面中已經輸出了幾個標題(默認是10個標題)

現在開始講解arclist標簽的參數應用。

1，col。
這個是關于調用出來的標題分為幾列的
具體應用：
{dede:arclist col=2}
<a href=’[field:arcurl/]‘>[field:title/]</a><br />
{/dede:arclist}
這里我們設置col=2
也就是說設置為2列
同時細心的朋友也發(fā)現了還多了個<br />
這是html里的東西，表示換行，是為了更好的區(qū)別輸出的內容。

保存后并刷新首頁
這時在首頁就會顯示2列，每列為5行的標題輸出

2，row參數，row是表示一共輸出多少個標題。

應用：
{dede:arclist row=8}
<li><a href=’[field:arcurl/]‘>[field:title/]</a></li>
{/dede:arclist}
我們設置為row=8
保存并刷新首頁

我們看到了不是原來的10個標題而是變成了8個標題，也就是說row參數已經起到作用了。
這就是row的應用

同時我們可以把8改成20

這時就變成20了個標題了

我們再加上前面講的col

{dede:arclist row=20 col=2}
<li><a href=’[field:arcurl/]‘>[field:title/]</a></li>
{/dede:arclist}

變成了2列 并每列10個標題的樣式

3，typeid，這個參數是指定某個欄目調用文章標題
就是我們在后臺看到的

這里的ID：6就是typeid

這個通過后臺–核心–網站欄目管理，右側的欄目列表可以查看到。

效果為：


(這里大家看到的效果不明顯
因為我在本地就添加了一個欄目的文章
大家在測試的時候多添加幾個欄目的文章就會很明顯的看到效果了)

4，titlelen ，這個參數是說明調用文章標題的字數。

標簽應用：
{dede:arclist row=20 col=2 typeid=7 titlelen=10}
<li><a href=’[field:arcurl/]‘>[field:title/]</a></li>
{/dede:arclist}

我們看到這里設置了titlelen=10，那么就是說這次調用的標題字數為5個，
有些人會奇怪明明是寫著10為什么會輸出5個字呢。
因為2個字節(jié)為1漢字，所以就是5個漢字。

要看出變化就要添加不同標題的文章

效果如下：

我們看到輸出的標題字數為5個漢字了

5.orderby 排序方式參數
排序方式大致分為
1,按點擊數（orderby=’hot’ 或 orderby=’click’），也就是大家在有些網站上看到的熱門文章
2，按出版時間（orderby=’sortrank’ 或 orderby=’pubdate’ ）
3，按最后出現評論的時間排序orderby==’lastpost’
4，按得分 orderby==’scores’
5，按文章ID排序orderby=’id’
6， 隨機文檔列表orderby=’rand’也就是大家在有些網站看到隨機推薦

{dede:arclist row=20 col=2 typeid=7 titlelen=20 orderby=’hot’ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a></li>
{/dede:arclist}

這時一個熱門文章的例子，其它排序方式只要修改hot就可以了
前臺效果


6.摘要調用參數：[field:info/] 應用方法

{dede:arclist row=1 col=2 typeid=7 titlelen=20 orderby=’hot’ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a></li>
<p>[field:info/]</p>
{/dede:arclist}

上面給出的是一個關于欄目ID為7，標題字數為10個漢字并且是1條熱門的標題帶摘要的調用方法。

這里col=2不起作用，因為只有調用一個標題。

那么有人就要說了，這個摘要太長了，我不需要那么長的摘要怎么辦呢？
這里我們有個參數是控制摘要字數的。

“infolen=”這就是控制摘要字數的。

應用
{dede:arclist row=1 typeid=7 titlelen=20 orderby=’hot’ infolen=’60′ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a></li>
<p>[field:info/]</p>
{/dede:arclist}


我們發(fā)現這次調用出來的摘要字數在30漢字，默認dede的摘要長度為250個字節(jié)，也就是125個字節(jié)。

7.下面講怎么調用帶縮略圖的效果[field:image/]
也就是這種效果


標題加縮略圖加摘要。

標簽寫法：
{dede:arclist row=1 type=’image.’ imgwidth=’124′ imgheight=’94′ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
<p>[field:image/][field:info/]</p>
{/dede:arclist}

大家看到這arclist里多出了 type=’image.’ imgwidth=’124′ imgheight=’94′這3個參數。
他們分別說明這個標簽調用的內容必須是有縮略圖的，而且寬是124px 高是94的縮略圖。

[field:image/]這個就是調用縮略圖的參數

8.flag自定義屬性的應用。

大家后臺添加文章的時候會看到

這些就是通過flag來實現的。

flag的具體屬性就是大家在后臺看到的自定義屬性里的那些屬性了。

具體應用：

{dede:arclist row=1 type=’image.’ imgwidth=’124′ imgheight=’94′ flag=’c’}

<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>

<p>[field:image/][field:info/]</p>

{/dede:arclist}

這時一個關于推薦的帶縮略圖和摘要的應用效果.

其它flag屬性如：頭條[h]特別推薦[a]圖片[p]幻燈[f]滾動[s]跳轉[j]圖文[a]加粗

的應該同推薦的。

9.subday這個參數說調用多少天內的文章。

{dede:arclist row=10 subday=1}
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
<p>[field:image/][field:info/]</p>
{/dede:arclist}

這里是調用一天內添加的文章，那么我今天沒有添加任何東西就不可能調用出什么東西來，效果就是空白的。
這個參數大多和熱門文章，也就是orderby=’hot’ 一起使用。
具體標簽：

{dede:arclist row=10 subday=30 orderby=’hot’ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
<p>[field:image/][field:info/]</p>
{/dede:arclist}

標簽{dede:arclist row=10 subday=30 orderby=’hot’ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
{/dede:arclist}


呵呵，因為我添加的所有 文章標題都一樣所以看不出什么效果，大家在實驗的時候添加不同的內容就可以看出效果來了。

10 channelid 這個參數是指調用某個模型內的所有文章
關于模型的id大家可以通過后臺—核心—頻道模型—內容模型管理，在右側可以看到。

前面的id號就是模型ID了。

{dede:arclist row=10 subday=30 orderby=’hot’channelid=1}
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
{/dede:arclist}
這個應用和typeid相同。

11. keyword=”這個是關于調用指定某個關鍵字的文檔列表。

標簽應用：
{dede:arclist row=10 keyword=’簡介 ‘ }
<li><a href=’[field:arcurl/]‘>[field:title/]</a> </li>
{/dede:arclist}
這里指定的關鍵詞是“簡介 ”那么調用出來的文檔都是有“簡介 ”的標題。

（不過這個應用好像不多，呵呵）

arclist標簽的基本應用也就這些了。