長(zhǎng)沙做網(wǎng)站官方站點(diǎn)精彩分享

亚洲国产私拍精品国模在线观看,人妻中出受孕 中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂

dreamweaver圖像熱區(qū)鏈接的設(shè)置(圖文)

[ 2085 查看 / 0 回復(fù) ]

什么是dreamweaver圖像熱區(qū)鏈接
  
  大家在打開(kāi)帶有圖片的網(wǎng)頁(yè)時(shí),有時(shí)會(huì)看到這樣的情況:當(dāng)鼠標(biāo)指向圖片的不同部位時(shí),可以打開(kāi)不同的超鏈接,這種技術(shù)我們稱之為—網(wǎng)頁(yè)圖片熱區(qū)。
  
  dreamweaver圖像熱區(qū)鏈接的設(shè)置(圖文)如下。
  
 ?。?)建立網(wǎng)頁(yè)文件,如上例的網(wǎng)頁(yè),但只放圖像,而不必定義映射圖像名以及熱區(qū)。
  
 ?。?)啟動(dòng)Dreamweaver,選擇"文件"菜單的"打開(kāi)"命令,彈出"打開(kāi)"對(duì)話框,在對(duì)話框中打開(kāi)剛才建立的HTML文件,如下圖所示。
  
  
  
 ?。?)選擇圖片,在屬性面板中設(shè)置"地圖"的值為"taihu",也就是定義圖像要引用的映射圖像名。
  
  
  
  (4)設(shè)置熱區(qū)。為了顯示各種熱區(qū)的效果,這里將不同的熱區(qū)定義為不同的形狀。單擊"矩形熱點(diǎn)工具",按住鼠標(biāo)左鍵在圖片適當(dāng)位置拖動(dòng),繪制出一個(gè)矩形區(qū)域,如下圖所示。
  
  
  
 ?。?)選中矩形區(qū)域后,在"鏈接"(對(duì)應(yīng)href屬性)文本框中添加鏈接地址"chap7_7meiyuan.html",在"目標(biāo)"下拉列表(對(duì)應(yīng)target屬性)中選擇"_blank",在"替代"(對(duì)應(yīng)alt屬性)文本框中設(shè)置選區(qū)的提示文字為"梅園",如下圖所示。
  
  
  
 ?。?)再次單擊圖片,選擇橢圓型熱點(diǎn)工具,用類似的方法,在黿頭渚(讀做:元頭煮)附近設(shè)置一個(gè)橢圓型(實(shí)際上是圓形)選區(qū),如下圖所示。
  
  
  
 ?。?)選中橢圓形區(qū)域后,在"鏈接"(對(duì)應(yīng)href屬性)文本框中添加鏈接地址"chap7_7yuantouzhu.html",在"目標(biāo)"下拉列表(對(duì)應(yīng)target屬性)中選擇"_blank",在"替代"(對(duì)應(yīng)alt屬性)文本框中設(shè)置選區(qū)的提示文字為"黿頭渚",如下圖所示。
  
  
  
 ?。?0)再次單擊圖片,選擇"多邊形熱點(diǎn)工具",依次單擊熱區(qū)的各個(gè)點(diǎn),創(chuàng)建一個(gè)多邊形區(qū)域,如下圖所示。
  
  
  
 ?。?1)選中多邊形區(qū)域后,在"鏈接"文本框中添加鏈接地址"chap7_7piaomiaofeng.html",在"目標(biāo)"下拉列表中選擇"_blank",在"替代"文本框中設(shè)置選區(qū)的提示文字為"縹緲?lè)?quot;,這里就不再圖示了。
  
 ?。?2)完成后保存文件,軟件會(huì)自動(dòng)生成相應(yīng)的HTML代碼,類似于在例7中顯示的那樣。其實(shí),例7中的代碼就是作者用Dreamweaver做好后簡(jiǎn)單修改得到的。
  
  好了,這一課我們講了dreamweaver圖像熱區(qū)鏈接的設(shè)置方法,你都學(xué)會(huì)了嗎?
  
  掌握了這些知識(shí),在網(wǎng)頁(yè)制作過(guò)程中會(huì)更加游刃有余!
TOP