DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver入門 >> 用DW如何編輯網站模板
用DW如何編輯網站模板
編輯:Dreamweaver入門     

   在Site中打開body.dwt網站模板文件,將會發現跟body.htm頁面好像沒什麼分別,但其實是不一樣的,在body.htm中是無法添加可編輯區域的。可編輯區域只能在模板文件中添加。為了讓大家更好的理解“可編輯區域”,我們先用此模板生成一個htm文件:點FileàNew From Template,彈出Select Template窗口,在emplates中選擇body,再點擊右上角的Select即可生成一個新的htm文件。我們將此新建頁面改名為body2.htm。現在我們用DW將body.htm與body2.htm兩文件都打開,比較一下有什麼不同。你會發現在body2.htm頁面的右上角寫著“Template:body”幾個字。同時你會驚訝的發現body2.htm文件竟然不可以編輯。對了,這就是由於在body.dwt模板文件中沒有定義“可編輯區域”的結果,使得生成的頁面都不可編輯了。所以我們必須在模板文件中添加可編輯區域。下面是添加可編輯區域的步驟:

  1) 打開body.dwt模板文件,我們希望中間的表格可以編輯。但是要在body.dwt文件中,而不是body.htm),所以要在此處添加可編輯區域。

  2) 將鼠標光標放入A處表格裡,點擊鼠標右鍵,選擇New Editable Region…, 彈出New Editable Region窗口,要求填入此可編輯區域的名稱。我們填入Region01,點擊ok關閉此窗口完成當前可編輯區域標記的編輯。

  說明此處有一個標記為Region01的可編輯區域。

  到此為止我們定義了一個可編輯區域,如果有多個編輯區域,同樣可以如法炮制。

  注:通過ModifyàTemplatesàNew Editable Region…網站模板可以生成新的可編輯區域,如果想刪除可編輯區域,可通過ModifyàTemplatesàRemove Editable Region…,然後按提示操作即可。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved