✔ 最佳答案
盼能對您有點幫助。
請參考以下教學:
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon2.gif
影像地圖(image_map)
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
實際範例
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
何謂影像地圖:在一張圖片上,分割不同區塊,每個區塊連接至不同網頁
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
如何製作方法:
目前影像處理軟體都有提供製作方法,茲以GIMP為例
step1:開啟一張圖檔,檔案→開啟
step2:濾鏡→網頁→image_map
step3:製作過程
HTML語法:
# 影像地圖有兩種類型,1.Server Side 2.Client Side# 格式:<MAP SRC="圖片檔" NAME="名稱"USEMAP="#MAP 名稱"><MAP NAME="名稱"><AREA SHAPE="形狀" COORDS="x,y座標"HREF="連結URL" ><╱MAP>
* 形狀類型: rect(矩形)預設
* circ(圓形)
* poly(多邊形)
* COORDS設定該區域位置及大小
* rect(矩形)-(x1,y1,x2,y2)左上角與右下角
* circ(圓形)-(x,y,r)x,y為圓心座標,r為半徑
* poly(多邊形)-(x1,y1,x2,y2,x3,y3.....)各點座標
* USEMAP:指定對照表
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_tut/images/item.gif
範例
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon2.gif
移除超連結
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
選取連結點,格式→中斷超連結
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon2.gif
移除書籤
圖片參考:
http://gree.domo.tnc.edu.tw/nvu_pub/images/icon3.gif
選取書籤,格式→移除書籤
引用自:
http://www.dk101.com/Discuz/viewthread.php?tid=88980
2009-04-02 17:12:43 補充:
真抱歉!我以為是一樣的@@