ทำไมฉันไม่เห็นภาพที่ฉันใส่ใน Dreamweaver?

เนื้อหา

• รูปภาพอ้างอิง
• ราก
• แม่แบบ
• คัดลอกและวางเทียบกับการย้าย
• การเปลี่ยนแปลงภายนอก

อินเทอร์เฟซ "สิ่งที่คุณเห็นคือสิ่งที่คุณทำ" Adobe Dreamweaver สร้างเว็บไซต์โดยใช้โหมดการออกแบบภาพแทนที่จะป้อนรหัสด้วยตนเอง เมื่อใช้โหมดการออกแบบนี้ Dreamweaver จะสร้างรหัสให้คุณโดยอัตโนมัติ อย่างไรก็ตามคุณอาจประสบปัญหากับภาพที่ดูในหน้าต่างการออกแบบ ปัญหานี้มักเกี่ยวข้องกับรูปภาพที่มีการอ้างอิงหรือไม่มีอยู่จริง

Adobe Dreamweaver สร้างเว็บไซต์โดยใช้โหมดการออกแบบภาพ (รูปภาพ Comstock / Stockbyte / Getty)

รูปภาพอ้างอิง

การอ้างอิงแบบสมบูรณ์ชี้ไปที่ตำแหน่งที่แน่นอนของภาพที่เข้ารหัสเช่น "http://www.somedomain.com/images/image.jpg" การอ้างอิงแบบสัมพัทธ์ใช้ตำแหน่งสัมพัทธ์สำหรับหน้าปัจจุบันเช่น "/images/image.jpg" การใช้การอ้างอิงแบบสัมบูรณ์ต้องการให้ Dreamweaver เข้าถึงรูปภาพออนไลน์ หากการเชื่อมต่ออินเทอร์เน็ตไม่พร้อมใช้งานหรือหากยังไม่ได้โหลดรูปภาพ Dreamweaver จะไม่สามารถแสดงภาพได้

ราก

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

แม่แบบ

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

คัดลอกและวางเทียบกับการย้าย

การคัดลอกและวางภาพในตัวจัดการไซต์ของ Dreamweaver จะไม่อัปเดตลิงก์ในเอกสาร Dreamweaver เพราะไฟล์ภาพดั้งเดิมยังคงใช้ได้ หากภาพต้นฉบับถูกลบภาพจะไม่ปรากฏใน Dreamweaver อีกต่อไป หากคุณต้องการย้ายรูปภาพให้คลิกและลากไปยังตำแหน่งใหม่ใน Site Manager วิธีนี้ช่วยให้ Dreamweaver อัปเดตตำแหน่งของภาพในทุกหน้าที่ใช้งานโดยอัตโนมัติ

การเปลี่ยนแปลงภายนอก

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