我們常見的切割好的html頁面包含這么幾個元素

如下圖  圖片文件夾、CSS文件夾、其它文件或圖片文件夾、一個html頁面  

 

 

2010-9-26 10:14 上傳

2010-9-26 10:32 上傳

接下來，我們就把這個頁面轉(zhuǎn)換成DIY頁面  

首頁我們用編輯工具打開 index.html頁面

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

如下圖所示

把系統(tǒng)頭部（header）引入進來

引用代碼

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

2010-9-26 10:53 上傳

給新的模板起個名字

如下代碼

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

復制代碼如下圖所示

2010-9-26 11:22 上傳

接下來增加可供DIY的CSS樣式表

如下代碼

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

復制代碼如下圖所示

2010-9-26 11:27 上傳

頭部

接下來更換底部代碼  

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

如下圖所示

2010-9-26 11:44 上傳

增加如下代碼

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