เรียนรู้กว้างไกล เรียนทางไกลกับ สถาบัน กศน.ภาคกลาง   
-
| HOME | เลือกเรียนวิชา | การสอบเพื่อรับวุฒิบัตร | แบบฟอร์มขอเข้าสอบ | WEB BOARD | บอกเพื่อน |
-

« กลับสารบัญ ต่อไป »
 


บทที่ 8 เฟรม เลเยอร์ แฟลช



การใช้เลเยอร์
         เลเยอร์ (layer) ใน Dreamweaver เป็นส่วนหนึ่งของหน้าเว็บ ที่สามารถนำมาซ้อนกันเป็นชั้น ๆ และสามารถกำหนดตำแหน่งในแต่ละชั้นได้ ว่าจะให้อยู่ ณ ตำแหน่งใดของหน้า เลเยอร์มีประโยชน์ในการจัดวางตำแหน่งต่าง ๆ ของ ภาพ หรือข้อความในหน้าได้ โดยนำภาพหรือข้อความวางลงใน เลเยอร์ และนำเลเยอร์ไปวางในตำแหน่งที่ต้องการ ดังนั้น เลเยอร์จึงมีประโยชน์ในการจัดวาง หรือออกแบบหน้าจอ เช่นเดียวกับการใช้ตาราง อย่างไรก็ตาม Browser เก่า ๆ อาจจะไม่สามารถแสดงเลเยอร์ได้ ดังนั้นถ้าใช้ เลเยอร์ในการจัดหน้าเว็บ เมื่อเสร็จแล้วจึงควรแปลงให้เป็นตาราง จะสามารถแสดงได้ในทุก Browser
        เลเยอร์มีคุณสมบัติพิเศษ คือ สามารถนำมาซ้อนกันได้เป็นชั้น ๆ และสามารถทำให้โปร่งใสได้ นอกจากนี้ยังสามารถสั่งให้มองเห็นหรือซ่อน ก็ได้ นอกจากนี้ยังสามารถสั่งให้เคลื่อนที่ หรือแม้แต่ทำให้ผู้ใช้สามารถใช้เมาส์ลากชิ้นส่วนนั้น ๆ ได้อีกด้วย

การสร้างเลเยอร์

  1. การสร้างเลเยอร์ ต้องอยู่ในโหมดมาตรฐาน หรือ Standard Mode
  2. ถ้าไม่ได้อยู่ใน Standard Mode ให้ไปที่เมนู View > Table Mode >Standard Mode หรือ คลิกที่แถบ Layout และเลือก Standard ดังภาพ


  3. คลิกปุ่มสำหรับวาดเลเยอร์


  4. วาดสี่เหลี่ยมในตำแหน่งที่ต้องการบนหน้าจอ


  5. ถ้าต้องการลบ สามารถกดปุ่ม Delete บนแป้นพิมพ์ลบออกและวาดใหม่ได้
การนำภาพเข้าเลเยอร์
  1. ก่อนอื่นต้องนำภาพเข้ามายังห้องเก็บภาพใน Site ที่ทำงานเสียก่อน ตัวอย่างนี้ใช้ภาพ crnfe1.jpg
  2. คลิกที่เลเยอร์ที่ต้องการนำภาพเข้า
  3. คลิกเลือกเมนู Common แล้วคลิกปุ่มสำหรับนำภาพเข้า


  4. เลือกภาพที่ต้องการ


  5. เมื่อนำเข้าเลเยอร์ จะได้ดังนี้


  6. สร้างเลเยอร์อีก 1 เลเยอร์ ตรงมุมบนด้านซ้ายของภาพ ดังรูป (ดูเรื่องการสร้างเลเยอร์)


  7. นำไฟล์ king_logo.jpg มาวางในเลเยอร์นี้ ดังรูป(ดูเรื่องการนำภาพเข้า)


  8. เมื่อนำภาพเข้าแล้ว ถ้าต้องการลดขนาดลง ให้นำเมาส์ไปวางที่มุมล่างด้านขวา แล้วลากลดขนาดให้เล็กลง ถ้าต้องการรักษาสัดส่วนของภาพ ให้กดปุ่ม Shift ค้างไว้ด้วย


  9. จะได้ดังนี้


  10. ข้อควรระวัง ในการเลือก ถ้าต้องการเลือกภาพควรคลิกที่ภาพก่อน จะสังเกตเห็นว่าที่ขอบภาพจะมีปุ่มสีดำล้อมรอบ


  11. ถ้าต้องการเลือกเลเยอร์ ให้คลิกที่ขอบของเลเยอร์ จะเห็นมีปุ่มล้อมรอบเลเยอร์ ดังนี้


การเรียงชั้นเลเยอร์
    ถ้าต้องการจัดลำดับชั้นก่อน-หลังของเลเยอร์ ให้ทำดังนี้
  1. คลิกเลือกเลเยอร์ที่ต้องการ
  2. ไปที่ Window > Layer
  3. เปลี่ยนตัวเลขในช่อง Z ถ้าต้องการให้อยู่ด้านบน ให้ใช้ตัวเลขที่มากกว่าชั้นที่อยู่ด้านล่าง







« กลับสารบัญ ต่อไป »