คำถาม: สามารถใช้งานได้เมื่อมีรูปภาพอยู่ในทั้งสองเลเยอร์ แต่จะไม่ทำงานหากมี FLASH ซึ่งหมายความว่ารูปภาพจะถูกบังด้วย FLASH เสมอ ฉันควรทำอย่างไร?
เกี่ยวกับ
เลเยอร์ เลเยอร์
ใน Dreamweaver คือองค์ประกอบของหน้า HTML ที่ได้รับการกำหนดตำแหน่งที่แน่นอน โดยเฉพาะแท็ก div หรือแท็กอื่นๆเลเยอร์สามารถประกอบด้วยข้อความ รูปภาพ หรือสิ่งอื่นใดที่สามารถวางไว้ภายในเนื้อหาของเอกสาร HTML
โปรดทราบว่า
เลเยอร์ที่กล่าวถึงในบทนี้เป็นของแนวคิดเค้าโครงของ Dreamweaver ไม่ใช่แท็กเลเยอร์
ทำความเข้าใจแนวคิดของเลเยอร์
ด้วย Dreamweaver คุณสามารถใช้เลเยอร์เพื่อออกแบบเลย์เอาต์ของเพจของคุณได้ คุณสามารถวางเลเยอร์ไว้ข้างหลัง ซ่อนบางเลเยอร์ในขณะที่แสดงเลเยอร์อื่น และย้ายเลเยอร์ไปรอบๆ หน้าจอ คุณสามารถวางภาพพื้นหลังในเลเยอร์เดียว จากนั้นวางเลเยอร์ที่สองที่ด้านหน้าของเลเยอร์นั้นซึ่งมีข้อความที่มีพื้นหลังโปร่งใส
เลเยอร์ให้ความยืดหยุ่นอย่างมากในการวางเนื้อหา อย่างไรก็ตาม ผู้เยี่ยมชมเว็บไซต์ที่ใช้เว็บเบราว์เซอร์เวอร์ชันเก่าอาจประสบปัญหาในการดูเลเยอร์ เพื่อให้แน่ใจว่าทุกคนสามารถดูเว็บเพจของคุณได้ คุณสามารถออกแบบเค้าโครงเพจโดยใช้เลเยอร์ จากนั้นแปลงเลเยอร์ต่างๆ ให้เป็นตารางได้ สำหรับข้อมูลเพิ่มเติม โปรดดูที่การแปลงเลเยอร์เป็นตาราง อย่างไรก็ตาม หากผู้เยี่ยมชมที่คุณติดต่อด้วยมีแนวโน้มที่จะใช้เบราว์เซอร์รุ่นล่าสุด คุณสามารถออกแบบเลย์เอาต์ของคุณทั้งหมดเป็นเลเยอร์ต่างๆ ได้โดยไม่ต้องแปลงเลเยอร์ต่างๆ ให้เป็นตาราง
เกี่ยวกับโค้ด HTML ของเลเยอร์
เมื่อคุณวางเลเยอร์ในเอกสาร Dreamweaver จะแทรกแท็ก HTML ของเลเยอร์ในโค้ด ตามค่าเริ่มต้น Dreamweaver จะสร้างเลเยอร์โดยใช้แท็ก div
โปรดทราบว่า
คุณยังสามารถใช้แท็กอื่นอีกสองแท็กเพื่อสร้างเลเยอร์: layer และ ilayer อย่างไรก็ตาม เฉพาะแท็กเหล่านี้รองรับเฉพาะ Netscape Navigator 4 เท่านั้น Internet Explorer ไม่รองรับแท็กเหล่านี้ และ Netscape ไม่รองรับแท็กเหล่านี้ในเบราว์เซอร์รุ่นใหม่อีกต่อไป Dreamweaver รู้จักเลเยอร์และแท็ก ilayer แต่ไม่ได้ใช้เพื่อสร้างเลเยอร์
เมื่อคุณวาดเลเยอร์โดยใช้เครื่องมือ Draw Layers Dreamweaver จะแทรกแท็ก div ลงในเอกสารและกำหนดค่า ID ให้กับเลเยอร์ (โดยค่าเริ่มต้น Layer1 แสดงถึงเลเยอร์แรกที่วาด Layer2 แสดงถึงเลเยอร์ที่สองที่วาด และอื่นๆ ) หลังจากนั้น คุณสามารถเปลี่ยนชื่อเลเยอร์เป็นสิ่งที่คุณต้องการได้โดยใช้แผงเลเยอร์หรือตัวตรวจสอบคุณสมบัติ Dreamweaver ยังใช้ CSS ที่ฝังอยู่ในส่วนหัวของเอกสารเพื่อวางตำแหน่งเลเยอร์และกำหนดขนาดที่แน่นอน
นี่คือตัวอย่างโค้ด HTML สำหรับเลเยอร์:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>ตัวอย่างหน้าเลเยอร์</title>
<style type="text/css">
-
#เลเยอร์1 {
ตำแหน่ง:แน่นอน;
ซ้าย:62px;
ด้านบน:67px;
ความกว้าง:421px;
ความสูง:188px;
ดัชนี z:1;
}
-
</สไตล์>
</หัว>
<ร่างกาย>
<div id="Layer1"></div>
</ร่างกาย>
</html>
คุณสามารถตั้งค่าคุณสมบัติสำหรับเลเยอร์ด้านบนของหน้า รวมถึงพิกัด x และ y แกน z (หรือที่เรียกว่าลำดับการเรียงซ้อน) และการมองเห็น สำหรับข้อมูลเพิ่มเติม โปรดดูการตั้งค่าการกำหนดลักษณะของเลเยอร์และคุณสมบัติ