> กำหนดที่ตั้งของเว็บไซต์
> การเช็ดไทยใน Dream4
> การเช็ดไทยใน DreamMX
+ บันทึก-เรียกดูเว็บเพจ
- การบันทึก
- การเรียกดู
+ อุปกรณ์เบื้องต้น
- ตอนที่ 1
- ตอนที่ 2
+ ตัวอักษร
- เริ่มใช้งาน
- Tip & Trick
- การจัดรูปแบบอักษร
+ พื้นหลัง (ฺBackground)
- Text & Link
- Margin
+ การนำภาพลงเว็บเพจ
- วิธีทำ
- สาเหตุภาพไม่ปรากฏ 1
- สาเหตุภาพไม่ปรากฎ 2
- Rollover Image
- Navigation bar
+ ตาราง
- สร้างตาราง
- การเลือกตาราง
- คุณสมบัติตาราง
- cell colum row
- การรวม Cell
- การแบ่ง Cell
+ Layer
- การใช้เลเยอร์
- เลเยอร์ที่สร้างแล้ว
- ปัญหา layer ซ้อนทับกัน
- Layer Perference
+ การทำจุดเชื่อมโยง (Link)
- link ให้ตัวอักษร
- link ด้วยภาพ
- link hotspot
+ Flash
- การแทรก Flash
- ทำให้พื้นหลังโปร่งใส่
- Flash button
+ เฟรม (frame)
- ตอนที่ 1
- ตอนที่ 2
- ตอนที่ 3
- ตอนที่ 4

+ JumpMenu
- ตอนที่ 1
- ตอนที่ 2
+ css
- การสร้าง css
- กำหนดตัวอักษร
+ Behaviors
- ข้อความที่ Status bar
- เรียก Pop up

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 ทำเครื่องหมายไว้จะทำให้สามารถสร้างเลเยอร์ซ้อนในเลเยอร์เก่าได้

<< Back :: ^ top ^