首頁 >開發工具 >dreamweaver >Dreamweaver中如何使用模板（附程式碼）

Dreamweaver中如何使用模板（附程式碼）

這篇文章帶給大家的內容是關於Dreamweaver中如何使用模板（附程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

範本的作用：

一、有助於維持整個網站外觀與風格的一致性；

#二、在範本中進行修改後，所有套用範本的頁面都會自動更新。

簡單範例：

// 在其.dwt 範本中

<!-- TemplateBeginEditable name="myName" -->
    设置可编辑区域
<!-- TemplateEndEditable -->

// 在頁面中，宣告套用範本的位址，以及區域等

<HTML>
<!-- InstanceBegin template="/Templates/myTemplates.dwt" codeOutsideHTMLIsLocked="false" -->
  <HEAD>
  </BODY>
<!-- InstanceEnd -->
</HTML>

// 在範本區域內，設定可編輯區域

<!-- InstanceBeginEditable name="myName" -->
    放入可编辑区域的内容
<!-- InstanceEndEditable -->

新建空白模板：

1.选择“窗口”->“资源”命令（或按 F11键）。

2.单击“资源”面板上的“模板”图标，显示“模板”面板。

3.单击“模板”面板右下角的“新建模板”图标。

默认情况下，整个模板都处于锁定状态。

添加可编辑区域：

方法一：

在“插入”栏->“常用”选项卡->“模板”图标->“可编辑区域”；

方法二：

在“插入”->“模板对象”->“可编辑区域”；

方法三：

按Ctrl+Alt+V 组合键；

方法四：

右键选中区域->“模板”->“新建可编辑区域”

删除可编辑区域：

选中编辑区域，“修改”->“模板”->“删除模板标记”，该区域将被锁定，不可编辑。

修改编辑模板：

選擇「視窗」->「資源」->「模板」圖示->選擇要編輯的模板，然後雙擊，該模板將出現在「文件」窗口，此時即可編輯該模板。

對網頁套用範本：

1.開啟要套用範本的文件（即：頁面）；

2.選擇「視窗」->「資源」- >「範本」圖示->選擇要套用的範本；

3.將範本從面板拖曳到頁面視窗中（或按一下「套用」按鈕）；

4.在可編輯區域中新增或編寫資料；

注意：如果文件中已經有內容，必須將現有內容移到範本的可編輯區域內，否則Dreamweaver將會刪除這些內容！

以上是Dreamweaver中如何使用模板（附程式碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文轉載於：cnblogs.com。如有侵權，請聯絡admin@php.cn刪除

看更多