1、1,18-5 製作影像地圖,影像地圖 (Image Map) 就是在同一張圖片裡加入許多超連結, 瀏覽者點選圖片中的不同位置, 就會分別連到不同的網頁去。您可以針對個別的物件來做連結設定, 也可以在基底影像中劃分不同的區塊來做連結設定;當然, 您要這兩種方法混合使用也是可以的。下面就來為您介紹這 2 種製作影像地圖的方式。,2,在基底影像中之影像地圖,若要在基底影像上製作影像地圖, 那麼您就必須在基底影像上切割出數個連結區塊。PhotoImpact 共有矩形、圓形以及多邊形三種工具可用來切割基底影像。請開啟練習檔 18-03.ufo:,3,在基底影像中之影像地圖,4,在基底影像中之影像地圖,按
2、下工具面板中的影像地圖工具, 再選擇屬性工具列中的矩形鈕, 使用滑鼠在編輯區中拉曳出符合圖片的尺寸, 這樣矩形的區塊就完成了。,5,在基底影像中之影像地圖,6,在基底影像中之影像地圖,另外一種是沒有形狀限制, 適合不規則區塊的多邊形切割工具。請按下屬性工具列中的多邊形鈕, 以兩點為一直線方式, 沿圖形的不規則邊緣拉曳出一個區塊, 如此多邊形連結區塊就產生了。,7,在基底影像中之影像地圖,8,在基底影像中之影像地圖,當區塊分割完成後, 接下來就是設定各個區塊的超連結位置。請按下屬性工具列中的挑選鈕, 並選取編輯區中的矩形連結區塊, 按下屬性工具列中的面板鈕開啟工具設定-影像地圖面板。,9,在基底
3、影像中之影像地圖,10,在基底影像中之影像地圖,在工具設定-影像地圖面板中切換到內容頁次, 將連結相關設定填入。,11,在基底影像中之影像地圖,當影像地圖各連結區塊路徑都設定好後, 你可以按下一般工具列的以瀏覽器預覽鈕, 開啟預覽網頁來測試 (您可以開啟18-03A.html 來對照)。,12,在基底影像中之影像地圖,13,符合物件形狀之影像地圖,若要將整個物件設定為影像地圖, 那麼就必須在三種切割影像地圖的方式中, 選擇適合物件整體輪廓的影像地圖。延續前一範例, 請執行物件/插入影像物件/從檔案命令, 分別把練習檔 18-04.gif 18-06.gif 圖檔一一匯入, 並安排好位置。,14,符合物件形狀之影像地圖,15,符合物件形狀之影像地圖,16,符合物件形狀之影像地圖,