Dreamweaver CC制作圖像映射鏈接

制作圖像映射鏈接

選中要添加鏈接的圖像，與文本鏈接相似.在屬性面板的"鏈接'‘文本框中直接輸入鏈接地址即 可?從本質(zhì)而言，圖像是矩形的，盡管用戶可以將_個(gè)矩形圖像的部分區(qū)域變成透明，從而使其成為 一個(gè)不規(guī)則形狀的圖片，但圖像本身以及它的可單擊區(qū)域仍是一個(gè)矩形。對(duì)于更為復(fù)雜的相互重疊的 圖像.如果用戶要使一個(gè)圖片的幾個(gè)不同的區(qū)域?qū)崿F(xiàn)鏈接，而不是整個(gè)圖形，則需要一個(gè)圖像映射。

Dreamweaver CC的映像圖編輯器能使用戶非常簡單地創(chuàng)建和編輯客戶端的映像圖.在圖像的屬性 面板中就有繪制工具，利用它們可以直接在網(wǎng)頁的圖像上繪制可以用來激活超鏈接的熱區(qū)，通過在熱 區(qū)添加鏈接.達(dá)到創(chuàng)建映像圖鏈接的目的。

1.地圖：輸入需要的映像名稱.即可完成對(duì)熱區(qū)的命名。如果在同一篇文檔中使用了多個(gè)映像 圖，則應(yīng)該保證這里輸入的名稱是惟一的。

2.指針熱點(diǎn)工具：可以將光標(biāo)恢復(fù)為標(biāo)準(zhǔn)箭頭狀態(tài)，這時(shí)可以從圖像上選取熱區(qū)，被選中的熱區(qū) 邊框上會(huì)出現(xiàn)控制點(diǎn).拖動(dòng)控制點(diǎn)可以改變熱區(qū)的形狀。

3.矩形熱區(qū)工具：單擊屬性面板上的"矩形熱點(diǎn)工具"按鈕，然后按住鼠標(biāo)左鍵在圖像上拖動(dòng)光 標(biāo)，即可勾勒出矩彤熱區(qū)。

4.圓形熱區(qū)工具：單擊屬性面板上的"圓形熱點(diǎn)"按鈕.然后按住鼠標(biāo)左鍵在圖像上拖動(dòng)光標(biāo)， 即可勾勒出圓形熱區(qū)，

5.多邊形熱點(diǎn)工具：要?jiǎng)?chuàng)建多邊形熱區(qū)，單擊屬性面板上的"多邊形熱點(diǎn)工具''按鈕，然后在圖 像上要?jiǎng)?chuàng)建多邊形的每個(gè)端點(diǎn)位置上單擊鼠標(biāo)左鍵，即可勾勒出多邊形熱區(qū)。

選中熱區(qū)后，便可以在屬性面板上設(shè)置該熱區(qū)對(duì)應(yīng)的URL鏈接地址，具體操作同其他元素的鏈 接設(shè)置相似。