การสร้างจุดเชื่อมโยง (Link)
การ สร้างจุดเชื่อมโยง
การสร้าง จุดเชื่อมโยง (Hyperlink) เป็นการเชื่อมโยงกันจากจุดหนึ่งของเอกสารไปยังอีกตำแหน่งหนึ่งของเอกสาร
เดียวกันหรือต่างเอกสารกันบนอินเทอร์เน็ต โดยใช้ข้อความ ภาพ หรือเมนูแบบดร็อปดาวน์อย่างใดอย่างหนึ่งเพื่อเป็นต้นทางในการเชื่อมโยงไปสู่
เอกสารปลายทาง ซึ่งอาจเป็นจุดใดจุดหนึ่งในเอกสารเดียวกัน (Named Anchor), เว็บเพจอื่น ๆ, เว็บไซท์, อีเมล์,
หรือแม้แต่ไฟล์ข้อมูลสำหรับดาวน์โหลดและการรันไฟล์โปรแกรม เป็นต้น
การกำหนดเป้า หมายการเชื่อมโยง
ในกรณีที่เว็บเพจมีเนื้อหายาว ๆ แสดงผลไม่พอกับจอภาพ ผู้อ่านจะต้องเลื่อนหน้าจอเพื่อดูข้อมูลด้านล่าง ทำให้ไม่สะดวกเท่าที่ควร ผู้ออกแบบเว็บเพจควรกำหนดการเชื่อมโยงโดยสร้างเป็นหัวเรื่องแยกไว้ต่างหาก เมื่อผู้อ่านต้องการทราบข้อมูลเรื่องนั้น สามารถคลิกที่หัวเรื่องและเชื่อมโยงไปยังเนื้อเรื่องนั้นทันที
ในกรณีที่เว็บเพจมีเนื้อหายาว ๆ แสดงผลไม่พอกับจอภาพ ผู้อ่านจะต้องเลื่อนหน้าจอเพื่อดูข้อมูลด้านล่าง ทำให้ไม่สะดวกเท่าที่ควร ผู้ออกแบบเว็บเพจควรกำหนดการเชื่อมโยงโดยสร้างเป็นหัวเรื่องแยกไว้ต่างหาก เมื่อผู้อ่านต้องการทราบข้อมูลเรื่องนั้น สามารถคลิกที่หัวเรื่องและเชื่อมโยงไปยังเนื้อเรื่องนั้นทันที
การเชื่อมโยงในหน้าเว็บเพจเดียวกัน ขั้นตอนแรกจะต้องกำหนดจุดเป้าหมาย
(Anchor Point) ว่าจะให้เชื่อมโยงไปที่ตำแหน่งใดของหน้า
ซึ่งมีขั้นตอนดังนี้
- คลิกที่รูปภาพ ตาราง หรือข้อความที่ต้องการจะเป็นจุดเป้าหมาย
- เลือกคำสั่ง Insert >> Name Anchor หรือใช้แป้น
< Ctrl > + < Alt > + < A > หรือใช้เครื่องมือ
บนกลุ่มเครื่องมือ Common จะได้หน้าต่าง
Name Anchor
- ตั้งชื่อจุดเป้าหมาย
- คลิก OK จะปรากฏรูปสมอเรือกำกับอยู่ที่จุดเป้าหมาย
การสร้างการเชื่อมโยงไปยังเป้าหมาย
เมื่อได้เป้าหมายแล้ว ขั้นต่อไปก็จะต้องสร้างการเชื่อมโยงให้ตรงกับเป้าหมาย ดังนี้
เมื่อได้เป้าหมายแล้ว ขั้นต่อไปก็จะต้องสร้างการเชื่อมโยงให้ตรงกับเป้าหมาย ดังนี้
- เลือกข้อความ ภาพ หรือ
ตำแหน่งที่จะทำการเชื่อมโยง
- ไปที่ Properties ในช่อง
Link ให้พิมพ์เครื่องหมาย # ตามด้วยชื่อ Anchor ที่ได้ตั้งไว้
(ตามตัวอย่างคือ #email) เสร็จแล้วกด
< Enter >
- ตรงจุดเชื่อมโยงจะปรากฏอักษรสีน้ำเงิน
และขีดเส้นใต้ขึ้นมา
- กดแป้น < F12 > เพื่อดูผลด้วยเว็บเบราว์เซอร์
- เมื่อเลื่อนเมาส์ไปตรงจุดลิงค์ เมาส์จะเป็นรูปมือ คลิกเมาส์จะเลื่อนไปยังจุดเป้าหมาย
เป็นการเชื่อมโยงในเว็บเพจเดียวกัน หรือลิงค์ไปยังไฟล์อีกไฟล์ที่อยู่ในเว็บไซต์เดียวกัน โดย
ให้เปิดไฟล์นั้นขึ้นมาทั้งไฟล์ เช่น จากหน้าแรกให้ลิงค์ไปยังหน้าสินค้าใหม่ เป็นต้น
การเชื่อมโยงในเว็บไซต์เดียวกัน มีวิธีการดังนี้
ให้เปิดไฟล์นั้นขึ้นมาทั้งไฟล์ เช่น จากหน้าแรกให้ลิงค์ไปยังหน้าสินค้าใหม่ เป็นต้น
การเชื่อมโยงในเว็บไซต์เดียวกัน มีวิธีการดังนี้
- เลือกข้อความ รูปภาพ ตาราง
หรือวัตถุที่ใช้เป็นจุดเชื่อมโยง
- คลิกที่ไอคอน ด้านขวามือของช่อง
Link เพื่อเลือกไฟล์ (ถ้าจำชื่อไฟล์ได้ให้พพิมพ์ชื่อไฟล์ลงไปในช่อง
Link ได้เลย)
- จะได้หน้าต่าง Select File เลือกไฟล์ที่ต้องการ
แล้วคลิก OK
- ชื่อไฟล์ที่ลิงค์ก็จะปรากฏอยู่ในช่อง ลิงค์
- บันทึกไฟล์ และแสดงผลบนเว็บเบราเซอร์ด้วยแป้น < F12 >
- ลองคลิกที่ตำแหน่งที่กำหนดการเชื่อมโยง เบราเซอร์จะแสดงผลหน้าเว็บที่ถูกลิงค์ไปทันที (ควรทำลิงค์ 2 ทางเพื่อผู้ใช้จะได้คลิกกลับไปยังหน้าแรกได้ด้วย)
การกำหนดการเชื่อมโยงไปยังเว็บไซต์อื่น ๆ ที่เกี่ยวข้อง
เพื่อต้องการให้ผู้ชมศึกษาข้อมูลเพิ่มเติม โดยมีวิธีการดังต่อไปนี้
1. เลือกองค์ประกอบที่จะใช้สร้างไฮเปอร์ลิงค์ เช่น ข้อความ หรือภาพ
2. พิมพ์ URL ของเว็บไซต์ปลายทาง เช่น http://www.google.co.th
1. เลือกองค์ประกอบที่จะใช้สร้างไฮเปอร์ลิงค์ เช่น ข้อความ หรือภาพ
2. พิมพ์ URL ของเว็บไซต์ปลายทาง เช่น http://www.google.co.th
3. เลือกเฟรมเป้าหมายที่จะแสดงในเว็บเพจ
4. ทดสอบการเชื่อมโยงโดยกดคีย์ F12 เพื่อดูการแสดงผลจากเว็บบราวเซอร์
4. ทดสอบการเชื่อมโยงโดยกดคีย์ F12 เพื่อดูการแสดงผลจากเว็บบราวเซอร์
4. การเชื่อมโยงไปยังอีเมลล์
การเชื่อมโยงไปยังอีเมลล์คือ การสร้างอีเมลล์แอดเดรสของเราไว้สำหรับให้ผู้ต้องการจะติดต่อได้พิมพ์จดหมาย ส่งมาได้ทันทีโดยไม่ต้องเสียเวลาพิมพ์อีเมลล์แอดเดรสอีก โดยปกติจะอยู่ในเว็บเพจหน้า “ ติดต่อบริษัท ” หรือ “ Contact Us ”
1. เลือกข้อความหรือภาพที่จะสร้างไฮเปอร์ลิงค์เพื่อส่งอีเมลล์
2. พิมพ์ mailto: อีเมลล์แอดเดรส เช่น mailto:webmaster@com-leasning2u.com
3. ทดสอบการเชื่อมโยงโดยกดคีย์ เพื่อจะเปิดโปรแกรมอีเมลล์
5. คลิกปุ่ม เพื่อจบการสร้างลิงค์เพื่อส่งอีเมลล์
การเชื่อมโยงไปยังอีเมลล์คือ การสร้างอีเมลล์แอดเดรสของเราไว้สำหรับให้ผู้ต้องการจะติดต่อได้พิมพ์จดหมาย ส่งมาได้ทันทีโดยไม่ต้องเสียเวลาพิมพ์อีเมลล์แอดเดรสอีก โดยปกติจะอยู่ในเว็บเพจหน้า “ ติดต่อบริษัท ” หรือ “ Contact Us ”
1. เลือกข้อความหรือภาพที่จะสร้างไฮเปอร์ลิงค์เพื่อส่งอีเมลล์
2. พิมพ์ mailto: อีเมลล์แอดเดรส เช่น mailto:webmaster@com-leasning2u.com
3. ทดสอบการเชื่อมโยงโดยกดคีย์ เพื่อจะเปิดโปรแกรมอีเมลล์
5. คลิกปุ่ม เพื่อจบการสร้างลิงค์เพื่อส่งอีเมลล์
5. การเชื่อมโยงโดย Map Link
Map Link คือ การแบ่งรูปภาพออกเป็นบริเวณย่อยเฉพาะบางส่วนของรูปภาพเพื่อกำหนดให้เป็น ลิงค์ไปยังปลายทางที่แตกต่างกัน เนื่องจากในภาพสามารถมีได้หลายลิงค์ด้วยกัน เช่น คลิกที่ลิงค์บริเวณด้านบนหรือด้านล่างของภาพก็จะไปยังปลายทางหนึ่ง เป็นต้น
การเชื่อมโยงแบบแมบลิงค์ มีวิธีดังนี้
1. คลิกเลือกรูปที่ต้องการสร้างลิงค์
2. เลือกเครื่องมือใน Properties Inspector
สำหรับวาดพื้นที่ลิงค์เป็นสี่เหลี่ยม
สำหรับวาดพื้นที่ลิงค์เป็นวงกลม
สำหรับวาดพื้นที่ลิงค์เป็นหลายเหลี่ยม
Map Link คือ การแบ่งรูปภาพออกเป็นบริเวณย่อยเฉพาะบางส่วนของรูปภาพเพื่อกำหนดให้เป็น ลิงค์ไปยังปลายทางที่แตกต่างกัน เนื่องจากในภาพสามารถมีได้หลายลิงค์ด้วยกัน เช่น คลิกที่ลิงค์บริเวณด้านบนหรือด้านล่างของภาพก็จะไปยังปลายทางหนึ่ง เป็นต้น
การเชื่อมโยงแบบแมบลิงค์ มีวิธีดังนี้
1. คลิกเลือกรูปที่ต้องการสร้างลิงค์
2. เลือกเครื่องมือใน Properties Inspector
สำหรับวาดพื้นที่ลิงค์เป็นสี่เหลี่ยม
สำหรับวาดพื้นที่ลิงค์เป็นวงกลม
สำหรับวาดพื้นที่ลิงค์เป็นหลายเหลี่ยม
3. วาดบริเวณที่ต้องการให้เป็นลิงค์
4. พิมพ์ชื่อเว็บเพจปลายทางลงในช่องลิงค์ หรือเลือกไฟล์ที่จะลิงค์ไป
4. พิมพ์ชื่อเว็บเพจปลายทางลงในช่องลิงค์ หรือเลือกไฟล์ที่จะลิงค์ไป
- การแก้ไขการเปิดหน้าเว็บเพจ
การแก้ไขการปิดหน้าเว็บเพจเป็นการกำหนดให้แสดงเว็บเพจที่ลิงค์ตรงที่ใด ๆ บนเว็บเพจ (Target) โดยแบ่งออกเป็น 4 ลักษณะดังนี้
_blank เป็นการเปิดเว็บเพจปลายทางในวินโดว์ใหม่
_parent เป็นการแสดงเว็บเพจในเฟรมที่ครอบอยู่ในเฟรมปัจจุบัน (ในกรณีที่มีการใช้เฟรม)
_self เป็นการแสดงเว็บเพจในเฟรมเดิมของลิงค์
_top เป็นการแสดงเว็บเพจในวินโดว์เดืม โดยยกเลิกเฟรมที่ครอบอยู่ทั้งหมด
_parent เป็นการแสดงเว็บเพจในเฟรมที่ครอบอยู่ในเฟรมปัจจุบัน (ในกรณีที่มีการใช้เฟรม)
_self เป็นการแสดงเว็บเพจในเฟรมเดิมของลิงค์
_top เป็นการแสดงเว็บเพจในวินโดว์เดืม โดยยกเลิกเฟรมที่ครอบอยู่ทั้งหมด
การเชื่อมโยงที่กำหนดไว้ใน 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 ลักษณะการขีดเส้นใต้ข้อความที่เป็นลิงค์
Size ขนาดรูปแบบตัวอักษร
Link Color เลือกสี
Visited Links เลือกสีลิงค์ที่ถูกชมไปแล้ว
Rollover Links เลือกสีลิงค์เมื่อลากเมาส์ผ่าน
Active Links เลือกสีลิงค์ที่คลิก
Underline Style ลักษณะการขีดเส้นใต้ข้อความที่เป็นลิงค์
3. เลือกรูปแบบต่าง ๆ แล้วคลิกปุ่ม OK
ไม่มีความคิดเห็น:
แสดงความคิดเห็น