使用手冊 取消

連結

  1. Dreamweaver 使用手冊
  2. 簡介
    1. 多方互動網頁設計基本概念
    2. Dreamweaver 的新增功能
    3. 使用 Dreamweaver 開發網頁 - 總覽
    4. Dreamweaver / 常見問題
    5. 鍵盤快速鍵
    6. Dreamweaver 系統需求
    7. 功能摘要
  3. Dreamweaver 和 Creative Cloud
    1. 將 Dreamweaver 設定與 Creative Cloud 同步
    2. Dreamweaver 中的 Creative Cloud Libraries
    3. 在 Dreamweaver 中使用 Photoshop 檔案
    4. 使用 Adobe Animate 和 Dreamweaver
    5. 從資料庫擷取網頁最佳化的 SVG 檔案
  4. Dreamweaver 工作區和檢視
    1. Dreamweaver 工作區
    2. 最佳化視覺開發的 Dreamweaver 工作區
    3. 根據檔案名稱或內容搜尋檔案 | Mac OS
  5. 設定網站
    1. 關於 Dreamweaver 網站
    2. 設定網站的本機版本
    3. 連線到發佈伺服器
    4. 設定測試伺服器
    5. 匯入和匯出 Dreamweaver 網站設定
    6. 將現有網站從遠端伺服器帶入本機網站根目錄
    7. Dreamweaver 中的輔助功能
    8. 進階設定
    9. 設定網站偏好設定以傳送檔案
    10. 在 Dreamweaver 中指定 Proxy 伺服器設定
    11. 將 Dreamweaver 設定與 Creative Cloud 同步
    12. 在 Dreamweaver 中使用 Git
  6. 管理檔案
    1. 建立和開啟檔案
    2. 管理檔案和資料夾
    3. 下載和上傳伺服器檔案
    4. 存回和取出檔案
    5. 同步化檔案
    6. 比較檔案差異
    7. 遮罩 Dreamweaver 網站中的檔案和資料夾
    8. 啟用 Dreamweaver 網站的設計備註
    9. 防止 Gatekeeper 遭到潛在惡意利用
  7. 版面和設計
    1. 使用視覺輔助以配置版面
    2. 關於使用 CSS 配置頁面
    3. 使用 Bootstrap 設計回應式網站
    4. 在 Dreamweaver 中建立及使用媒體查詢
    5. 以表格呈現內容
    6. 顏色
    7. 使用流變格線版面的互動設計
    8. Dreamweaver 中的 Extract
  8. CSS
    1. 了解串接樣式表
    2. 使用 CSS 設計工具配置頁面
    3. 在 Dreamweaver 中使用 CSS 預處理器
    4. 如何在 Dreamweaver 中設定 CSS 樣式偏好設定
    5. 在 Dreamweaver 中移動 CSS 規則
    6. 在 Dreamweaver 中將行內 CSS 轉換為 CSS 規則
    7. 使用 div 標籤
    8. 套用漸層至背景
    9. 在 Dreamweaver 中建立與編輯 CSS3 轉變效果
    10. 格式化程式碼
  9. 頁面內容和資產
    1. 設定頁面屬性
    2. 設定 CSS 標題屬性和 CSS 連結屬性
    3. 處理文字
    4. 尋找和取代文字、標籤和屬性
    5. DOM 面板
    6. 在即時檢視中編輯
    7. 在 Dreamweaver 中進行文件編碼
    8. 在文件視窗中選取並檢視元素
    9. 在屬性檢視窗中設定文字屬性
    10. 檢查網頁拼字
    11. 在 Dreamweaver 中使用水平線
    12. 在 Dreamweaver 中新增和修改字體組合
    13. 使用資源
    14. 在 Dreamweaver 中插入和更新日期
    15. 在 Dreamweaver 中建立和管理最愛資源
    16. 在 Dreamweaver 中插入及編輯影像
    17. 新增媒體物件
    18. 在 Dreamweaver 中加入視訊
    19. 插入 HTML5 視訊
    20. 插入 SWF 檔
    21. 新增音效效果
    22. 在 Dreamweaver 中插入 HTML5 音效
    23. 使用圖庫項目
    24. 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
  10. 連結和導覽
    1. 關於連結和導覽
    2. 連結
    3. 影像地圖
    4. 連結疑難排解
  11. jQuery Widget 和效果
    1. 在 Dreamweaver 中使用 jQuery UI 和 Mobile Widget
    2. 在 Dreamweaver 中使用 jQuery 效果
  12. 撰寫網站程式碼
    1. 關於在 Dreamweaver 中撰寫程式碼
    2. Dreamweaver 的程式碼撰寫環境
    3. 設定程式碼撰寫偏好設定
    4. 自訂程式碼色彩標示
    5. 撰寫和編輯程式碼
    6. 程式碼提示和程式碼完成
    7. 收合和展開程式碼
    8. 利用片段重複使用程式碼
    9. Lint 程式碼
    10. 最佳化程式碼
    11. 在設計檢視中編輯程式碼
    12. 使用頁面的檔頭內容
    13. 在 Dreamweaver 中插入伺服器端包含
    14. 在 Dreamweaver 中使用標籤資料庫
    15. 匯入自訂標籤到 Dreamweaver
    16. 使用 JavaScript 行為 (一般說明)
    17. 套用內建的 JavaScript 行為
    18. 關於 XML 與 XSLT
    19. 在 Dreamweaver 中執行伺服器端 XSL 轉換
    20. 在 Dreamweaver 中執行用戶端 XSL 轉換
    21. 在 Dreamweaver 中新增 XSLT 字元實體
    22. 格式化程式碼
  13. 跨產品工作流程
    1. 安裝與使用 Dreamweaver 的擴充功能
    2. Dreamweaver 中的應用程式內更新
    3. 在 Dreamweaver 中插入 Microsoft Office 文件 (僅適用於 Windows)
    4. 使用 Fireworks 和 Dreamweaver
    5. 使用 Contribute 編輯 Dreamweaver 網站的內容
    6. Dreamweaver-Business Catalyst 整合
    7. 建立個人化的電子郵件行銷活動
  14. 範本
    1. 關於 Dreamweaver 範本
    2. 辨識範本和以範本為架構的文件
    3. 建立 Dreamweaver 範本
    4. 建立範本的可編輯區域
    5. 在 Dreamweaver 中建立重複區域和表格
    6. 使用範本中的選擇性區域
    7. 在 Dreamweaver 中定義可編輯的標籤屬性
    8. 如何在 Dreamweaver 中建立巢狀範本
    9. 編輯、更新和刪除範本
    10. 在 Dreamweaver 中匯出及匯入 XML 內容
    11. 對現有的文件套用或移除範本
    12. 編輯 Dreamweaver 範本的內容
    13. Dreamweaver 中範本標籤的語法規則
    14. 設定範本區域的標示偏好設定
    15. 使用 Dreamweaver 範本的好處
  15. 行動裝置和多螢幕
    1. 建立媒體查詢
    2. 為行動裝置變更頁面方向
    3. 使用 Dreamweaver 為行動裝置建立網頁用程式
  16. 動態網站、網頁和網站表單
    1. 了解網頁用程式
    2. 設定您的電腦以進行應用程式開發
    3. 疑難排解資料庫連線
    4. 在 Dreamweaver 中移除連線 Script
    5. 設計動態網頁
    6. 動態內容來源總覽
    7. 定義動態內容的來源
    8. 將動態內容新增至頁面
    9. 在 Dreamweaver 中變更動態內容
    10. 顯示資料庫記錄
    11. 在 Dreamweaver 中提供即時資料及進行疑難排解
    12. 在 Dreamweaver 中新增自訂伺服器行為
    13. 使用 Dreamweaver 建立表單
    14. 使用表單向使用者收集資訊
    15. 在 Dreamweaver 中建立及啟用 ColdFusion 表單
    16. 建立網站表單
    17. 加強對 HTML5 表單元素的支援
    18. 使用 Dreamweaver 開發表單
  17. 以視覺化方式建立應用程式
    1. 在 Dreamweaver 中建立主要和細節頁面
    2. 建立搜尋及結果頁面
    3. 建立記錄插入頁面
    4. 在 Dreamweaver 中建立更新記錄頁面
    5. 在 Dreamweaver 中建立記錄刪除頁面
    6. 在 Dreamweaver 中使用 ASP 命令修改資料庫
    7. 建立註冊頁面
    8. 建立登入頁面
    9. 建立唯有授權用戶才能存取的頁面
    10. 使用 Dreamweaver 保護 ColdFusion 中的資料夾
    11. 在 Dreamweaver 中使用 ColdFusion 組件
  18. 測試、預覽和發佈網站
    1. 預覽頁面
    2. 在多部裝置上預覽 Dreamweaver 網頁
    3. 測試 Dreamweaver 網站

 

