在這一節(jié),我將引導(dǎo)大家來(lái)分析和了解DEDE模板文件的代碼結(jié)構(gòu)。
準(zhǔn)備工作:
1:安裝好DW,如果實(shí)在不想安裝也行。用記事本也可以。不過(guò)用DW可以把結(jié)構(gòu)看的很清楚。在記事本里看會(huì)把你搞迷糊的
2:你安裝了DEDECMS。并進(jìn)入/templets/default(默認(rèn)模板目錄)目錄。
OK!Let's GO!
用DW打開(kāi)文件index.htm
如果你不熟悉HTML和CSS 建議去補(bǔ)習(xí)下。在這里就不系統(tǒng)講這些額外的東西了。在這里假設(shè)你看的懂HTML和CSS代碼,會(huì)不會(huì)寫(xiě)姑且不管。
先來(lái)看下<head></head>部分。head上面的一般不管。
在head 標(biāo)簽范圍內(nèi)主要包括了三類東西
1:title標(biāo)簽
2:mete標(biāo)簽 keywords description等
3:CSS文件鏈接。
大家可以看下 head部分。是不是包括了這幾部分。
至于 那些JS調(diào)用都不是必須的。只不過(guò)在首頁(yè)index.htm模板有用到一些特殊的地方需要調(diào)用函數(shù)才加在head里的。我把代碼貼出來(lái)了
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<link href="{dede:global.cfg_templeturl/}/style/dedecms.css" rel="stylesheet" media="screen" type="text/css" />
{dede:global.cfg_webname/}是你的網(wǎng)站名
{dede:global.cfg_description/}是你的網(wǎng)站描述
{dede:global.cfg_keywords/} 是你的網(wǎng)站關(guān)鍵字
你在仿站的時(shí)候 這三個(gè)值應(yīng)該都是別人的。要變成自己的 就要用這些標(biāo)簽替換掉
然后我們?cè)偻驴础>o跟著的是<body></body> 標(biāo)簽。。這里面的內(nèi)容才是頁(yè)面正文的開(kāi)始。
body里的結(jié)構(gòu)大體如下
<body class="index">
{dede:include filename="head.htm"/}
中間代碼
{dede:include filename="footer.htm"/}
</body>
大家這樣看 結(jié)構(gòu)就清楚了吧。
{dede:include filename="head.htm"/}是頭部代碼 如果你要修改頭部代碼就去head.htm
{dede:include filename="footer.htm"/}是尾部代碼 同樣你要修改就去footer.htm
其他index_*.htm list_*.htm article_*.htm 等幾乎所有的模板結(jié)構(gòu)都是這樣的。
現(xiàn)在有個(gè)大體的印象了。每個(gè)模板主要有兩個(gè)部分構(gòu)成
<head></head> 部分 和 <body></body> 部分
<body></body> 部分 又由 頭部模板 中間模板 和尾部模板。
在所有模板中 head.htm 和footer.htm 是其他模板的公共模板。都要調(diào)用到它們。所以 當(dāng)制作模板的時(shí)候,最好把頭部和尾部設(shè)計(jì)成這樣。??梢院拖到y(tǒng)同步。
OK。是不是也很簡(jiǎn)單。下一節(jié) 就講DEDECMS的標(biāo)簽使用。