圖片是網(wǎng)站里不可少的元素，網(wǎng)站為了保證美觀度，很多時(shí)候都會(huì)給圖片添加鏈接，免去過(guò)多的點(diǎn)擊文字元素。而用戶現(xiàn)在也已經(jīng)習(xí)慣于通過(guò)點(diǎn)擊圖片來(lái)進(jìn)入下一個(gè)頁(yè)面或者是其他操作，所以給圖片添加鏈接是網(wǎng)頁(yè)制作時(shí)一個(gè)常用的做法。那么如何制作網(wǎng)頁(yè)圖片鏈接呢？下面就給大家進(jìn)行講解。

一、首先在網(wǎng)頁(yè)制作頁(yè)面里，找到左側(cè)四個(gè)功能鍵的“模塊”，通過(guò)新增模塊，先添加上放置圖片的模塊。

二、在模塊中點(diǎn)擊“添加圖片”，可以通過(guò)上傳圖片文件或者是圖片庫(kù)中已有的圖片進(jìn)行添加。

三、圖片添加完成后，鼠標(biāo)移動(dòng)到圖片上方，在上方工具欄中選擇“設(shè)置鏈接”，

四、進(jìn)入設(shè)置鏈接界面后，跳轉(zhuǎn)方式默認(rèn)是不跳轉(zhuǎn)的，我們先看“自定義”，然后再點(diǎn)擊設(shè)置鏈接。我們可以看見(jiàn)，可以設(shè)置三種方式的鏈接：

1、站內(nèi)鏈接，就是點(diǎn)擊圖片會(huì)跳轉(zhuǎn)到網(wǎng)站內(nèi)的某一個(gè)頁(yè)面上，需要自己選擇欄目后再選擇欄目里的某個(gè)內(nèi)容。

2、功能，就是點(diǎn)擊圖片后能夠?qū)崿F(xiàn)某個(gè)操作，以圖2為例，是設(shè)置了點(diǎn)擊圖片后會(huì)有彈窗的功能。

3、站外鏈接，這個(gè)比較好理解，就是輸入其他網(wǎng)站的頁(yè)面鏈接，點(diǎn)擊圖片后就能跳轉(zhuǎn)到其他網(wǎng)站的頁(yè)面，當(dāng)然你還需要根據(jù)網(wǎng)頁(yè)制作的需求來(lái)選擇是否新頁(yè)面打開(kāi)，不過(guò)如果是站外網(wǎng)站還是建議勾選新頁(yè)面打開(kāi)，以免造成混亂。

圖1

圖2

圖3

五、接下來(lái)是“熱點(diǎn)區(qū)域”，這個(gè)僅僅是比步驟四多了一個(gè)操作，就是在圖片框選可以點(diǎn)擊的區(qū)域。點(diǎn)擊添加熱區(qū)，再點(diǎn)選下方出現(xiàn)的“熱區(qū)1”，在圖片中自選可點(diǎn)擊的區(qū)域，再進(jìn)行設(shè)置鏈接，而設(shè)置鏈接和步驟四是相同的，記得還要更改熱區(qū)名字哦。

當(dāng)設(shè)置好以上的操作后，回到了網(wǎng)頁(yè)制作的頁(yè)面，可以看見(jiàn)圖片已經(jīng)是可點(diǎn)擊的狀態(tài)，也就成功添加了圖片鏈接，點(diǎn)擊后就能進(jìn)入到設(shè)置好的頁(yè)面。以上就是圖片添加鏈接的方法，希望能幫助到正在進(jìn)行網(wǎng)頁(yè)制作的朋友們。