這篇文章針對(duì)的是“無產(chǎn)階級(jí)”毫無基礎(chǔ)的朋友，如果你是高手或“資產(chǎn)階級(jí)”就不用看了，高手歡迎交流，“資產(chǎn)階級(jí)兄弟”給點(diǎn)活讓兄弟我做做，保證質(zhì)量。

基礎(chǔ)
學(xué)習(xí)html
何 謂CMS模版？其實(shí)就是加上CMS模板引擎代碼的HTML頁(yè)面，所以基礎(chǔ)便是HTML語言學(xué)習(xí)，HTML的標(biāo)簽不多，很容易學(xué)習(xí)，搜索下遍地都是教程，不 過現(xiàn)在正流行web標(biāo)準(zhǔn)，就是大家說的“DIV+CSS”，要求又提高許多，需要學(xué)習(xí)CSS，大家可以下載CSS手冊(cè)，修改模版的時(shí)候?qū)φ諏W(xué)習(xí)修改，每天 只要花點(diǎn)時(shí)間很快就會(huì)學(xué)會(huì)。真心想學(xué)好web制作的朋友可常來我的網(wǎng)站逛逛。

學(xué)習(xí)dede模版代碼
了解代碼前，如果你是新手，請(qǐng)使用默認(rèn)模版熟悉下dede系統(tǒng)，系統(tǒng)的設(shè)置，如何添加欄目，怎么為欄目設(shè)置模版，如何發(fā)表文章，更改文章，有個(gè)基本概念。

Dedecms的代碼很有特色，只要熟悉以后很快就能上手而且使用非常靈活。dede模板引擎的代碼樣式有如下幾種形式：


{dede:標(biāo)記名稱 屬性='值'/}
{dede:標(biāo)記名稱 屬性='值'}{/dede:標(biāo)記名稱}
{dede:標(biāo)記名稱 屬性='值'}自定義樣式模板(InnerText){/dede:標(biāo)記名稱}
從上面我們可以看出，dede模板引擎的代碼可以分為標(biāo)記名稱、屬性和自定義樣式模版三部分，標(biāo)記名稱和屬性用{}包圍

而自定義樣式模版在兩個(gè){}之間。

標(biāo)記名稱與屬性的說明請(qǐng)大家參考系統(tǒng)幫助里的模版標(biāo)記參考，這里介紹具體運(yùn)用方法。

先看下面的例子：

{dede:arclist typeid='0' titlelen='28' row='10' }
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist} 上面是最基本的取得最新內(nèi)容列表標(biāo)記arclist，由開始標(biāo)記{dede:arclist 屬性typeid='' titlelen='28' row='10' col='1'}模版樣式<li><a href='[field:arcurl/]'>[field:title/]</a></li>和結(jié)束標(biāo)記 {/dede:arclist}組成。當(dāng)你完成頁(yè)面制作后，便可開始添加dede代碼。沒有添加dede代碼之前：


<ul>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
</ul>
添加代碼后


<ul>
{dede:arclist typeid='0' titlelen='28' row='10' }
<li><a href='[field:arcurl/]'>[field:title/]</a></li>
{/dede:arclist}
</ul>
模版解析后就是添加代碼前的樣子。列表list標(biāo)記，友情鏈接flink標(biāo)記，導(dǎo)航channel標(biāo)記，站內(nèi)新聞mynews標(biāo)記等待都是同樣道理。

文章頁(yè)里用到{dede:標(biāo)記名稱 屬性='值'/}，如{dede:field name='title' /}就是文章標(biāo)題的意思。

模 版里面的路徑問題：本站使用{dede:global name='cfg_basehost'/}/templets/w3cpro/img/css.css，{dede:global name='cfg_basehost'/}是取得網(wǎng)站根目錄的意思。這里有個(gè)模版保護(hù)問題，如果你珍惜你的網(wǎng)頁(yè)模版，就把img目錄獨(dú)立分離出來，這樣 別人就不會(huì)知道你的模版目錄。

