วิธีการสร้างการเชื่อมโยงหลายมิติด้วย KompoZer

ความสามารถในการสร้างการเชื่อมโยงในเอกสารที่นำคุณไปสู่เอกสารอื่นอาจเป็นเครือข่ายครึ่งหนึ่งของโลกเป็นเหตุผลหนึ่งที่สำคัญที่สุดที่เวิลด์ไวด์เว็บได้ถูกคิดค้น ลิงก์เหล่านี้เรียกว่าไฮเปอร์ลิงค์คือ "H" ใน HTML - HyperText Markup Language โดยไม่ต้องเชื่อมโยงหลายมิติเว็บจะไม่เป็นประโยชน์มาก จะไม่มีเครื่องมือค้นหาโฆษณาทางโซเชียลมีเดียหรือโฆษณาแบนเนอร์ (โอเคส่วนมากของเราสามารถยืนดูสิ่งเหล่านั้นได้)

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

01 จาก 05

สร้างการเชื่อมโยงหลายมิติด้วย KompoZer

คุณสามารถเข้าถึงเครื่องมือเชื่อมโยงหลายมิติของ KompoZer ได้โดยคลิกปุ่มลิงก์บนแถบเครื่องมือ เมื่อต้องการสร้างการเชื่อมโยงหลายมิติ:

1. วางเคอร์เซอร์ไว้บนหน้าที่คุณต้องการให้ไฮเปอร์ลิงก์ปรากฏ
2. คลิกปุ่มลิงก์บนแถบเครื่องมือ กล่องโต้ตอบคุณสมบัติการเชื่อมโยงจะปรากฏขึ้น
3. ช่องแรกที่คุณต้องกรอกคือช่อง Link Text พิมพ์ข้อความที่คุณต้องการให้ปรากฏบนหน้าสำหรับการเชื่อมโยงหลายมิติของคุณ
4. ฟิลด์ที่สองที่คุณต้องกรอกคือช่อง Link Location พิมพ์ URL ของหน้าเว็บที่เชื่อมโยงหลายมิติของคุณจะนำผู้ใช้เมื่อคลิก คุณควรคัดลอกและวาง URL จากแถบที่อยู่ของเบราว์เซอร์ของคุณ คุณมีโอกาสน้อยที่จะทำผิดพลาดด้วยวิธีนี้และคุณรู้อย่างน้อยในขณะที่สร้างลิงก์ของคุณว่าหน้านั้นมีชีวิตอยู่และลิงก์นั้นไม่ได้หัก
5. คลิกตกลงและกล่องโต้ตอบคุณสมบัติการเชื่อมโยงจะปิด ลิงก์ของคุณจะปรากฏในหน้าเว็บของคุณ

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

02 จาก 05

การสร้าง Anchor Link ด้วย KompoZer

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

KompoZer ช่วยให้คุณสามารถสร้างจุดยึดที่คุณสามารถเชื่อมโยงโดยใช้เครื่องมือ Anchor บนแถบเครื่องมือ

1. คลิกที่พื้นที่ของหน้าเว็บที่คุณต้องการยึด นั่นคือที่ที่คุณต้องการให้ผู้ดูหน้าเว็บถูกนำไปใช้เมื่อมีการคลิกลิงก์สมอ สำหรับตัวอย่างนี้ฉันคลิกที่ "F" ในส่วนหัวเพลงโปรด
2. คลิกที่ปุ่ม Anchor บนแถบเครื่องมือ กล่องโต้ตอบ Anchor Properties จะปรากฏขึ้น
3. anchor แต่ละหน้าต้องมีชื่อเฉพาะ สำหรับ anchor นี้ฉันใช้ชื่อ "music"
4. คลิกตกลงและคุณจะเห็นและ anchor symbol ปรากฏขึ้นในจุดที่คุณต้องการ anchor สัญลักษณ์นี้จะไม่ปรากฏบนหน้าเว็บของคุณมันเป็นเพียงวิธีการที่ KompoZer แสดงให้เห็นว่าจุดยึดของคุณเป็นอย่างไร
5. ทำซ้ำขั้นตอนสำหรับพื้นที่อื่น ๆ ของหน้าเว็บที่คุณต้องการให้ผู้ใช้สามารถข้ามไป หากคุณมีข้อความเป็นจำนวนมากในหน้าเว็บที่คั่นด้วยหัวเรื่องหรือตัวคั่นแบบตรรกะอื่น ๆ เบรกเป็นวิธีที่ง่ายในการนำทางเพจ

จากนั้นเราจะสร้างลิงก์ที่นำผู้อ่านไปยังจุดยึดที่คุณสร้างขึ้น

03 จาก 05

การสร้าง Navigation Page ด้วย KompoZer

