ดาวน์โหลดเอกสาร [doc]   [pdf]

     การสร้างจุดเชื่อมโยงบนเว็บเพจ มีด้วยกันหลายรูปแบบ ซึ่งถ้าเราแบ่งเป็นกลุ่มใหญ่ ๆ จะได้ 2 กลุ่ม คือ การเชื่อมโยงภายใน และการเชื่อมโยงภายนอกเว็บเพจ แต่ถ้าแบ่งตามวัตถุประสงค์การใช้งาน จะแบ่งการเชื่อมโยงบนเว็บเพจออกเป็นประเภทต่าง ๆ ดังต่อไปนี้
     - การเชื่อมโยงภายในเว็บเพจเดียวกัน
     - การเชื่อมโยงภายในเว็บไซต์เดียวกัน
     - การเชื่อมโยงไปยังเว็บไซต์อื่น
     - การเชื่อมโยงเพื่อส่งอีเมลล์

การเชื่อมโยงภายในเว็บเพจเดียวกัน
     ในกรณีที่เว็บเพจมีเนื้อหาและมีขนาดยาวมาก ทำให้ต้องใช้เมาส์เลื่อนแถบ Scroll bar เราสามารถสร้างการเชื่อมโยงภายในเว็บเพจ เพื่อให้สะดวกในการดูเนื้อหาในหน้าเว็บเพจ มีวิธีการดังนี้
          1.กำหนดจุดเป้าหมาย ที่ต้องการจะเชื่อมโยง
          2. คลิกที่เมนู Insert แล้วเลือก  Named Anchor หรือ กดปุ่ม Ctrl + Alt + A

          3. จะปรากฏหน้าต่าง Named Anchor ให้ตั้งชื่อจุดเชื่อมโยง แล้วคลิกที่ปุ่ม OK


          4. จะปรากฏสัญลักษณ์การเชื่อมโยง  ดังรูป


          การสร้างจุดเชื่อมโยงไปยังเป้าหมาย
            การกำหนดตำแหน่งการสร้างจุดเชื่อมโยง อาจใช้ข้อความหรือรูปภาพเป็นจุดเชื่อมโยงก็ได้
            1. เลือกข้อความหรือรูปภาพที่จะสร้างเป็นจุดเชื่อมโยง
            2. คลิกที่ปุ่ม HTML
            3. ช่อง Link ให้พิมพ์เครื่องหมาย # แล้วตามด้วยชื่อจุดเป้าหมาย (ตามหัวข้อ กำหนดจุดเป้าหมาย ที่ต้องการจะเชื่อมโยง)
            4. ทดสอบการแสดงผลจากเว็บเบราว์เซอร์ โดยกดปุ่ม F12

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

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

            6. ช่อง Link จะปรากฏไฟล์เว็บเพจที่เลือก
            7. ช่อง Target เป็นการกำหนดวิธีเปิดหน้าเว็บที่เชื่อมโยง ดังนี้
                 _blank ให้เปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างเบราว์เซอร์ใหม่
                 new ให้เปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างเบราว์เซอร์ใหม่อีกหน้าต่าง
                 _parent ให้เปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างเบราว์เซอร์เดิม
                 _self ให้เปิดหน้าเว็บที่เชื่อมโยงในเฟรมเดิม
                 _top ให้เปิดหน้าเว็บที่เชื่อมโยงในหน้าต่างเบราว์เซอร์เดิม โดยจัดให้เต็มเฟรม
            8. ทดสอบการเชื่อมโยง โดยกดปุ่ม F12 เพื่อดูการแสดงผลจากเว็บเบราว์เซอร์ แล้วคลิกจุดเชื่อมโยง

การเชื่อมโยงภายนอกเว็บไซต์

            การเชื่อมโยงไปยังเว็บไซต์อื่น ๆ ที่อยู่ภายนอก เพื่อต้องการให้ผู้ชมเว็บไซต์ของเราสามารถศึกษาข้อมูลเพิ่มเติมได้ มีวิธีการดังนี้

            1. เลือกข้อความหรือรูปภาพที่ต้องการใช้เป็นจุดเชื่อมโยง
            2. ที่ Properties Inspector ในช่อง Link ให้พิมพ์ชื่อ URL ของเว็บไซต์ที่เราต้องการเชื่อมโยง โดยพิมพ์คำว่า http:// แล้วตามด้วยชื่อของเว็บไซต์ เช่น http://www.chauatwit.ac.th

การเชื่อมโยงไปยังอีเมล

            การเชื่อมโยงไปยังอีเมล เป็นช่องทางในการสื่อสารสำหรับให้ผู้ต้องการจะติดต่อผ่านอีเมลได้อย่างสะดวก รวดเร็วขึ้น มีวิธีการดังนี้

            1. เลือกข้อความที่จะกำหนดเป็นลิงก์

            2. คลิกปุ่ม HTML

            3. พิมพ์อีเมลล์แอดเดรส ที่ช่อง Link โดยมีคำว่า mailto: ตามด้วยอีเมลล์แอดเดรสที่ต้องการ (เช่น mailto:lovephee@gmail.com)

 

การเชื่อมโยงด้วย Rollover Image
    Rollover Image เป็นการสลับรูปภาพที่แสดง ภาพหนึ่งเป็นภาพก่อนวางเมาส์ ส่วนอีกภาพสำหรับให้ปรากฏตอนวางเมาส์เหนือภาพนั้น มีวิธีการดังนี้
    1. คลิกเมาส์วางเคอร์เซอร์ตรงตำแหน่งที่ต้องการ
    2. คลิกที่เมนู Insert คลิกที่ Image Objects แล้วเลือก Rollover Image


    3. จะปรากฏหน้าต่าง Insert Rollover Image ให้กำหนดค่าต่างๆ ดังนี้

   Image Name : ชื่อของรูปภาพ
   Original image : การกำหนดรูปภาพแรกที่จะแสดง
   Rollover image : การกำหนดรูปภาพที่ 2 ที่จะแสดง เมื่อนำเมาส์วางเหนือรูปภาพ
   Alternate text : การกำหนดข้อความกำกับรูปภาพ
   When clicked, Go to URL : กำหนดไฟล์หรือ URL ที่ต้องการจะเชื่อมโยง
    4. เมื่อกำหนดค่าต่าง ๆ เสร็จเรียบร้อยแล้ว จะได้ดังรูป

    5.ทดสอบการเชื่อมโยง โดยกดปุ่ม F12 เพื่อดูการแสดงผลจากเว็บเบราว์เซอร์