制作
要是真正獨(dú)立制作一個(gè)模版，是很費(fèi)精力的，規(guī)劃、設(shè)計(jì)、制作、調(diào)試哪部分都很累人。很多站長(zhǎng)都 沒有能力制作，所以就有那么多的朋友期待別人放出模版，稍微有點(diǎn)能力就復(fù)制別人的模版，何為復(fù)制？保存原來的html頁(yè)面，刪除正文內(nèi)容，添加CMS代 碼，完工。，這就是復(fù)制，沒有一點(diǎn)技術(shù)含量，只要添加CMS代碼即可。就這樣，我看還有很多人收費(fèi)100到200幫人制作，我看得暈死，這也行。做為站長(zhǎng) 也太懶了，做站連CMS的標(biāo)記代碼都不了解，還做什么站，真是郁悶了。

就模版而言，很多站長(zhǎng)只看到設(shè)計(jì)即頁(yè)面好看而沒有看到網(wǎng)頁(yè)制作即網(wǎng) 頁(yè)代碼，這是一個(gè)非常錯(cuò)誤的觀念。網(wǎng)頁(yè)好看雖然重要，但對(duì)我們個(gè)人站長(zhǎng)來說，網(wǎng)頁(yè)制作更為重要。網(wǎng)頁(yè)代碼的質(zhì)量關(guān)系到搜索引擎SEO與網(wǎng)站的可維護(hù)性，對(duì) 我們站長(zhǎng)來說，網(wǎng)站只要簡(jiǎn)潔大方即可，關(guān)鍵是網(wǎng)站利于搜索引擎搜索能夠創(chuàng)造更多的利潤(rùn)賺更多的錢。

天下文章一大抄，就看你會(huì)不會(huì)抄，制做模版和抄寫文章一樣，就看你會(huì)不會(huì)仿。我的設(shè)計(jì)水平很爛根本不入流，只會(huì)寫網(wǎng)頁(yè)代碼。設(shè)計(jì)既然不會(huì)那就仿，取一個(gè)網(wǎng)頁(yè)那是侵權(quán)，那就取三個(gè)四個(gè)網(wǎng)頁(yè)，拿出它們的設(shè)計(jì)優(yōu)點(diǎn)，組合成自己的網(wǎng)站。

過程以本站為例子：規(guī)劃好網(wǎng)站結(jié)構(gòu)，決定以藍(lán)綠兩種顏色為網(wǎng)頁(yè)主色調(diào)，從網(wǎng)上找到合適的資源后開始在PS里組合網(wǎng)站，滿意后開始編寫代碼制作網(wǎng)頁(yè)，制作好后添加dede代碼測(cè)試。

安裝使用
dede3.1lit版本增強(qiáng)了系統(tǒng)設(shè)置，模版的所在位置可以在系統(tǒng)設(shè)置里設(shè)定，把模版文件夾放到templets，欄目設(shè)置里{style}代表了模版文件夾位置，如下圖。



實(shí)例
下面提供本站實(shí)例給大家參考使用，頁(yè)面制作并不復(fù)雜，適合大家學(xué)習(xí)使用。

總共制作了文章，圖片（采用文章系統(tǒng)），下載三個(gè)系統(tǒng)模版，其他模版可以根據(jù)提供的頁(yè)面修改。

index_in.html——主頁(yè)
list.html——列表頁(yè)
index_arc.html——文章頁(yè)、下載封面
index_img.html——圖片封面
list_img.html——圖片列表
search.htm——搜索頁(yè)面
article.html——文章頁(yè)
article_down.html——下載頁(yè)
article_img.html——圖片
修改的文件：

inc_archives_view.php——上一篇下一篇分開調(diào)用，且限定文章所在欄目?jī)?nèi)而不是現(xiàn)在的全站。
inc_arcpart_view.php——更改友情鏈接flink
inc_channel_unit_functions.php——調(diào)用arclist標(biāo)簽無法讀出此欄目為副欄目的文章的應(yīng)急解決方案
inc_functions.php——跳轉(zhuǎn)提示頁(yè)標(biāo)題修改
inc_vote.php——投票修改
增加的文件：

為了全站顯示登入系統(tǒng)后的狀態(tài)，member目錄增加幾個(gè)文件。

index_doo.php
index_login.php
login.html
config_g.php
logined.js
templets/index_login.html

下載后放到網(wǎng)站templets，參照上面設(shè)置即可。