บทช่วยสอนกระชับ Dreamweaver 4 (7. เค้าโครงหน้าเว็บ 3)
ผู้เขียน：Eve Cole
เวลาอัปเดต：2009-05-30 18:35:47
การใช้เลเยอร์
หากคุณรู้สึกว่าการใช้ตารางเพื่อวางตำแหน่งองค์ประกอบของหน้านั้นยากเกินกว่าจะเชี่ยวชาญ คุณอาจลองใช้ข้อดีของเลเยอร์ได้เช่นกัน คลิกที่แผงคุณสมบัติ
ปุ่มเคอร์เซอร์จะกลายเป็นกากบาทแล้วลากไปบนหน้าต่างแก้ไขเพื่อสร้างเลเยอร์ เราสามารถป้อนองค์ประกอบหน้าเว็บส่วนใหญ่บนเลเยอร์ได้ เช่น รูปภาพ ข้อความ ฯลฯ ข้อดีของเลเยอร์คือสามารถวางไว้ที่ใดก็ได้บนหน้า ดังที่แสดงด้านล่าง:
หลังจากเลือกเลเยอร์แล้ว แผงคุณสมบัติที่เกี่ยวข้องจะเป็นดังนี้:
1. Layer ID: ชื่อของเลเยอร์ที่ใช้ระบุเลเยอร์ต่างๆ
2 L, T: ตำแหน่งของเลเยอร์ L คือระยะห่างจากขอบด้านซ้ายของหน้า T คือระยะห่างจากขอบด้านบนของหน้า
W, H: ความกว้างและความสูงของเลเยอร์;
3 ดัชนี Z: ลำดับแกน Z ของเลเยอร์
④ รูปภาพ Bg: ภาพพื้นหลังของเลเยอร์;
⑤ Vis: สถานะการแสดงผลของเลเยอร์ โดยที่ Hidden จะซ่อนเลเยอร์และทำให้มองไม่เห็น
⑥ Bg Corlor: สีพื้นหลังของเลเยอร์
⑦ แท็ก: วิธีโค้ดที่ใช้โดยเลเยอร์ โดยทั่วไป DIV เริ่มต้นสามารถใช้ได้
⑧ โอเวอร์โฟลว์ หากมีข้อความในเลเยอร์มากเกินไป หรือรูปภาพใหญ่เกินไป และขนาดของเลเยอร์ไม่เพียงพอที่จะแสดงทั้งหมด คุณสามารถเลือก:
มองเห็นได้: ส่วนที่เกินยังคงแสดงอยู่
ซ่อนเร้น: ส่วนที่เกินถูกซ่อนอยู่
scrool: แถบเลื่อนจะปรากฏขึ้นไม่ว่าจะเกินหรือไม่
อัตโนมัติ: แถบเลื่อนจะปรากฏเฉพาะเมื่อเกินขีดจำกัดเท่านั้น
ตัวอย่างเช่น หากเราเลือกอัตโนมัติ เลเยอร์ในตัวอย่างด้านบนจะแสดงเป็น:
ข้อดีของเลเยอร์นั้นชัดเจน แต่ข้อเสียก็ชัดเจนไม่แพ้กัน ตัวอย่างเช่น การสร้างหน้าเว็บที่ปรับให้เข้ากับความละเอียดที่แตกต่างกันเป็นเรื่องยาก เมื่อเพจใช้หลายเลเยอร์ ความซับซ้อนของเพจจะเพิ่มขึ้น ทำให้การแก้ไขยุ่งยากมาก สถานะการแก้ไขและสถานะการเรียกดู เอฟเฟกต์จริงมีความแตกต่างค่อนข้างชัดเจน โดยปกติแล้วผู้คนจะใช้ Layer ในการเรียงพิมพ์แล้วแปลงเลเยอร์เป็นตาราง (Modefy > Convert > Layers to Table) การดำเนินการเฉพาะเจาะจงจะไม่ได้รับการอธิบายไว้ที่นี่ คุณสามารถลองเองได้
