บทที่11

= = = **กลับบทเรียน** = =บทที่ 11 : การสร้างลิงค์ = .. ** :: วิธีการสร้างลิงค์จากข้อความ  :: ** media type="youtube" key="C6qoNzmfJL8" height="349" width="425" ** VDO :: การสร้าง Link เพื่อเชื่อมโยงหน้าเว็บไซต์ ** ** Hyperlink (ไฮเปอร์ลิงค์) หรือที่เราเรียกกันสั้น ๆ ว่า “ลิงค์” (Link) ** คือการเชื่อมโยง ของเอกสารบนอินเตอร์เน็ต จากจุดหนึ่งไปยังอีกจุดหนึ่ง เราสามารถเชื่อมโยงจากจุดหนึ่งไปยังอีกจุดหนึ่งภายในเอกสารในหน้าเดียวกัน หรือเชื่อโยงไปยังเว็บไซต์ต่าง ๆ อาจจะมีเนื้อหารที่เกี่ยวข้องกันหรือไม่ก็ได้ การเชื่อมโยง เราจำต้องกำหนดต้นทางและปลายทางของการเชื่อมโยง เราสามารถใช้ ข้อความ, ภาพกราฟฟิก, เมนูแบบดร็อฟดาวน์ หรือแม้แต่พื้นที่บางส่วนของภาพกราฟฟิกนั้น เป็นต้นทางที่เชี่อมต่อ เว็บเพจ อีเมล์ ไฟล์ข้อมูลสำหรับดาวน์โหลด และไฟล์งานต่าง ๆ ก็จะเป็นปลายทาง การใช้งานการเชื่อมโยง นั้นจะต้องประกอบด้วย 2 ส่วนด้วยกัน คือ ต้นทาง และปลายทาง ลิงค์ (Link) หรือจุดเชื่อมโยงเว็บเพจ มีหลาย** รูปแบบ **ดังนี้
 * เรามาดูวิธีทำกันดีกว่า ง่ายมากๆค่ะ [[image:http://www.krukikz.com/plugins/editors/jckeditor/plugins/smiley/images/wink_smile.gif width="16" height="16" caption="wink"]] **

การทำลิงค์แบบข้อความ

การทำลิงค์ไปยัง E-mail

การทำลิงคืไปยัง Named Anchor

การทำลิงค์แบบ Rollover Image

การทำลิงค์ใน Dreamweaver 8 ส่วนสำคัญจะอยุ่ตรงที่แถบ Properties ซึ่งจะมีอยู่ 2 ส่วนด้วยกัน ได้แก่ ** 1.Link ** คือ แถบสำหรับเลือกไฟล?ที่ต้องการจะลิงค์ไปถึง _parent คือ การแสดงเว็บเพจที่หน้าต่างเดี่ยว แต่อยู่ในเฟรมหลัก _self คือ การแสดงเว็บเพจในเฟรมเดียวกับต้นทาง _top คือการแสดงผลเว็บเพจ โดยจะไม่มีเฟรม
 * 2.Target ** คือ แถบสำหรับเลือกรูปแบบของปลายทาง ซึ่งได้แก่ _blank คือ การแสดงเว็บเพจปลายทางในหน้าต่างใหม่

** วิธีสร้างลิงค์จากข้อความ ** 1.พิมพ์ข้อความลงไป

2.ลากเม้าส์ทีบข้อความที่ต้องการ

3.คลิกที่ ในแถบ properties เพื่อเลือกไฟล์ที่จะลิงค์

4.เมื่อเลือกได้แล้ว ให้คลิกปุ่ม

5.ข้อความกลายเป็นลิงค์เรียบร้อยแล้ว









** วิธีปรับแต่งลิงค์เพิ่มเติม ** อ้างอิงจาก : @http://school.obec.go.th/buabanwit/
 * การสร้างลิงค์จากรูปภาพ
 * การทำลิงค์โดยใช้ Name Anchor
 * การทำลิงค์ไปยัง E-mail
 * การทำลิงค์ไปยังเว็บไซต์อื่น
 * การทำลิงค์แบบ Rollover Image
 * การเปลี่ยนสีของตัวอักษรที่เป็นลิงค์