相關檔案功能可讓用戶存取與他們正在處理的檔案相關聯的支援檔案和相關檔案。相關檔案可以是 CSS、Script、伺服器端包含 (SSI) 或 XML 檔案。
例如，如果某個 CSS 檔案與主要檔案相關聯，則此功能有助於檢視和編輯此 CSS 檔案。用戶也可以在編輯相關檔案時檢視主要檔案。
當從本機網站路徑開啟某份文件，而該文件並未從測試伺服器載入時，如果其資源不在本機電腦上，現在會透過 http 解析通訊協定相對 URL (以 // 開頭) 和檔案通訊協定 URL (以 file:// 或 file:/// 開頭)。
- 如果資源在 http 上無法取得，則 Dreamweaver 會嘗試從 https 載入相關檔案。
- 如果資源在 https 上也無法取得，則 Dreamweaver 便無法載入相關檔案或資源。此外，如果放置資源的網路伺服器需要驗證，則會顯示登入對話方塊。
相關檔案的運作方式
相關檔案會協助用戶執行下列工作，藉以提升用戶的編輯體驗：
用戶可以在檢視主要檔案時檢視和存取相關檔案。在檢視含有相關檔案 (例如 CSS 檔案) 的頁面時，您可以看到下列內容：
一側是頁面設計
另一側是相關檔案
相關檔案列中包含會影響父 HTML 產生的文件。用戶可以看到來源 HTML、產生的 HTML，以及第一層子文件。
用戶可選取相關檔案列中顯示的任何相關檔案以執行下列工作：
在「程式碼」檢視中檢視和編輯相關檔案
在「設計」檢視中檢視父頁面
如果在「設計」檢視中選取內容並在相關檔案中進行變更，當用戶重新整理「設計」檢視時，並不會取消所選的項目。
如果您變更相關檔案的程式碼，這些變更會反映在「設計」檢視中。
當找不到檔案時，空白窗框頂端的列中便會顯示找不到檔案的訊息。
相關檔案術語
下列術語通常會與相關檔案一起使用：
術語 |
說明 |
範例 |
|---|---|---|
最上層文件 |
由用戶開啟的任何文件。 |
|
父文件 |
「設計」檢視中顯示的任何最上層文件。 |
|
第一層子文件 |
比父文件深一層的任何文件。這些文件會影響 HTML 程式碼的產生，CSS 除外。CSS 檔案可以包含其他 CSS 檔案，但是它們共同決定了套用至頁面的最終樣式。 |
|
較深層子文件 |
與父文件相距兩層以上的任何文件。這些文件會影響 HTML 程式碼的產生。 |
|
非相關檔案 |
不會影響 HTML 程式碼產生的任何文件，或用戶未主動編輯的任何檔案。 |
|
支援下列相關檔案：
類型 |
說明 |
巢狀層級 |
|---|---|---|
用戶端 Script |
所有語言 |
1 (無法巢狀處理 Script) |
伺服器端包含 |
當下列所有可擴充條件為 True 時：
例外狀況：在 HTML 文件中辨識出 Apache 樣式包含檔案陳述式 (<!--#include ... -->)。 |
1 |
Spry 資料集 |
1 (無法巢狀處理 Script) |
|
CSS |
|
無限 |
相關檔案 API
您可以自訂相關檔案選單以顯示下列項目：
相關檔案的檔名
來源 HTML 和產生的來源程式碼
dreamweaver.openRelatedFile() 函式會在「程式碼」檢視中顯示相關檔案，而 dreamweaver.getActiveRelatedFilePath() 函式則會顯示目前開啟之相關檔案的路徑。如需有關使用這些 API 的詳細資訊，請參閱 Dreamweaver API 參考文件中的「相關檔案功能」。
登入您的帳戶