Get here faster
from outside
thailand......





บทที่  1   ส่วนต่าง ๆ ของดรีมเวเวอร์
บทที่  2  การสร้างงานเบื้องต้น 1
บทที่  3  การสร้างงานเบื้องต้น 2
บทที่  4  การพิมพ์ตัวอักษร
บทที่  5  การจัดรูปแบบอักษร
บทที่  6  การบันทึกและดูโฮมเพจ
บทที่  7  การทำลิงค์
บทที่  8  การทำลิงค์เมล์และรูปภาพ
บทที่  9  การทำลิงค์ในหน้าเดียวกัน
บทที่ 10 ใส่รูปภาพลงในโฮมเพจ
บทที่ 11 เฟรม ตอนที่ 1
บทที่ 12 เฟรม ตอนที่ 2
บทที่ 13 ตาราง (Table)
บทที่ 14 Form 1
บทที่ 15 Form 2
บทที่ 16 เลเยอร์ (layer)
บทที่ 17 ลิงค์ภาพแบบ Hotspot
บทที่ 18  Flash Text
บทที่ 19  Flash Button
บทที่ 20  Rollover
บทที่ 21  Time line
บทที่ 22  Sound & movie


















































































 


บทที่ 17

การลิงค์ภาพแบบ Hotspot

การลิงค์ภาพแบบ Hotspot
   การลิงค์แบบ Hotspot การใช้ส่วนมากเป็นการลิงค์เพียงบางส่วนของภาพ ภาพส่วนมากจะเป็นภาพที่มีขนาดใหญ่เพียงภาพเดียว

ขั้นตอนการทำ Hotspot
    มาที่หน้า Document พร้อมทำงาน
    Insert รูปภาพที่ได้เตรียมไว้ ( การดึงรูปภาพเหมือนปกติที่ได้กล่าวมาแล้ว )
    ในตัวอย่างนี้เป็นรูปภาพใหญ่และมีส่วนประกอบย่อยที่จะทำเป็นที่ลิงค์

    คลิกที่ภาพให้ทำงาน
    มาที่ Properties inspector
    ใหทำการขยาย Properties inspector เป็นแบบ Full

    ช่อง Map ให้กำหนดชื่อ
    คลิกรูปสี่เหลี่ยมดังภาพ
    จากนั้นให้มาที่รูปภาพในส่วนที่ต้องการทำเป็นลิงค์

    ทำการลากเมาส์ค้างให้เป็นดังรูปตัวอย่าง
    จากนั้นให้คลิกที่ขอบที่ได้ทำการลากไว้ให้ทำงาน

    ในตัวอย่างด้านบนเป็นการใช้ Hotspot หลายรูปแบบทั้ง สี่เหลี่ยม วงกลม และรูปทรงอิสระ
    ให้คลิกขอบให้ Hotspot ทำงานในตัวอย่างดูได้จากรูปวงกลม จะมีปุ่มขึ้นรอบรูป
    ให้มาที่ Properties inspector

    Link ให้กำหนดลิงค์ตามปกติโดยหากเป็นเวบนอกให้พิมพ์เข้าไปเลย หากเป็นลิงค์ภายในให้ทำตามขั้นตอนที่ได้กล่าวมาแล้ว

    ในตัวอย่างเป็นการลิงค์ไปที่ Yahoo.com
    ทดสอบโดยการกด F12
    ให้เอาเมาส์มาคลิกที่เราได้ทำการลิงค์แบบ Hotspot จะสังเกตได้ว่าบริเวณอื่นที่ไม่ได้ทำ Hotspot ไม่สามารถที่จะลิงค์ได้ ถึงแม้       ว่าจะเป็นภาพเดียวกัน





Copy Right (C) 2000 "Siamsix" , All rights reserved.
These web sites are best viewed with an 800 x 600 screen resolution.
ติดต่อผู้ดูแลเว็บ

 

</table> <p><font face="MS Sans Serif" size="1"><br> <br> </font></p> </div> <div align="left"> <div align="left"></div> </div> </body> <!-- ARCHIVE by GEOCITIES.WS --> <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html> <!-- text below generated by server. PLEASE REMOVE --></object></layer></div></span></style></noscript></table></script></applet><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1256586078" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001086&amp;t=1256586078&amp;f=us-w5" ALT=1 WIDTH=1 HEIGHT=1>