Dreamweaver中如何設(shè)置熱區(qū)?下面小編就為大家詳細(xì)介紹一下,一起來看看吧!
方法/步驟
向平時(shí)一樣,這里我們在設(shè)置Dreamweaver熱區(qū)的時(shí)候。同樣這里是需要建立一個(gè)新的HTML界面的。

建立完畢,如下圖中所示的一個(gè)新的文檔(HTML)

按照同時(shí)最為簡潔的方式,我們在新的HTML中插入一個(gè)新的圖片作為熱區(qū)設(shè)置的底片

選擇桌面中的一個(gè)圖片進(jìn)行添加

在創(chuàng)建相對的路徑時(shí)我們是需要保存文檔的

這里大家注意的是我們的根文件是必須要保存在一個(gè)站點(diǎn)中的。這里我們將其路徑復(fù)制保存在我們的站點(diǎn)中

選擇站點(diǎn)目錄進(jìn)行保存即可

圖像標(biāo)簽輔助功能屬性這里我們是不需要進(jìn)行設(shè)置的,點(diǎn)擊確定即可

隨后就是如下圖中的一個(gè)圖片插入的界面了。

點(diǎn)擊選中圖片之后我們選擇底部熱鍵工具

選擇我們的一個(gè)熱鍵的區(qū)域,這里我們選擇的是圖片中人物的右眼。“以正方形的形式”

隨后我們將其眼部的熱鍵區(qū)域的鏈接設(shè)置成為百度的一個(gè)接入口

將鼠標(biāo)移至空白處然后點(diǎn)擊保存

保存完畢之后,按鍵盤中的F12進(jìn)入瀏覽區(qū)的界面中,這里我們選擇圖片中人物之后進(jìn)行點(diǎn)擊

隨后就可以跳轉(zhuǎn)到你設(shè)置的一個(gè)百度的界面中,(注意這里我們只有點(diǎn)擊了熱建中的區(qū)域后才能進(jìn)行跳轉(zhuǎn))

同樣的方式,這里我們用圓形設(shè)置圖片人物的一個(gè)左眼

按照同樣的方式,這里我們對圖片區(qū)域的熱鍵進(jìn)行設(shè)置

選擇另外的一個(gè)圖片進(jìn)行跳轉(zhuǎn)

同樣的是這樣我們是需要設(shè)置保存期路徑的

點(diǎn)擊確定保存

設(shè)置保存完畢之后按F12進(jìn)入調(diào)試,這次我們點(diǎn)擊器左眼

隨后我們就可以跳轉(zhuǎn)到你所設(shè)置的那個(gè)界面了。

以上就是Dreamweaver中如何設(shè)置熱區(qū)方法介紹,操作很簡單的,大家學(xué)會了嗎?希望能對大家有所幫助!
新聞熱點(diǎn)
疑難解答
圖片精選