6.การทำงานกับเลเยอร์

Layer ใช้ในการกาหนดคา่ ตาแหนง่ สว่ นประกอบที่เราจะวาง เม่อื ลากเลเยอร์ระบตุ าแหน่งในหน้า Documentแล้ว เราจะใสข่ ้อความ,รูปภาพ,Plugin , Flash หรือแม้แตใ่ สเ่ ลเยอร์ซ่อนอย่ขู ้างในอีกชนั้ ก็สามารถทาได้ และยงัสามารถกาหนดวา่ จะให้แสดงหรือไม่ให้แสดงก็ได้สว่ นมากจะใช้เป็ นเทคนิคพเิ ศษตา่ งมากกว่านามาใช้ท่ัวไปเพราะเลเยอร์ใช้กบั Internet Explorer ไม่มีปัญหาแต่ส่วนมากจะมีปัญหากับ Netscape เร่ืองตาแหน่งที่วางสว่ นมากตาแหน่งจะผดิ พลาดและซ้อนทบั กนั ในการออกแบบเวบในปัจจบุ นั จะใช้ตารางช่วยในการออกแบบเป็นหลกั และเลเยอร์จะเป็นลกู เลน่ ท่ีเพม่ิ เข้ามาเท่านนั้ เองการใช้เลเยอร์ การเรียกใช้คาสง่ั เลเยอร์ใช้ได้สองวธิ ีคือ หนง่ึ โดยเลือกท่ีเมนบู าร์มาท่ี Insert >Layer หรือใช้ Objectเลอื กหวั ข้อ Common มาท่ีรูปเลเยอร์แล้ว Click ดงั ภาพการใช้ Click Layer ที่อยใู่ น Object palette แล้วลากตาแหน่งและขนาดที่ต้องการของDocument window ได้เลยเลเยอร์ท่ีสร้างขนึ้ มาแล้ว  เม่อื คลกิ ข้างในพมิ พข์ ้อความหรือรูปได้เลย ถ้าคลกิ ที่หเู ลเยอร์จะเป็นการเลือกเลเยอร์และสามารถ ย้ายตาแหน่งได้ตามต้องการ และขยายขนาดได้โดยการคลิกที่หเู ลเยอร์จากนนั้ จะมีป่ มุ ปรากฎ ลากจดุ ใดจดุ หนึง่ จากเลเยอร์ออกมาได้เลย  ถ้าหากต้องการความมน่ั คงโดยการระบคุ า่ เป็นตวั เลข ให้แก้ไขคา่ ได้ใน property inspector  เลเยอร์ที่สร้างขึน้ มาถ้าหากต้องการแทรกรูปหรือข้อความ ให้กดภายใน layer หนึ่งครัง้ จะมี เคอร์เซอร์กระพริบอยซู่ ้ายบน เรียกวา่ activating Layer ซ่ึงถ้าสงั เกตจะเห็นวา่ นีไ้ ม่ใช้การ select layer  ถ้าต้องการปรับขนาดของเลเยอร์ สามารถทาได้อีกวิธีโดยการพิมพ์ค่าตัวเลขใน property inspector ก็ได้

ปั ญหาเลเยอร์ ซ้ อนทับกนั ถ้าหากบางทีใช้เลเยอร์ในการสร้างงานหลายๆ เลเยอร์บางทีเลเยอร์อาจซ้อนทบั กนั ได้อาจสง่ ผลถงึ การชมผา่ น browser ได้ สามารถแก้ปัญหาได้ดงั นี ้  มาที่ mini launcher คลิกเลือก Show History หรือเลือกที่เมนบู าร์ Window>Layer จะปรากฎ หน้าต่างดังภาพด้านล่าง จากนัน้ เลือกที่ layer แล้วคลิกที่ช่องส่ีเหล่ียมในหัวข้อ Prevent Overlaps ให้เป็นเคร่ืองหมายถกู ดงั รูป เป็นการป้ องกนั การซ้อนทบั ของเลเยอร์  เราสามารถตงั้ ชื่อ Layerได้เพ่ือเป็นการง่ายตอ่ การควบคมุ โดยคลกิ ให้เลเยอร์ท่ีสร้าง Active จากนนั้ ให้มาที่ Property inspector ในหวั ข้อ Layer ID ในช่องด้านลา่ งให้ระบชุ ่ือตามต้องการ  การแสดงหรือไมแ่ สดงเลเยอร์กาหนดได้โดยมาที่ Window>Layer ท่ีเมนูบาร์ จากนนั้ จะมีชื่อเล เยอร์ที่เราได้ตงั้ ไว้ในช่อง Name ข้างชอ่ ง Name จะมรี ูปตาอยถู่ ้าต้องการซ้อนเลเยอร์ให้คลกิ ท่ีรูป ตาให้ปิ ดเพื่อเป็ นการซ่อนเลเยอร์ ถ้าต้องการให้แสดงก็เพียงคลิกอีกครัง้ ให้เปิด ก็จะสามารถ มองเห็นเลเยอร์ได้ดงั ภาพ

 การใสส่ ีพนื ้ ให้กับเลเยอร์ทาได้โดยการใช้ Property inspector และมาที่ Bg color เลือกสไี ด้ตาม ต้องการLayer Perference เป็นการตงั้ คา่ default ให้กบั layer เพือ่ จดั รูปแบบเป็นไสตล์ของเราเอง โดยเลอื กเมนู EDIT >perferences แล้วคลกิ เลเยอร์ที่ช่องทางซ้ายให้เป็นหวั ข้อ Layer  Tag ให้ใช้ tag อะไรทกุ ครัง้ ท่ีสร้างเลเยอร์ ( span,Div,Layer.llayer)  Visibility กาหนด layer ให้มองเห็นหรือไม่  Width and Hight กาหนดความกว้างและความสงู ของ Layer ท่ีสร้างด้วยคาสง่ั Insert > Layer  Background color กาหนดรูป background  Nestin ทาเคร่ืองหมายไว้จะทาให้สามารถสร้างเลเยอร์ซ้อนในเลเยอร์เก่าได้