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
















































































 


บทที่ 8

การทำลิงค์เมล์และรูปภาพ

การทำลิงค์เมล์ Link E-mail
การทำลิงค์เมล์ส่วนมากจะเป็นการให้ผู้ที่ชมเวบไซท์ได้ติดต่อกับเจ้าของเวบไซท์ กล่าวคือก็เป็นการส่งเมล์ธรมดานั้นเองแต่พิเศษอยู่ที่ผู้ชมไม่ต้องพิมพ์ที่อยู่ E-mail Address ของเรา เพียงพิมพ์ข้อความติชมเท่านั้น เหมือนเป็นการส่งเมล์อัตโนมัติโดยไม่ต้องไปที่ผู้ให้บริการเมล์ โดยหลังจากคลิกลิงค์เมล์ทางBrowser จะทำการเปิดโปรแกรมส่งเมล์ให้โดยอัตโนมัติส่วนมากถ้าเป็น IE จะเปิดโปรแกรม Outlook ให้

วิธีลิงค์เมล์
    ให้เปิดไฟล์ index.html
    ให้พิมข้อความว่า คำติชม

    หรืออีกวิธีคือ
    ใช้ Object โดยเลือกที่ Insert Email Link

    ภายใน Dialog box ให้กำหนดดังนี้

    Text ให้ใส่ข้อความ คำติชม
    E-mail ให้ใส่ที่อยู่ของเมล์
    คลิก OK
    จากนั้นทดสอบโดยการกด F12 คลิกข้อความจากนั้นโปรแกรมจะเรียกโปรแกรม Outlook ขึ้นมาให้ใส่ข้อความจากนั้นคลิกส่ง
      ( send )




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

การใช้ภาพทั้งภาพเป็นลิงค์
     การใช้ภาพเป็นลิงค์นิยมสร้างภาพขึ้นมาเองทำเป็นรูปปุ่มกดจะใช้ร่วมกับ Rollover คือลักษณะก่อนเอาเมาส์ผ่านจะเป็นอีกรูป พอเอาเมาส์ผ่านหรือวางที่รูปก็จะเปลี่ยนเป็นอีกรูปหนึ่งและยังสามารถเป็นลิงค์ได้อีกด้วย การทำดังกล่าวจะกล่าวถึงในหัวข้อ Rollover ในที่นี้จะกล่าวถึงการทำลิงค์แบบธรรมดา
    สร้างรูปเก็บไว้ในโฟลเดอร์ image ที่ได้สร้างไว้
    มาที่หน้า Document index.html
    คลิก Insert image จาก Object

    เลือกรูปจาก Dialog box
    คลิก Select
    จากนั้นให้คลิกที่รูปภาพในหน้า Document ที่ได้ Insert มา
    ให้มาที่ Properties ในช่องลิงค์ให้คลิกที่รูปโฟล์เดอร์เหมือนกับการทำลิงค์ตัวอักษรดังที่ได้นำเสนอไปแล้ว

    จากนั้นเลือกไฟล์ที่ต้องการลิงค์ไปหา หรือจะลิงค์ไปยังเวบไซท์นอกก็ได้


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?us1256586072" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001086&amp;t=1256586072&amp;f=us-w7" ALT=1 WIDTH=1 HEIGHT=1>