ขณะนี้คุณมี anchors ในหน้าเว็บของคุณแล้วให้สร้างลิงก์ที่จะใช้เป็นทางลัดไปยัง anchor เหล่านั้น สำหรับบทแนะนำนี้ฉันได้สร้างแถว 1 แถวและ 4 คอลัมน์ด้านล่างส่วนหัวด้านบนของหน้า แต่ละเซลล์ในตารางมีข้อความเหมือนกับส่วนหัวของประเภทที่ใช้เพื่อแยกลิงก์ในเพจ เราจะทำให้ข้อความในแต่ละเซลล์ในตารางเชื่อมโยงไปยัง anchor ที่สอดคล้องกัน

04 จาก 05

สร้างการเชื่อมโยงหลายมิติเพื่อยึดกับ KompoZer

ตอนนี้เราได้ยึดตำแหน่งของเราไว้ในตำแหน่งและข้อความที่เราจะใช้สำหรับการนำทางของเพจเข้ามาเราสามารถเปลี่ยนข้อความที่เป็นข้อความล้วนเป็นลิงก์ได้ เราจะใช้ปุ่มลิงก์อีกครั้ง แต่คราวนี้จะแตกต่างกันเล็กน้อย

1. เลือกข้อความที่คุณต้องการเปลี่ยนเป็นลิงก์ ในตัวอย่างนี้ฉันได้เลือกข้อความ "เพลงโปรด" ที่อยู่ในเซลล์ตารางแรกที่ด้านบนของหน้า
2. คลิกปุ่มลิงก์บนแถบเครื่องมือ กล่องโต้ตอบคุณสมบัติเชื่อมโยงจะเปิดขึ้น
3. ในกรณีนี้เราเลือกข้อความก่อนที่เราจะคลิกที่ปุ่มลิงก์ดังนั้นส่วนข้อความลิงค์ของหน้าต่างจะถูกกรอกข้อมูลและไม่สามารถแก้ไขได้ คลิกลูกศรชี้ลงในส่วนตำแหน่งผู้ติดต่อ คุณจะเห็นรายการ anchor ที่คุณสร้างขึ้นในขั้นตอนก่อนหน้านี้ สำหรับตัวอย่างนี้ฉันจะเลือก #music anchor
4. คลิกตกลง ข้อความ "เพลงที่ชื่นชอบ" ในแถบนำทางจะกลายเป็นลิงก์ที่จะทำให้ผู้ดูข้ามไปที่ส่วนนั้นบนหน้าเว็บเมื่อคลิก

คุณจะสังเกตเห็นว่าแต่ละ anchor ที่ชื่อในเมนูแบบเลื่อนลงจะมีเครื่องหมาย "#" อยู่ข้างหน้า นี่คือวิธีที่คุณจะสร้างลิงก์ไปยัง anchor ใน HTML "#" ที่ด้านหน้าของชื่อสมอบอกเบราว์เซอร์ว่าลิงก์นี้นำคุณไปยังอีกที่หนึ่งในหน้าเดียวกัน

05 จาก 05

การสร้างการเชื่อมโยงหลายมิติจากภาพด้วย KompoZer

คุณรู้ไหมว่าคุณสามารถสร้างลิงก์จากภาพรวมทั้งข้อความได้? KompoZer ช่วยให้คุณสามารถทำได้โดยใช้เพียงไม่กี่คลิก ที่นี่ฉันได้แทรกภาพไอคอนขนาดเล็กที่แสดงลูกศรชี้ขึ้นและข้อความ "TOP" ที่ด้านล่างของหน้า ฉันจะใช้ภาพนี้เป็นลิงก์เพื่อข้ามกลับไปที่ด้านบนสุดของหน้า

1. คลิกขวาที่รูปภาพและเลือกภาพและคุณสมบัติการเชื่อมโยงจากบริบทฉลาก กล่องโต้ตอบคุณสมบัติรูปภาพจะเปิดขึ้น
2. ในแท็บตำแหน่งคุณจะเห็นชื่อไฟล์ของภาพและมุมมองภาพขนาดย่อที่ใส่ไว้แล้วคุณควรป้อนข้อความในช่องข้อความสำรอง นี่คือสิ่งที่ปรากฏขึ้นเมื่อคุณเลื่อนเมาส์ไปวางเหนือรูปภาพและสิ่งที่อ่านโดยโปรแกรมอ่านหน้าจอเมื่อผู้พิการทางสายตาอ่านหน้าเว็บ
3. คลิกแท็บ Link ที่นี่คุณสามารถเลือก anchor จากเมนูเหมือนกับที่เราทำกับ anchor links ในความเป็นจริงภาพนี้ใช้เป็น anchor link ฉันเลือก #Links_Of_Interest anchor ที่จะพาเรากลับไปที่ด้านบน
4. คลิกตกลง ภาพตอนนี้ลิงก์กลับไปที่ด้านบนของหน้าเมื่อคลิก