了解如何設定網頁間的導覽作業。在 Dreamweaver 中連結檔案和文件,更新、變更及測試連結。

在建立連結之前,請確定您了解絕對路徑、 文件相對路徑和網站根目錄相對路徑的作用。 您可以在文件中建立數種連結類型:

  • 到另一個文件或檔案的連結,如圖形檔、影片、PDF 或音效檔
  • 命名錨點連結,會跳到文件內的特定位置

  • 電子郵件連結,會建立新的空白電子郵件,並填妥收件者的地址。

  • Null 和 Script 連結,可讓您將行為附加至物件,或建立執行 JavaScript 程式碼的連結。

您 可以使用「屬性」檢視窗和「指向檔案」圖示, 建立從影像、物件或文字到另一個文件或檔案的連結。

Dreamweaver 使用文件相對路徑, 以建立連到網站上其他頁面的連結。 您也可以指示 Dreamweaver 使用網站根目錄相對路徑來建立新連結。

在建立文件相對路徑之前,務必要先儲存新檔案,文件相對路徑在沒有明確起點的情況下是無效的。 如果您在儲存檔案之前建立了文件相對路徑,Dreamweaver 會暫時使用以 file:// 為開頭的絕對路徑,直到儲存檔案為止;當您儲存檔案時,Dreamweaver 會將 file:// 路徑轉換成相對路徑。

