dreamweaver

如何使用dreamweaver的功能

如何使用dreamweaver的模板功能

通常在一個網(wǎng)站中會有幾十甚至幾百個風格基本相似的頁面，如

果每次都重新設定網(wǎng)頁結(jié)構(gòu)以及相同欄目下的導航條、各類圖標就顯

得非常麻煩，不過我們可以借助DreamweaverMX2004的模板功能

來簡化操作。其實模板的功能高閑 就是把網(wǎng)頁布局和內(nèi)容分離，在布局設

計好之后將其存儲為模板，這樣相同布局的頁面可以通過模板創(chuàng)建，

因此能夠極大提高工作效率。

下面是個較全面的例子，能迅速的讓你掌握模板的使用。

1.編輯頁面

打開DW，新建一個站點，我們就取名為“蜘蛛網(wǎng)”。

新建一個空白頁面作為內(nèi)頁(通常一個網(wǎng)站只有一個首頁，所以對

首頁我們可以不做成模板)，取名為。

編輯這個頁面，完成如圖1。

圖1，編輯完成后的頁面，注意A處，此處將作為可

編輯區(qū)域，下文會針對提及。

2.生成模板

編輯完成后，我們將此頁保存為模板(注意不是保存為普通的htm

網(wǎng)頁)。通過DW中的FileSaveAsTemplate可以存為模板，執(zhí)行此

命令后會彈出SaveAsTemplate窗口，如圖2。

圖2，SaveAsTemplate窗口。

圖2中的B處為選擇站點，我們選擇“蜘蛛網(wǎng)”，C處為我們要

存為的小孔雀魚 模板文件名，我們填入body。按右上角的Save保存。

這時我們按F8調(diào)出site(站點管理器)，在Templates文件夾中可

以看到(當有模板文件時，DW會自動生成Templates文件

夾，dwt為模板類型文件)

3.編輯模板

在Site中打開模板文件，將會發(fā)現(xiàn)跟頁面

好像沒什么分別，但其實是不一樣的，在中是無法添加可

編輯區(qū)域的。可編輯區(qū)域只能在模板文件中添加。

為了讓大家更好的理解“可編輯區(qū)域”，我們先用此模板生成一

個htm文件：點FileNewFromTemplate，彈出SelectTemplate

窗口，在emplates中選擇body，再點擊右上角的Select即可生成一

個新的ht十六字口號 m文件。我們將此新建頁面改名為。現(xiàn)在我們用

DW將與兩文件都打開，比較一下有什么不同。

你會發(fā)現(xiàn)在頁面的右上角寫著“Template:body”幾個字。

(說明此頁是由模板文件生成)同時你會驚訝的發(fā)現(xiàn)

文件竟然不可以編輯(可以編輯)。對了，這就是

由于在模板文件中沒有定義“可編輯區(qū)域”的結(jié)果，使得生

成的頁面都不可編輯了。所以我們必須在模板文件中添加可編輯區(qū)域。

下面是添加可編輯區(qū)域的步驟：

1)打開模板文件，我們希望中間的表格可以編輯(也就

是圖1中的A處)。但是要在文件中，而不是)，

所以要在此處添加可編輯區(qū)域。

2)將鼠標光標放入A處表格里，點擊鼠標右鍵，選擇New

EditableRegion…，彈出NewEditableRegion窗口，要求填入此

可編輯區(qū)域的彪炳什么意思 .名稱(我們通常稱為可編輯區(qū)域標記)。我們填入

Region01，點擊ok關(guān)閉此窗口完成當前可編輯區(qū)域標記的編輯。此

時可以看到在表格中有如圖3的顯示。

圖3，NewEditableRegion窗口。

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

到此為止我們定義了一個可編輯區(qū)域，如果有多個編輯區(qū)域，同

樣可以如法炮制。

※還可以通過ModifyTemplatesNewEditableRegion…生成

新的可編輯區(qū)域，如果想刪除可編輯區(qū)域，可通過

ModifyTemplatesRemoveEditableRegion…，然后按提示操作即

可。

4.用模板生成頁面

其實我們前面也提及過用模板生成頁面的步驟，就是通過

FileNewFromTemplate。請參考第三步的有關(guān)步驟。現(xiàn)在我們用模

板生成一個名為的頁面。這時你真心相伴打一字 會發(fā)現(xiàn)，在

頁面中除了可編輯區(qū)域Region01可以編輯外，別的地方鼠標都成了

限制狀態(tài)。我們在此可編輯區(qū)域中添加我們需要的內(nèi)容，比如我們隨

便媽媽過生日送什么禮物好 寫入一篇文章。這樣就可以根據(jù)我們的需要，利用模板生成頁面。

5.修改模板內(nèi)容與更新站點alook 文件

打開模板文件，將我們需要修改的地方進行修改，比如

我們把logo圖片換掉或修改任何非可編輯區(qū)域，甚至添加或刪除可編

輯區(qū)域等。

下面就用換logo來說明模板是如何更新文件的。

我們把logo圖片換成另外我們喜歡的圖片，完成后保存

文件，這時DW會怎樣畫山水畫 彈出窗口詢問是否需要更新文件，選擇

Update，DW就會自動的將所有用此模板生成的頁面都更新，更新時

DW會彈出UpdatePages窗口，完成后，在UpdatePages窗口中

會給出更新日志。

※如果選擇了don’tUpdate，DW直接保持模板文件，暫時不

更新頁面，但我們可以手動更新頁面，只要選擇

ModifyTemplatesUpdatePages…即可。

這時我們打開任意一個用生成的頁面，如。

會發(fā)現(xiàn)logo圖片已經(jīng)改變。

不難發(fā)現(xiàn)，利用這個功能，我們可以輕松的解決站點更新對聯(lián)常識 問題，

模板的功能十分強大，此文只起到拋磚引玉的作用，很多功能由于篇

幅問題未能提及，自己要多嘗試，這樣才能充分領(lǐng)略DW的模板風采。