ก่อนอื่นมาสร้างเลเยอร์กันก่อน
1. ไปที่เมนู "หน้าต่าง" > เลือก "เลเยอร์" หรือ คลิกเมนู "แทรก" > วัตถุเค้าโครง > เลือก "เลเยอร์"
2. แสดงเลเยอร์บนเพจ
3. ลากที่จับสำหรับปรับสีดำรอบๆ เพื่อควบคุมขนาดของเลเยอร์
4. ลากที่จับสำหรับการเลือกที่มุมซ้ายบนของเลเยอร์เพื่อย้ายตำแหน่งของเลเยอร์
5. คลิกเครื่องหมายเลเยอร์เพื่อเลือกเลเยอร์
6. คุณสามารถแทรกองค์ประกอบอื่นๆ ลงในเลเยอร์ได้ รวมถึงรูปภาพ ข้อความ ลิงก์ ตาราง ฯลฯ
สามารถวาดเลเยอร์ได้หลายเลเยอร์บนหน้าเว็บ และเลเยอร์เหล่านี้จะแสดงอยู่ในแผงเลเยอร์ เลเยอร์ยังสามารถทับซ้อนกันได้ แผงเลเยอร์สามารถเปิดได้ผ่านเมนูเมนู "หน้าต่าง" > เลือก "เลเยอร์"
ที่นี่เราจำเป็นต้องอธิบายแนวคิดหลายประการ เลเยอร์มีคุณสมบัติที่ซ่อนและแสดง นี่เป็นคุณลักษณะที่สำคัญของเลเยอร์และกลายเป็นพารามิเตอร์ที่สำคัญเมื่อรวมกับลักษณะการทำงานที่กล่าวถึงในภายหลัง คลิกทางด้านซ้ายของรายการแผงเลเยอร์เพื่อเปิดและปิดตา ตาเปิดและปิดเพื่อแสดงและซ่อนเลเยอร์การนำเสนอ
แนวคิดอีกประการหนึ่งของเลเยอร์คือจำนวนเลเยอร์ จำนวนเลเยอร์จะกำหนดว่าเลเยอร์ใดอยู่ด้านบนและเลเยอร์ใดอยู่ด้านล่างเมื่อทับซ้อนกัน ตัวอย่างเช่น ชั้นที่มีหมายเลข 2 จะอยู่เหนือชั้นที่มีหมายเลข 1 การเปลี่ยนจำนวนเลเยอร์จะเปลี่ยนลำดับการทับซ้อนกันของเลเยอร์
นอกจากนี้ยังมีพารามิเตอร์บนแผงเลเยอร์ที่ป้องกันไม่ให้เลเยอร์ซ้อนทับกัน เมื่อเลือกแล้ว ชั้นตรงกลางของหน้าจะต้องไม่ทับซ้อนกัน
เลเยอร์นี้ยังมีความสัมพันธ์แบบพ่อ-ลูกซึ่งเป็นความสัมพันธ์แบบรองอีกด้วย สิ่งนี้แสดงในแผงเลเยอร์
ในภาพ Layer2 แขวนอยู่ใต้ Layer1 Layer1 เป็นเลเยอร์หลัก และ Layer2 เป็นเลเยอร์ลูก ลาก Layer1 บนหน้า และ Layer2 จะเคลื่อนที่ตามไปด้วย เนื่องจากพวกมันถูกล่ามโซ่ไว้ด้วยกันแล้ว และ Layer2 ก็อยู่ใต้บังคับของ Layer1 การเคลื่อนไหวของเลเยอร์พาเรนต์จะส่งผลต่อเลเยอร์ลูก ย้ายเลเยอร์ 2 แต่เลเยอร์ 1 ไม่ย้าย นั่นคือเลเยอร์ลูกจะไม่ส่งผลกระทบต่อเลเยอร์พาเรนต์
วิธีการสร้างความร่วมมือดังกล่าวนั้นง่ายมาก กดปุ่ม Ctrl ในแผงเลเยอร์แล้วลากเลเยอร์ลูกไปยังเลเยอร์หลัก
เนื่องจากเลเยอร์สะดวกมากในการจัดวางหน้าเว็บ บางคนอาจไม่ชอบใช้ตารางหรือโหมด "เลย์เอาต์" เพื่อสร้างเพจของตนเอง แต่ชอบที่จะออกแบบผ่านเลเยอร์ Dreamweaver MX 2004 สามารถสร้างเค้าโครงของคุณเองโดยใช้เลเยอร์แล้วแปลงเป็นตาราง
ก่อนที่จะแปลงเป็นตาราง ตรวจสอบให้แน่ใจว่าเลเยอร์ไม่ทับซ้อนกัน ทำดังต่อไปนี้: เลือกแก้ไข > แปลง > เลเยอร์เป็นตาราง กล่องโต้ตอบแปลงเลเยอร์เป็นตารางจะปรากฏขึ้น
หากต้องการแปลงตารางเป็นเลเยอร์ ให้เลือกแก้ไข > แปลง > ตารางเป็นเลเยอร์ กล่องโต้ตอบ "แปลงตารางเป็นเลเยอร์" จะปรากฏขึ้น
เลือกตัวเลือกที่ต้องการ คลิกตกลง
เราจะแนะนำเลเยอร์และแอปพลิเคชันสั้นๆ ที่นี่