About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

การสร้างจุด Link ด้วยรูปภาพ (Image Link) [Article ID : 105]


เรื่อง : การสร้าง Link ในแบบ Image Link

ในบทความก่อนได้แนะนำการสร้างลิงค์ด้วยข้อความกันไปแล้ว มาในบทความนี้ จะมาแนะนำการใช้รูปภาพ หรือ Image มาใช้สร้างเป็นลิงค์กัน ซึ่งอันที่จริงแล้ว ก็มีหลักการเหมือน ๆ กับการสร้าง Text Link จะเป็นอย่างไร ลองอ่านกันดูครับ

การสร้าง Link ด้วยรูปภาพ

ทำการ Insert รูปภาพลงสู่เว็บเพจ (อ่านเรื่องการ Insert รูปภาพ) แล้วให้ปฏิบัติตามขั้นตอนต่าง ๆ ดังนี้

1. เลือกรูปภาพ (Image) ที่ต้องการให้เป็นลิงค์
2. จากนั้นไปที่ Properties Panel สังเกต Option ที่เขียนว่า Link กดที่ปุ่ม Browse... เพื่อเลือกไฟล์ที่ต้องการลิงค์ไปหา ดังรูป เมื่อเลือกไฟล์ที่ต้องการลิงค์ไปหาได้แล้ว กดที่ปุ่ม OK

3. รูปภาพที่เลือกไว้ยังข้อ 1 จะกลายเป็นลิงค์ ดังรูป
สำหรับรายละเอียดอื่น ๆ เช่น การลิงค์ไปยังนอกเว็บไซต์ คุณสามารถใช้หลักการเดียวกับการสร้าง Text Link ได้เช่นเดียวกัน
*คลิกเพื่ออ่านเรื่องของการสร้าง Text Link
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

การทำ Rollover Image (เปลี่ยนรูปภาพเมื่อ MouseOver)

เรื่อง : การทำ Rollover Image กับโปรแกรม Dreamweaver หลายท่านคงเคยพบหรือเคยใช้งานเทคนิคที่เราเรียกกันว่า Rollov...  

การสร้างจุด Link (Text Link)

การสร้าง Link ในแบบ Text Link Link หรือ ลิงค์ เป็นจุดเชื่อมโยงที่ปรากฎบนหน้าเว็บ เพื่อให้ผู้ใช้งานเว็บสามารถคลิกหรือกด...  

วิธีการใช้ Properties Panel และการกำหนดคุณสมบัติให้แก่ข้อความ

เรื่อง : การใช้ Properties Panel และการกำหนดคุณสมบัติข้อความเบื้องต้น Properties Panel เป็นส่วนที่ใช้ใ...  

การแทรกวัน-เวลาเพื่อแสดงบนเว็บเพจ (Insert Date)

เรื่อง : การพิมพ์วันที่-เวลาเพื่อแสดงผลที่หน้าเว็บเพจ หลายครั้งการสร้าง Web Page ขึ้นมา เราต้องการบันทึกวัน-เวลาลงไปแสด...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*