หน้าเว็บ

วันพฤหัสบดีที่ 3 มิถุนายน พ.ศ. 2553

การทำลิงค์ (Link) ในdreamweaver mx

การทำลิ้งค์มี 2 แบบ คือ 1 การทำลิงค์ไปยังเว็บไซต์อื่น วิธีการคือจะต้อง ระบุชื่อโดเมนที่เราจะลิ้งค์ไป เช่น ทำการลิงค์ไปที่ google ต้องระบุคือ http://www.google.com/ ถึง จะสามารถลิงค์ได้  ลิ้งค์แบบนี้เรียกว่า  Absolute Link
2 การทำลิ้งค์ภายในเว็บไซต์ มีวีธีทำหลายวิธีสามารถเลือกทำได้ เรียกว่า Relative Link 

วิธีการทำลิงค์ให้กับเว็บไซต์
การทำลิ้งค์ข้อความ 


เปิดโปรแกรม dreamweaver ขึ้นมา จากนั้น ลองพิมพ์ข้อความที่ต้องการสร้างลิ้งค์  แล้วลากเม้าส์คลุมตัวอักษรไว้ มาที่แถบ Properties ด้านล่าง  ที่คำว่า Link เพื่อนสามารถใส่ URL  ที่เพื่อนต้องการให้สิ้งค์ไปได้เลย  แต่หากเพื่อนๆต้องการ ทำลิ้งค์ภายในเว็บไซต์ เพื่อนๆต้องสร้างไฟล์ที่เป็นเป้าหมายที่ลิงค์ไป ไว้ก่อน จากนั้นคลิ๊กที่ปุ่มรูปโฟลเดอร์ ดังรูปตัวอย่างที่ลูกศรชี้


จากนั้น เลือกไฟล์ที่ต้องการลิ้งค์ไป แล้วกดOK    Save แล้วทดสอบด้วยการกดF12

การทำลิงค์เมล์ (E-mail Link)


การทำลิงค์เมล์คือให้ผู้เยี่ยมชมเว็บไซต์สามารถติดต่อกับเจ้าของเว็บไซต์ผ่านอีเมล์ แต่พิเศษอยู่ที่ไม่

ต้องพิมพ์ที่อยู่ E-mail Address ของเจ้าของเว็บไซต์ เพียงพิมพ์ข้อความติชมเท่านั้น โดยหลังจากคลิกลิงค์เมล์

Browser จะเปิดโปรแกรมส่งเมล์ให้โดยอัตโนมัติ ส่วนมากถ้าเป็น IE จะเปิดโปรแกรม Microsoft Outlook ให้

วิธีลิงค์เมล์

• พิมพ์ข้อความที่ต้องการลิงค์ไปยัง E-mail เช่น Email หรือ คำว่า ”Contact me”

• จากนั้นให้ป้ายทับ E-mail Address และมาที่ Properties inspector ในช่อง Link ให้พิมพ์
E-mail Address ที่ต้องการทำลิงค์ เช่น mailto:youre-mail@hotmail.com
 
เลือก Object ที่ Email Link ภายในแท็บ Insert ดังรูป
 
 

จะปรากฎDialog Box  ดังรูป


กำหนดค่าลงไป  text ก็ใส่รายละเอียดลงไป  E-mail ให้ใส่ที่อยู่ของเมล์ แล้วกด OKแล้ว SAVE
ทดสอบโดยการกด F12 เพื่อแสดงผล  การทำลิ้งค์อื่นๆก็หลักการเดียวกันครับ หรือจะใช้รูปภาพมาเป็นลิ้งค์ก็ได้ครับ วิธีการทำคล้ายๆกัน



ไม่มีความคิดเห็น:

แสดงความคิดเห็น