หน่วยที่ 6 การเชื่อมโยงข้อมูล

การสร้างจุดเชื่อมโยง 

การสร้างจุดเชื่อมโยง  (Hyperlink) เป็นการเชื่อมโยงกันจากจุดหนึ่งของเอกสารไปยังอีกตำแหน่งหนึ่งของเอกสารเดียวกันหรือต่างเอกสารกันบนอินเทอร์เน็ต โดยใช้ข้อความ ภาพ หรือเมนูแบบดร็อปดาวน์อย่างใดอย่างหนึ่งเพื่อเป็นต้นทางในการเชื่อมโยงไปสู่เอกสารปลายทาง ซึ่งอาจเป็นจุดใดจุดหนึ่งในเอกสารเดียวกัน (Named Anchor), เว็บเพจอื่น ๆ, เว็บไซท์, อีเมล์, หรือแม้แต่ไฟล์ข้อมูลสำหรับดาวน์โหลดและการรันไฟล์โปรแกรม เป็นต้น

1. การเชื่อมโยงในเว็บเพจเดียวกัน

 การกำหนดเป้าหมายการเชื่อมโยง 

                ในกรณีที่เว็บเพจมีเนื้อหายาว ๆ  แสดงผลไม่พอกับจอภาพ  ผู้อ่านจะต้องเลื่อนหน้าจอเพื่อดูข้อมูลด้านล่าง  ทำให้ไม่สะดวกเท่าที่ควร  ผู้ออกแบบเว็บเพจควรกำหนดการเชื่อมโยงโดยสร้างเป็นหัวเรื่องแยกไว้ต่างหาก  เมื่อผู้อ่านต้องการทราบข้อมูลเรื่องนั้น  สามารถคลิกที่หัวเรื่องและเชื่อมโยงไปยังเนื้อเรื่องนั้นทันที

                การเชื่อมโยงในหน้าเว็บเพจเดียวกัน  ขั้นตอนแรกจะต้องกำหนดจุดเป้าหมาย (Anchor Point)  ว่าจะให้เชื่อมโยงไปที่ตำแหน่งใดของหน้า  ซึ่งมีขั้นตอนดังนี้

• คลิกที่รูปภาพ  ตาราง  หรือข้อความที่ต้องการจะเป็นจุดเป้าหมาย
• เลือกคำสั่ง  Insert >> Name Anchor  หรือใช้แป้น  < Ctrl > + < Alt > + < A >  หรือใช้เครื่องมือ  บนกลุ่มเครื่องมือ  Common  จะได้หน้าต่าง  Name Anchor
• ตั้งชื่อจุดเป้าหมาย
• คลิก  OK  จะปรากฏรูปสมอเรือกำกับอยู่ที่จุดเป้าหมาย

การสร้างการเชื่อมโยงไปยังเป้าหมาย 

                เมื่อได้เป้าหมายแล้ว  ขั้นต่อไปก็จะต้องสร้างการเชื่อมโยงให้ตรงกับเป้าหมาย  ดังนี้

• เลือกข้อความ  ภาพ  หรือ  ตำแหน่งที่จะทำการเชื่อมโยง
• ไปที่  Properties  ในช่อง  Link  ให้พิมพ์เครื่องหมาย  #  ตามด้วยชื่อ  Anchor  ที่ได้ตั้งไว้  (ตามตัวอย่างคือ #email)  เสร็จแล้วกด  < Enter >

• ตรงจุดเชื่อมโยงจะปรากฏอักษรสีน้ำเงินและขีดเส้นใต้ขึ้นมา
• กดแป้น  < F12 >  เพื่อดูผลด้วยเว็บเบราว์เซอร์
• เมื่อเลื่อนเมาส์ไปตรงจุดลิงค์  เมาส์จะเป็นรูปมือ  คลิกเมาส์จะเลื่อนไปยังจุดเป้าหมาย

2. การเชื่อมโยงภายในเว็บไซต์เดียวกัน

เป็นการเชื่อมโยงในเว็บเพจเดียวกัน หรือลิงค์ไปยังไฟล์อีกไฟล์ที่อยู่ในเว็บไซต์เดียวกัน  โดย ให้เปิดไฟล์นั้นขึ้นมาทั้งไฟล์  เช่น  จากหน้าแรกให้ลิงค์ไปยังหน้าสินค้าใหม่  เป็นต้น การเชื่อมโยงในเว็บไซต์เดียวกัน  มีวิธีการดังนี้

• เลือกข้อความ  รูปภาพ  ตาราง  หรือวัตถุที่ใช้เป็นจุดเชื่อมโยง
• คลิกที่ไอคอนรูปแฟ้มสีเหลือง ด้านขวามือของช่อง  Link  เพื่อเลือกไฟล์  (ถ้าจำชื่อไฟล์ได้ให้พพิมพ์ชื่อไฟล์ลงไปในช่อง Link ได้เลย)
• จะได้หน้าต่าง  Select File  เลือกไฟล์ที่ต้องการ  แล้วคลิก  OK
• ชื่อไฟล์ที่ลิงค์ก็จะปรากฏอยู่ในช่องลิงค์

• บันทึกไฟล์ และแสดงผลบนเว็บเบราเซอร์ด้วยแป้น  < F12 >
• ลองคลิกที่ตำแหน่งที่กำหนดการเชื่อมโยง  เบราเซอร์จะแสดงผลหน้าเว็บที่ถูกลิงค์ไปทันที  (ควรทำลิงค์ 2 ทางเพื่อผู้ใช้จะได้คลิกกลับไปยังหน้าแรกได้ด้วย)

