หลังจากดำเนินการในส่วนที่แล้ว หน้าเว็บของเราได้ถูกแสดงด้วยรูปภาพและข้อความ และมีผลอย่างมาก แต่ยังไม่เพียงพอสำหรับหน้าเว็บหลายหน้าในเว็บไซต์ให้เป็นแบบอินทรีย์ทั้งหมด แต่ละหน้าเว็บจะต้อง ประมวลผลผ่านซุปเปอร์ลิงก์ที่เชื่อมต่อเพื่อให้ผู้ชมสามารถข้ามไปมาระหว่างหน้าต่างๆ
1. ลิงก์รูปภาพและข้อความ
การสร้างลิงก์สำหรับข้อความหรือรูปภาพบางส่วนทำได้สะดวกมาก เพียงใช้เมาส์เลือกรูปภาพหรือข้อความที่ต้องการแปลงเป็นลิงก์แล้วป้อนที่อยู่ของหน้าเป้าหมายที่ต้องการ จะถูกข้ามในกล่องป้อนข้อมูล "ลิงก์" ของแผงคุณสมบัติ หรือกดไอคอนโฟลเดอร์ถัดจากช่องป้อนข้อมูลเพื่อเลือกไฟล์ที่คุณต้องการข้ามไป นอกจากนี้ Dreamweaver MX 2004 ยังมีวิธีการเชื่อมโยงไฟล์อย่างรวดเร็วผ่านหน้าต่างเว็บไซต์อีกด้วย
ขั้นตอนที่ 1: ขั้นแรกให้เรียกใช้คำสั่ง "ไซต์→จัดการไซต์" และเลือกไซต์ที่สร้างไว้แล้วจากเมนูป๊อปอัป ในขณะนี้ คุณจะเห็นหน้าต่างการจัดการไซต์แบบผุดขึ้นทางด้านขวา
ขั้นตอนที่ 2: เลือกข้อความหรือรูปภาพในพื้นที่แก้ไข และลากไอคอนเป้าหมายวงกลมที่อยู่ถัดจากช่องป้อนข้อมูล "ลิงก์" ในแผงคุณสมบัติ ลูกศรจะปรากฏขึ้นเมื่อชี้ไปที่ไฟล์ในตัวจัดการเว็บไซต์ กล่องจะปรากฏขึ้นรอบๆ ไฟล์ (รูปที่ 1)
รูปที่ 1
ขั้นตอนที่ 3: หลังจากปล่อยเมาส์ เส้นใต้จะปรากฏขึ้นที่ด้านล่างของข้อความที่เลือก และสีของคำจะเปลี่ยนเป็นสีน้ำเงิน และที่อยู่ของไฟล์เป้าหมายจะแสดงโดยอัตโนมัติในช่องป้อนข้อมูล "ลิงก์" .
เคล็ดลับ: เมื่อสร้างลิงก์ คุณต้องใส่ใจกับ URL ทั้งสองแบบ 1. ที่อยู่ที่แน่นอน: เช่น www. เอบีซี คอม/ทดสอบ. htm; 2. ที่อยู่สัมพัทธ์: เช่น download/1. htm คำอธิบายหน้า 1 htm อยู่ในไดเรกทอรีรากของเซิร์ฟเวอร์
2. ตั้งค่าหลายลิงค์ในภาพเดียว
หน้าเว็บบางหน้ามีหลายลิงค์ในภาพใหญ่ เพื่อให้ผู้เยี่ยมชมสามารถเข้าสู่หน้าต่างๆ ได้โดยคลิกที่ตำแหน่งต่างๆ ของภาพ นี่คือการประยุกต์ใช้แนวคิดเรื่องพื้นที่ร้อนที่เราสามารถทำได้ ทำตามขั้นตอนด้านล่างเพื่อให้บรรลุเป้าหมายนี้
ขั้นตอนที่ 1: ใน Dreamweaver MX 2004 คุณสามารถเลือกรูปภาพได้ ในขณะนี้ คุณจะเห็นพื้นที่ "แผนที่" บนแผงคุณสมบัติของรูปภาพ มีไอคอนเครื่องมือสีฟ้าอ่อนสามไอคอนอยู่ด้านล่าง ได้แก่ สี่เหลี่ยมผืนผ้า วงกลม และรูปหลายเหลี่ยม
ขั้นตอนที่ 2: ใช้เมาส์เพื่อเลือกอันใดอันหนึ่งตามต้องการ จากนั้นเลื่อนเมาส์ไปที่รูปภาพแล้วลากพื้นที่สีฟ้าอ่อนออกมา
ขั้นตอนที่ 3: กรอกที่อยู่หน้าเว็บที่จะเชื่อมโยงในช่องป้อนข้อมูล "ลิงก์" ในแผงคุณสมบัติ และพื้นที่รูปภาพยอดนิยมก็พร้อมแล้ว
ในทำนองเดียวกัน ด้วยการตั้งค่าพื้นที่ยอดนิยมหลายภาพสำหรับภาพนี้ คุณสามารถคลิกบนพื้นที่ต่างๆ ของภาพเพื่อเข้าสู่หน้าต่างๆ ได้
3. ปรับแต่งลิงก์ข้ามภายในเพจ
หากคุณสมัครรับนิตยสารออนไลน์ฟรีเป็นประจำ หรือเรียกดูหน้าที่ยาวมาก คุณควรคุ้นเคยกับลิงก์ที่ติดแท็กประเภทนี้ หน้าส่วนใดก็ได้ภายใน
ขั้นตอนที่ 1: ใน Dreamweaver MX 2004 ขั้นแรกให้กำหนดตำแหน่งที่ลิงก์ชี้ ซึ่งเป็นตำแหน่งที่ลิงก์จะอยู่หลังจากหน้าจอข้ามไป จากนั้นเลือกข้อความเป้าหมายแล้วรันคำสั่ง "Insert→Named Anchor"
ขั้นตอนที่ 2: พิมพ์ชื่อป้ายกำกับ (เช่น test3) ในช่องป้อนข้อมูล "ชื่อ Anchor" ในขณะนี้ แท็ก Anchor จะปรากฏขึ้นใต้ข้อความโดยอัตโนมัติเพื่อแยกความแตกต่างจากเนื้อหาข้อความธรรมดา (รูปที่ 2)
รูปที่ 2
ขั้นตอนที่ 3: ป้อน "#test3" ในกล่องอินพุต "ลิงก์" ของบอร์ดคุณสมบัติ โดยที่ test3 เป็นชื่อที่เพิ่งตั้งไว้ เพื่อให้สามารถรับรู้ฟังก์ชันการข้ามหน้าได้
เคล็ดลับ: หากคุณต้องการชี้ไปยังตำแหน่งใดตำแหน่งหนึ่งบนหน้าอื่น เพียงวางแท็ก Anchor นี้ไว้ตรงนั้น
4. ตรวจสอบลิงค์เว็บอย่างรวดเร็ว
เมื่อท่องอินเทอร์เน็ต สิ่งที่น่ารำคาญที่สุดคือการเห็นข้อความแสดงข้อผิดพลาดเช่น "ข้อผิดพลาดของเซิร์ฟเวอร์เว็บ 4004: ไม่พบไฟล์" เนื่องจากมีลิงก์จำนวนมากในเว็บไซต์ การดูแลเล็กน้อยจะทำให้เกิดข้อผิดพลาดของลิงก์มากมาย อย่างไรก็ตาม ใน Dreamweaver MX 2004 คุณสามารถตรวจสอบลิงก์ได้อย่างง่ายดาย
ขั้นตอนที่ 1: เรียกใช้คำสั่ง "Site→Check Links SideWide" ใน Dreamweaver MX 2004 และแผงตรวจสอบลิงก์จะถูกเปิดใช้งาน
ขั้นตอนที่ 2: จากเมนูแบบเลื่อนลง "แสดง" ที่ด้านซ้ายบนของแผง คุณสามารถเลือกลิงก์ที่ใช้งานไม่ได้ (ลิงก์ที่ใช้งานไม่ได้), ลิงก์ภายนอก (ลิงก์ภายนอก) และ OrphanedFiles (ไฟล์ที่ถูกละเลย) เลือกไฟล์ที่ถูกละเลย Dreamweaver MX 2004 จะตรวจสอบสถานะลิงก์ปัจจุบันและแสดงรายการไฟล์ที่ถูกละเลย
ขั้นตอนที่ 3: สำหรับไฟล์ที่มีปัญหา ให้ดับเบิลคลิกปุ่มซ้ายของเมาส์เพื่อเปิดไฟล์เพื่อทำการแก้ไข
เคล็ดลับ: ลิงก์ภายนอกคือที่อยู่ลิงก์ที่เชื่อมโยงไปยังเว็บไซต์ภายนอก และ Dreamweaver ไม่สามารถตรวจสอบความถูกต้องได้
คุณต้องได้รับการเตือนให้ระมัดระวังเป็นพิเศษเมื่อสร้างลิงก์ไปยังหน้าเว็บ เนื่องจากเว็บไซต์มักจะมีหลายร้อยหน้า หากคุณไม่ระวังจะนำไปสู่ลิงก์ว่างหรือลิงก์ผิดซึ่งเป็นอันตรายต่อภาพลักษณ์เว็บไซต์ของคุณอย่างมาก อิทธิพลดี!