長沙做網站官方站點精彩分享 国产免费久久,av网站观看,激情丁香

天天操夜夜爽-亚洲综合影院-99在线精品视频-国产精品一区二区三区四区五区-日本a级网站-91三级视频-国产ts系列-懂色tv-初高中福利视频网站-www.亚洲色图.com-久久精品视频在线免费观看-国产又色又爽-高跟鞋和丝袜猛烈xxxxxx-中文字幕亚洲电影-亚洲 欧美 视频-岛国av中文字幕-男人久久天堂-美女黄色片网站-亚洲一区二区不卡视频-超碰女优-精品国产免费视频-三极片黄色-99热手机在线观看-国产区高清-亚洲国产自产

學做網站論壇

首頁 » 做網站教程 » Dreamweaver教程 » dreamweaver圖像熱區鏈接的設置(圖文)
zuowangzhan - 2014/11/25 11:15:00
什么是dreamweaver圖像熱區鏈接
  
  大家在打開帶有圖片的網頁時,有時會看到這樣的情況:當鼠標指向圖片的不同部位時,可以打開不同的超鏈接,這種技術我們稱之為—網頁圖片熱區。
  
  dreamweaver圖像熱區鏈接的設置(圖文)如下。
  
  (1)建立網頁文件,如上例的網頁,但只放圖像,而不必定義映射圖像名以及熱區。
  
  (2)啟動Dreamweaver,選擇"文件"菜單的"打開"命令,彈出"打開"對話框,在對話框中打開剛才建立的HTML文件,如下圖所示。
  
  
  
  (3)選擇圖片,在屬性面板中設置"地圖"的值為"taihu",也就是定義圖像要引用的映射圖像名。
  
  
  
  (4)設置熱區。為了顯示各種熱區的效果,這里將不同的熱區定義為不同的形狀。單擊"矩形熱點工具",按住鼠標左鍵在圖片適當位置拖動,繪制出一個矩形區域,如下圖所示。
  
  
  
  (5)選中矩形區域后,在"鏈接"(對應href屬性)文本框中添加鏈接地址"chap7_7meiyuan.html",在"目標"下拉列表(對應target屬性)中選擇"_blank",在"替代"(對應alt屬性)文本框中設置選區的提示文字為"梅園",如下圖所示。
  
  
  
  (8)再次單擊圖片,選擇橢圓型熱點工具,用類似的方法,在黿頭渚(讀做:元頭煮)附近設置一個橢圓型(實際上是圓形)選區,如下圖所示。
  
  
  
  (9)選中橢圓形區域后,在"鏈接"(對應href屬性)文本框中添加鏈接地址"chap7_7yuantouzhu.html",在"目標"下拉列表(對應target屬性)中選擇"_blank",在"替代"(對應alt屬性)文本框中設置選區的提示文字為"黿頭渚",如下圖所示。
  
  
  
  (10)再次單擊圖片,選擇"多邊形熱點工具",依次單擊熱區的各個點,創建一個多邊形區域,如下圖所示。
  
  
  
  (11)選中多邊形區域后,在"鏈接"文本框中添加鏈接地址"chap7_7piaomiaofeng.html",在"目標"下拉列表中選擇"_blank",在"替代"文本框中設置選區的提示文字為"縹緲峰",這里就不再圖示了。
  
  (12)完成后保存文件,軟件會自動生成相應的HTML代碼,類似于在例7中顯示的那樣。其實,例7中的代碼就是作者用Dreamweaver做好后簡單修改得到的。
  
  好了,這一課我們講了dreamweaver圖像熱區鏈接的設置方法,你都學會了嗎?
  
  掌握了這些知識,在網頁制作過程中會更加游刃有余!
1
查看完整版本: dreamweaver圖像熱區鏈接的設置(圖文)