3. การเชื่อมโยงไปยังเว็บไซต์อื่น
                การกำหนดการเชื่อมโยงไปยังเว็บไซต์อื่น ๆ ที่เกี่ยวข้อง  เพื่อต้องการให้ผู้ชมศึกษาข้อมูลเพิ่มเติม  โดยมีวิธีการดังต่อไปนี้
                1.  เลือกองค์ประกอบที่จะใช้สร้างไฮเปอร์ลิงค์  เช่น  ข้อความ  หรือภาพ
                2.  พิมพ์ URL ของเว็บไซต์ปลายทาง  เช่น  http://www.google.co.th/

                3.  เลือกเฟรมเป้าหมายที่จะแสดงในเว็บเพจ
                4.  ทดสอบการเชื่อมโยงโดยกดคีย์ F12 เพื่อดูการแสดงผลจากเว็บบราวเซอร์

4.  การเชื่อมโยงไปยังอีเมลล์ 
                การเชื่อมโยงไปยังอีเมลล์คือ  การสร้างอีเมลล์แอดเดรสของเราไว้สำหรับให้ผู้ต้องการจะติดต่อได้พิมพ์จดหมายส่งมาได้ทันทีโดยไม่ต้องเสียเวลาพิมพ์อีเมลล์แอดเดรสอีก    โดยปกติจะอยู่ในเว็บเพจหน้า     “ ติดต่อบริษัท ”  หรือ  “ Contact Us ”
                1.  เลือกข้อความหรือภาพที่จะสร้างไฮเปอร์ลิงค์เพื่อส่งอีเมลล์
                2.  พิมพ์  mailto: อีเมลล์แอดเดรส  เช่น mailto:webmaster@com-leasning2u.com
                3.  ทดสอบการเชื่อมโยงโดยกดคีย์  เพื่อจะเปิดโปรแกรมอีเมลล์
                5.  คลิกปุ่ม  เพื่อจบการสร้างลิงค์เพื่อส่งอีเมลล์

5.  การเชื่อมโยงโดย Map Link
                Map Link คือ  การแบ่งรูปภาพออกเป็นบริเวณย่อยเฉพาะบางส่วนของรูปภาพเพื่อกำหนดให้เป็นลิงค์ไปยังปลายทางที่แตกต่างกัน  เนื่องจากในภาพสามารถมีได้หลายลิงค์ด้วยกัน  เช่น  คลิกที่ลิงค์บริเวณด้านบนหรือด้านล่างของภาพก็จะไปยังปลายทางหนึ่ง เป็นต้น 
                การเชื่อมโยงแบบแมบลิงค์ มีวิธีดังนี้
                1.  คลิกเลือกรูปที่ต้องการสร้างลิงค์
                2.  เลือกเครื่องมือใน Properties Inspector

                3.  วาดบริเวณที่ต้องการให้เป็นลิงค์
                4.  พิมพ์ชื่อเว็บเพจปลายทางลงในช่องลิงค์  หรือเลือกไฟล์ที่จะลิงค์ไป

6.  การแก้ไขการเชื่อมโยงเว็บเพจ

• การแก้ไขการเปิดหน้าเว็บเพจ 
                  การแก้ไขการปิดหน้าเว็บเพจเป็นการกำหนดให้แสดงเว็บเพจที่ลิงค์ตรงที่ใด ๆ  บนเว็บเพจ  (Target)  โดยแบ่งออกเป็น 4  ลักษณะดังนี้

_blank  เป็นการเปิดเว็บเพจปลายทางในวินโดว์ใหม่

_parent  เป็นการแสดงเว็บเพจในเฟรมที่ครอบอยู่ในเฟรมปัจจุบัน (ในกรณีที่มีการใช้เฟรม)

_self      เป็นการแสดงเว็บเพจในเฟรมเดิมของลิงค์

_top       เป็นการแสดงเว็บเพจในวินโดว์เดืม  โดยยกเลิกเฟรมที่ครอบอยู่ทั้งหมด

7. การกำหนดคุณสมบัติการเชื่อมโยง 

การเชื่อมโยงที่กำหนดไว้ใน  Properties   เป็นคุณสมบัติที่ตั้งค่าไว้ใน  Page  Properties  ซึ่ง

สามารถกำหนดคุณสมบัติการเชื่อมโยง  ดังนี้

• คลิกขวาที่หน้าเว็บเพจ  แล้วเลือกคำสั่ง  Page Properties  จากเมนูลัด  หรือเลือกคำสั่ง  Modify >> Page Properties  จะได้หน้าต่าง  Page Properties  ดังนี้

• คลิกที่คำสั่ง  Links  ที่  Category  แล้วเลือกคุณสมบัติต่าง ๆ  ด้านขวามือ

               Link Font              รูปแบบตัวอักษรที่จะทำเป็นลิงค์  ตัวหนา    ตัวเอน
               Size                       ขนาดรูปแบบตัวอักษร
               Link Color             เลือกสี
               Visited Links       เลือกสีลิงค์ที่ถูกชมไปแล้ว
               Rollover Links    เลือกสีลิงค์เมื่อลากเมาส์ผ่าน
               Active Links        เลือกสีลิงค์ที่คลิก
               Underline Style  ลักษณะการขีดเส้นใต้ข้อความที่เป็นลิงค์

• เลือกรูปแบบต่าง ๆ แล้วคลิกปุ่ม  OK