將 JavaScript 行為附加到連結

您可以將行為附加到文件中的任何連結。 當您將連結的元素插入文件時,請考慮使用下列行為:

設定狀態列文字

可決定訊息的文字,並將它顯示在瀏覽器視窗左下方的狀態列中。 例如,您可以使用這個行為,在狀態列中描述連結的目的地,而不是顯示與它相關的 URL。

開啟瀏覽器視窗

在新視窗中開啟 URL。 您可以指定新視窗的屬性 (Property),包括名稱、大小和屬性 (Attribute,用於指定是否可調整大小、是否有選單列等等)。

跳頁選單

編輯跳頁選單。 您可以變更選單清單、指定不同的連結檔,或變更可在其中開啟連結文件的瀏覽器位置。

使用屬性檢視窗連結至文件

您可以使用「屬性」檢視窗的資料夾圖示或「連結」方塊,建立從影像、物件或文字到另一個文件或檔案的連結。

  1. 請在「文件」視窗的「設計」檢視中選取文字或影像。
  2. 開啟「屬性」檢視窗 (「視窗 > 屬性」),然後執行下列其中一項作業:
    • 按一下「連結」方塊右邊的資料夾圖示 瀏覽並選取檔案。

      連結文件的路徑會在「URL」方塊中出現。 請使用「選取檔案」對話方塊中的「相對於」快顯視窗選單,以指出路徑是相對於文件或相對於根目錄,然後按一下「確定」。您所選取的路徑類型只會套用到目前的連結。(您可以變更網站的「相對於」方塊預設設定)。

    • 在「連結」方塊中輸入文件的路徑和檔案名稱。

      如果要連結至網站內的文件,請輸入文件相對或網站根目錄相對路徑。如果要連結至網站外的文件,請輸入包含通訊協定 (如 http://) 的絕對路徑。您可以使用這個方法,輸入尚未建立之檔案的連結。

  3. 從「目標」下拉式清單中,選取要開啟文件的位置:

    • _blank 會在新的且未命名的瀏覽器視窗中載入連結的文件。
    • _parent 會在上一層頁框或包含連結的頁框之上一層視窗中載入連結的文件。如果包含連結的頁框不是巢狀的,則會在完整的瀏覽器視窗中載入連結的文件。
    • _self 會在與連結相同的頁框或視窗中載入連結的文件。這個目標是預設值,因此您通常不需要指定它。
    • _top 會在完整的瀏覽器視窗中載入連結的文件,然後移除所有頁框。
    • _new 會在新的視窗中載入連結的文件。

使用指向檔案圖示來連結 文件

  1. 請在「文件」視窗的 「設計」檢視中選取文字或影像。
  2. 以下列兩個方式之一建立連結:
    • 在「屬性」檢視窗中,拖曳「連結」方塊右邊的「指向檔案」圖示 (目標圖示),並指向目前文件中可看到的錨點、另一個開啟的文件中可看到的錨點、已指派唯一 ID 的元素,或「檔案」面板中的文件。

    • 按 Shift 從選取範圍拖曳,並指向目前文件中可看到的錨點、另一個開啟的文件中可看到的錨點、已指派唯一 ID 的元素,或「檔案」面板中的文件。

    只有在「文件」視窗中的文件沒有最大化的情況下,才可以連結到另一個開啟的文件。如果要並排顯示文件,請選取「視窗 > 排列順序 > 重疊顯示」或「視窗 > 排列順序 > 並排顯示」。當您指向開啟的文件時,該文件會在您進行選取時移到畫面的前景。

使用超連結命令新增連結

「超連結」命令可讓您建立到影像、物件或是到另一個文件或檔案的文字連結。

  1. 將插入點放在文件中您希望連結出現的位置上。
  2. 執行下列其中一項作業,就會顯示「超連結」對話方塊:

    • 選取「插入 > 超連結」。

    • 在「插入」面板的「常用」類別中,按一下 「超連結」按鈕。

  3. 在「文字」欄位中,輸入連結的文字。
    從「連結」下拉式選單中,選取要連結的檔案的名稱。 您也可以按一下資料夾圖示 ,瀏覽至您想要連結的檔案。

  4. 在「目標」快顯視窗選單中,請選取要在其中開啟檔案的視窗,或鍵入其名稱。

    您在目前文件中命名的所有頁框名稱,都會在快顯視窗清單中出現。 如果指定了不存在的頁框,連結頁面會在含有您所指定名稱的新視窗中開啟。 您也可以從下列保留的目標名稱中選取:

    • _blank 會在未命名的新瀏覽器視窗中載入連結的檔案。
    • _parent 會在上一層頁框組或包含連結的頁框之視窗中載入連結的檔案。如果包含連結的頁框不是巢狀的,則會在完整的瀏覽器視窗中載入連結的檔案。
    • _self 會在與連結所在的同一個頁框或視窗中,載入連結的檔案。 這個目標是預設值,因此您通常不需要指定它。
    • _top 會在完整的瀏覽器視窗中載入連結的檔案,然後移除所有頁框。
    • _new 會在新的視窗中載入連結的文件。
  5. 在「表格索引」方塊中,輸入索引標籤順序的數字。
  6. 在「標題」方塊中,輸入連結的標題。
  7. 在「存取鍵」方塊中,輸入對等的鍵盤按鍵 (一個 字母),以選取瀏覽器中的連結。
  8. 按一下「確定」。

建立 Word 或 Excel 文件的連結

您可以將 Microsoft Word 或 Excel 文件的連結插入現有的頁面中。

  1. 在「設計」檢視中,開啟您要連結顯示所在的頁面。

  2. 將檔案從目前的位置拖曳到 Dreamweaver 頁面中,並放置在您要的位置。 「插入文件」對話方塊便會出現。

  3. 選取「建立連結」,然後按一下「確定」。

    如果您要連結的文件是位於網站根資料夾之外,則 Dreamweaver 會提示您將該文件複製到網站的根目錄。

    透過將文件複製到網站的根資料夾,即可確保在發佈此網站時可以提供該文件。

  4. 將頁面上傳到 Web 伺服器時,請務必同時上傳 Word 或 Excel 檔案。您的頁面現在包含前往 Word 或 Excel 文件的連結。連結文字是連結檔案的名稱,但您可以視需要變更「文件」視窗中的連結文字。

設定新連結的相對路徑

根據預設,Dreamweaver 會使用文件相對路徑,建立連到網站上其他頁面的連結。 若要改用網站根目錄相對路徑,必須先選擇本機根目錄資料夾做為伺服器上的文件根目錄,在 Dreamweaver 中定義本機資料夾。 Dreamweaver 會使用這個 資料夾來判斷檔案的網站根目錄相對路徑。

  1. 選取「網站 > 管理網站」。
  2. 在「管理網站」對話方塊的清單中,按兩下 您的網站。
  3. 在「網站設定」對話方塊中,展開「進階設定」 並選取「本機資訊」類別。
  4. 選取「文件」或「網站根目錄」選項,以設定新連結的相對路徑。

    變更這項設定後再按一下「確定」,並不會轉換現有連結的路徑。 這個設定只會套用到使用 Dreamweaver 建立的新連結。

  5. 按一下「儲存」。

    新的路徑設定只會套用到目前的網站。

連結到文件中的特定位置

只要先建立好命名錨點,您就可以使用「屬性」檢視窗,連結到文件的特定區段。 已命名錨點讓您能在文件中設定標記,這些標記通常會放在文件的特定主題或頂端的地方。 然後,您就可以建立這些命名錨點的連結,這些連結可以快速地將瀏覽者引導到指定的位置。

建立命名錨點的連結有兩個步驟。 首先,要建立命名錨點; 然後再建立到這個命名錨點的連結。

建立錨點

  1. 在「文件」視窗中,選取並標示您想要設定為錨點的項目。

  2. 開啟「屬性檢視窗」,並檢查選取的項目是否有 ID。如果 ID 欄位是空白的,請新增 ID。例如 Anchor。

    建立錨點
    建立錨點

    新增 ID 之後,請注意程式碼中的變更。id="<ID 名稱>" 會插入您選取之處的程式碼中。

    程式碼中的錨點 ID
    新增連結的錨點

  1. 在「文件」視窗的「設計」檢視中,選取要對其建立連結的文字或影像。
  2. 在「屬性」檢視窗的「連結」方塊中,輸入數字符號 (#) 和錨點名稱。 例如,要連結至 目前文件中名為「top」的錨點,請輸入「#top。若要連結到相同資料夾內不同文件中名為「top」的錨點,請輸入「filename.html#top」。
    註解:

    錨點名稱要區分大小寫。

  1. 開啟包含命名錨點的文件。
    註解:

    如果您沒有看到錨點,請從「設計」檢視中選取「檢視 > 設計檢視選項 > 視覺輔助 > 隱藏元素」,讓錨點顯示出來。

  2. 在「文件」視窗的「設計」檢視中,選取您要開始連結的文字或影像。 (如果這是另一個開啟的文件,您必須切換到這個文件)。
  3. 請執行下列其中一項作業:
    • 在「屬性」檢視窗中按一下「連結」方塊右邊的「指向檔案」圖示 (目標 圖示),並將它拖曳到您要連結 的錨點:同一個文件內的錨點, 或另一個已開啟文件中的錨點。

    • 在「文件」視窗中,從選取的文字或影像位置按住 Shift 然後拖曳到您要連結的錨點:同一個 文件內的錨點,或另一個已開啟文件中的錨點。

建立電子郵件連結

在按一下後,會開啟電子郵件連結,並且顯示新的空白訊息視窗 (使用與用戶瀏覽器相關的郵件程式)。 在電子郵件視窗中,「收件者」方塊會自動更新為電子郵件連結中所指定的位址。

  1. 在「文件」視窗的「設計」檢視中,將插入點放在您希望電子郵件連結出現的位置上,或是選取要以電子郵件連結形式出現的文字或影像。
  2. 執行下列其中一項作業,以插入連結:
    • 選取「插入 > 電子郵件連結」。

    • 在「插入」面板的「常用」類別中,按一下「電子郵件連結」按鈕。

  3. 在「文字」方塊中,輸入或編輯電子郵件的內文。
  4. 在「文字」方塊中,輸入電子郵件地址,然後按一下 「確定」。
  1. 請在「文件」視窗的「設計」檢視中選取文字或影像。
  2. 在「屬性」檢視窗的「連結」方塊中,輸入 mailto:,後面接著輸入電子郵件地址。

    請勿在冒號和電子郵件地址之間輸入任何空格。

自動填入電子郵件的 主旨行

  1. 依上述方式,使用「屬性」檢視窗 建立電子郵件連結。
  2. 在「屬性」檢視窗的「連結」方塊中,將 ?subject= 新增到 電子郵件之後,在等號之後輸入主旨。 請勿在問號 和電子郵件地址結尾之間輸入任何空格。

    完整輸入應如下所示:

    mailto:someone@yoursite.com?subject=Mail from Our Site

建立 Null 和 Script 連結

「Null 連結」是一種未指定的連結。 請使用 Null 連結,將行為 附加到網頁上的物件或文字。 例如,您可以將行為附加到 Null 連結, 當指標移動過連結時,就會調換影像或 顯示絕對定位元素 (AP 元素)。

「Script 連結」會執行 JavaScript 程式碼或呼叫 JavaScript 函式, 在不離開目前網頁的情況下,還能提供項目的額外相關資訊, 這種連結對瀏覽者而言,很有幫助。 Script 連結也可以 在瀏覽者按一下特定項目時,用來執行計算、 表單驗證和其他處理工作。

  1. 在「文件」視窗的「設計」 檢視中選取文字、影像或物件。
  2. 在「屬性」檢視窗的「連結」文字方塊中,輸入 JavaScript:; (單字 JavaScript,後面跟隨冒號, 再加上分號)。
  1. 在「文件」視窗的「設計」 檢視中選取文字、影像或物件。
  2. 在「屬性」檢視窗的「連結」方塊中,輸入「JavaScript:」,後面 跟著一些 JavaScript 程式碼或函式呼叫。 (請勿在冒號與 程式碼或呼叫之間輸入空格)。

自動更新連結

只要您在本機網站內移動或重新命名文件, Dreamweaver 都能更新文件的來源和目標 連結。 當您在本機磁碟上儲存整個網站 (或 儲存網站的整個獨立檔案區段) 時,這個功能最好用。 在您將本機檔案放置或存回到 遠端伺服器之前,Dreamweaver 不會變更遠端 資料夾中的檔案。

若要加快更新處理程序,Dreamweaver 可建立快取檔案, 以儲存本機資料夾中所有連結的相關資訊。 當 您新增、變更或刪除本機網站上的連結時,會在無形之中 更新快取檔。

  1. 選取「編輯 > 偏好設定」(Windows) 或「Dreamweaver > 偏好設定」(Macintosh)。
  2. 在「偏好設定」對話方塊中,從左邊的分類清單中選 取「一般」。
  3. 在「一般」偏好設定的「文件選項」區段中, 從「當移動檔案時更新連結」快顯視窗選單選取 選項。

    總是

    無論您何時移動或重新命名選取的文件,都會 自動更新文件的所有來源或目標連結。

    決不

    移動或重新命名選取的文件時,請勿自動 更新文件的所有來源或目標連結。

    提示

    會顯示對話方塊,列出所有受變更 影響的檔案。 按一下「更新」來更新這些檔案中的連結, 或按一下「不要更新」,讓檔案維持原樣。

  4. 按一下「確定」。

建立網站的快取檔案

  1. 選取「網站 > 管理網站」。
  2. 選取網站,然後按一下「編輯」。
  3. 在「網站設定」對話方塊中,展開「進階設定」 並選取「本機資訊」類別。
  4. 在「本機資訊」類別中,選取「使用快取」。

    啟動 Dreamweaver 之後,第一次在本機資料夾中 變更或刪除檔案的連結時,Dreamweaver 會提示您載入快取。 如果按一下「是」,Dreamweaver 會載入快取, 並更新您剛才所變更檔案的所有連結。 如果按一下 「否」,會在快取中加註變更,但 Dreamweaver 不會載入快取,也不會更新連結。

    在較大的網站上載入 快取可能要花費幾分鐘的時間,因為 Dreamweaver 必須 將本機網站上檔案的時間戳記與快取中所記錄的時間戳記 加以比較,以判斷快取是否為 最新內容。 如果沒有在 Dreamweaver 之外變更任何檔案,您可以放心在該檔案出現時 按一下「停止」按鈕。

重新建立快取

  1. 在「檔案」面板中,選取「網站 > 進階 > 重新建立網站快取」。

更改整個網站的連結

除了讓 Dreamweaver 在您移動或 重新命名檔案時自動更新連結之外,您還可以 手動將所有連結 (包括電子郵件、FTP、Null 和 Script 連結) 變更為指向其他位置。

這個選項 在您想要刪除其他檔案所連結到的檔案時最為有用, 但是也可以將它用於其他目的。 例如,假設您 在整個網站中,將文字「本月份影片」連結 至 /movies/july.html。 到了 8 月 1 日,您便會更改這些連結,讓這段文字指向 /movies/august.html。

  1. 在「檔案」面板的「本地」檢視 中選取檔案。
    註解:

    如果您要更改的是電子郵件、FTP、Null 或 Script 連結,就不需要選取檔案。

  2. 選取「網站 > 網站選項 > 更改整個網站的連結」。

  3. 在「更改整個網站的連結」對話方塊中完成下列 選項:

    更改所有連結到

    按一下資料夾圖示 瀏覽並選取要解除連結的目標檔案。 如果您要 更改的是電子郵件、FTP、Null 或 Script 連結,請輸入 要更改之連結的完整文字。

    變成新連結

    按一下資料夾圖示 , 瀏覽並選取要連結到的新檔案。 如果您要更改的 是電子郵件、FTP、Null 或 Script 連結,請輸入 取代連結的完整文字。

  4. 按一下「確定」。

    Dreamweaver 會利用已用於文件中的 路徑格式 (例如,如果舊路徑是相對於文件的,新路徑 也會是相對於文件) 來更新連結到所選檔案的任何文件, 讓這些文件指向新檔案。

    在您 變更整個網站的某個連結之後,選取的檔案會變成孤立 檔案 (也就是本機磁碟上沒有任何檔案指向它)。 您可以放心 加以刪除,而不會中斷本機 Dreamweaver 網站中的任何連結。

    註解:

    因為 這些變更都是在本機上進行,您必須手動刪除 遠端資料夾中對應的孤立檔案,而且要放置或存回 已變更連結的檔案;否則,網站的 瀏覽者將看不到變更。

在 Dreamweaver 中測試連結

連結在 Dreamweaver 之中沒有作用,也就是說,您無法按一下「文件」 視窗中的連結,開啟所連結的文件。

  1. 請執行下列其中一項作業:
    • 以滑鼠右鍵按一下連結,然後選取「開啟連結網頁」。

    • 按 Control 鍵 (Windows) 或 Command 鍵 (Macintosh) 並按兩下連結。

    註解:

    連結的文件必須位於本機磁碟上。

Adobe 標誌

登入您的帳戶