我們常見的切割好的html頁(yè)面包含這么幾個(gè)元素

如下圖  圖片文件夾、CSS文件夾、其它文件或圖片文件夾、一個(gè)html頁(yè)面  

 

 

2010-9-26 10:14 上傳

2010-9-26 10:32 上傳

接下來(lái)，我們就把這個(gè)頁(yè)面轉(zhuǎn)換成DIY頁(yè)面  

首頁(yè)我們用編輯工具打開 index.html頁(yè)面

我們?yōu)榱四軌蚴褂媒y(tǒng)一的頭部樣式，這里面我們引入系統(tǒng)內(nèi)置的頭部文件（header）把頁(yè)面中的關(guān)于頭部的信息刪除

如下圖所示

把系統(tǒng)頭部（header）引入進(jìn)來(lái)

引用代碼

• <!–{subtemplate common/header}–>
• 如下圖所示

2010-9-26 10:53 上傳

給新的模板起個(gè)名字

如下代碼

• <!–[name]家居頻道模板[/name]–>

復(fù)制代碼如下圖所示

2010-9-26 11:22 上傳

接下來(lái)增加可供DIY的CSS樣式表

如下代碼

• <style id="diy_style" type="text/css"></style>

復(fù)制代碼如下圖所示

2010-9-26 11:27 上傳

頭部

接下來(lái)更換底部代碼  

找到底部代碼刪除掉 換成系統(tǒng)內(nèi)置的通用底部代碼   

如下圖所示

2010-9-26 11:44 上傳

增加如下代碼

• <!–{subtemplate common/footer}–>