如何在您的網站中加入互動式連結區

了解如何在 Dreamweaver 中使用影像地圖，為您的網站建立互動式連結區.

影像地圖指的是已分成數個稱為連結區之區域的影像，當用戶按一下連結區時，就會發生動作 (例如，開啟新檔案)。

客戶端影像地圖會在 HTML 文件中儲存超文字連結資訊，不像伺服器端影像地圖是在個別的地圖檔案中儲存。當網頁瀏覽者按一下影像中的連結區時，就會將相關的 URL 直接傳送給伺服器。這讓用戶端影像的地圖比伺服器端影像的地圖還快，因為伺服器不需要轉譯瀏覽者所按的位置。

Dreamweaver 不會變更現有文件中對伺服器端影像地圖的參考，您可以在同一個文件中使用客戶端影像地圖和伺服器端影像地圖。但是，可同時支援兩種影像地圖類型的瀏覽器會優先處理用戶端影像地圖。若要在文件中包含伺服器端影像地圖，您必須撰寫適當的 HTML 程式碼。

當您插入客戶端影像地圖時，就會建立連結區，然後定義用戶按一下連結區時會開啟的連結。

註解：

您可以建立多個連結區，但是它們仍屬於同一個影像地圖。

在「文件」視窗中，選取影像。

在「屬性」檢視窗中，按一下右下角的展開器箭頭，查看所有屬性。

在「地圖」欄位中，輸入影像地圖的唯一名稱。如果您正在同一文件中使用多個影像地圖，請確定每個地圖都有唯一的名稱。

若要定義影像地圖區，請執行下列其中一項作業：

在「連結」欄位中，按一下資料夾圖示，以瀏覽並選取您希望在用戶按一下連結區時開啟的檔案，或是輸入路徑。

在「目標」下拉式清單中，請選取要在其中開啟檔案的視窗，或輸入其名稱。

您在目前文件中命名的所有頁框名稱，都會在彈出式清單中出現。如果指定了不存在的頁框，連結頁面會在含有您所指定名稱的新視窗中載入。您也可以從下列保留的目標名稱中選取：

註解：

除非選取的連結區包含連結，否則目標選項無法使用。

在「替代」方塊中，鍵入要顯示在純文字瀏覽器或手動下載影像之瀏覽器中的替代文字。有些瀏覽器會在用戶移動指標滑過連結區時，顯示這個文字做為工具提示。

重複步驟 4 至 7 便能在影像地圖中定義其他連結區。

當您完成影像對應時，請在文件的空白區中按一下以變更「屬性」檢視窗。

您可以輕易地編輯在影像地圖中建立的連結區。您可以移動連結區、調整連結區大小，或在絕對定位元素 (AP 元素) 中前後移動連結區。

您也可以將含連結區的影像在文件之間複製，或複製影像中的一或多個連結區，再貼到另一個影像中，與影像相關的連結區也會被複製到新文件中。

使用指標連結區工具選取連結區。

請執行下列其中一項作業：

使用指標連結區域工具來選取連結區。

請執行下列其中一項作業：

使用指標連結區域工具

選取連結區。

拖曳連結區選取器控制點，變更連結區的大小或形狀。

Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

影像地圖