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