เรียนรู้กว้างไกล เรียนทางไกลกับ สถาบัน กศน.ภาคกลาง
|
HOME
|
เลือกเรียนวิชา
|
การสอบเพื่อรับวุฒิบัตร
|
แบบฟอร์มขอเข้าสอบ
|
WEB BOARD
|
บอกเพื่อน
|
«
กลับ
•
สารบัญ
•
ต่อไป
»
บทที่ 8 เฟรม เลเยอร์ แฟลช
การใช้เฟรม
การใช้เลเยอร์
การใช้แฟลช (Flash)
การใช้เลเยอร์
เลเยอร์ (layer) ใน Dreamweaver เป็นส่วนหนึ่งของหน้าเว็บ ที่สามารถนำมาซ้อนกันเป็นชั้น ๆ และสามารถกำหนดตำแหน่งในแต่ละชั้นได้ ว่าจะให้อยู่ ณ ตำแหน่งใดของหน้า เลเยอร์มีประโยชน์ในการจัดวางตำแหน่งต่าง ๆ ของ ภาพ หรือข้อความในหน้าได้ โดยนำภาพหรือข้อความวางลงใน เลเยอร์ และนำเลเยอร์ไปวางในตำแหน่งที่ต้องการ ดังนั้น เลเยอร์จึงมีประโยชน์ในการจัดวาง หรือออกแบบหน้าจอ เช่นเดียวกับการใช้ตาราง อย่างไรก็ตาม Browser เก่า ๆ อาจจะไม่สามารถแสดงเลเยอร์ได้ ดังนั้นถ้าใช้ เลเยอร์ในการจัดหน้าเว็บ เมื่อเสร็จแล้วจึงควรแปลงให้เป็นตาราง จะสามารถแสดงได้ในทุก Browser
 เลเยอร์มีคุณสมบัติพิเศษ คือ สามารถนำมาซ้อนกันได้เป็นชั้น ๆ และสามารถทำให้โปร่งใสได้ นอกจากนี้ยังสามารถสั่งให้มองเห็นหรือซ่อน ก็ได้ นอกจากนี้ยังสามารถสั่งให้เคลื่อนที่ หรือแม้แต่ทำให้ผู้ใช้สามารถใช้เมาส์ลากชิ้นส่วนนั้น ๆ ได้อีกด้วย
การสร้างเลเยอร์
การสร้างเลเยอร์ ต้องอยู่ในโหมดมาตรฐาน หรือ Standard Mode
ถ้าไม่ได้อยู่ใน Standard Mode ให้ไปที่เมนู View > Table Mode >Standard Mode หรือ คลิกที่แถบ Layout และเลือก Standard ดังภาพ
คลิกปุ่มสำหรับวาดเลเยอร์
วาดสี่เหลี่ยมในตำแหน่งที่ต้องการบนหน้าจอ
ถ้าต้องการลบ สามารถกดปุ่ม Delete บนแป้นพิมพ์ลบออกและวาดใหม่ได้
การนำภาพเข้าเลเยอร์
ก่อนอื่นต้องนำภาพเข้ามายังห้องเก็บภาพใน Site ที่ทำงานเสียก่อน ตัวอย่างนี้ใช้ภาพ crnfe1.jpg
คลิกที่เลเยอร์ที่ต้องการนำภาพเข้า
คลิกเลือกเมนู Common แล้วคลิกปุ่มสำหรับนำภาพเข้า
เลือกภาพที่ต้องการ
เมื่อนำเข้าเลเยอร์ จะได้ดังนี้
สร้างเลเยอร์อีก 1 เลเยอร์ ตรงมุมบนด้านซ้ายของภาพ ดังรูป (ดูเรื่องการสร้างเลเยอร์)
นำไฟล์ king_logo.jpg มาวางในเลเยอร์นี้ ดังรูป(ดูเรื่องการนำภาพเข้า)
เมื่อนำภาพเข้าแล้ว ถ้าต้องการลดขนาดลง ให้นำเมาส์ไปวางที่มุมล่างด้านขวา แล้วลากลดขนาดให้เล็กลง ถ้าต้องการรักษาสัดส่วนของภาพ ให้กดปุ่ม Shift ค้างไว้ด้วย
จะได้ดังนี้
ข้อควรระวัง ในการเลือก ถ้าต้องการเลือกภาพควรคลิกที่ภาพก่อน จะสังเกตเห็นว่าที่ขอบภาพจะมีปุ่มสีดำล้อมรอบ
ถ้าต้องการเลือกเลเยอร์ ให้คลิกที่ขอบของเลเยอร์ จะเห็นมีปุ่มล้อมรอบเลเยอร์ ดังนี้
การเรียงชั้นเลเยอร์
ถ้าต้องการจัดลำดับชั้นก่อน-หลังของเลเยอร์ ให้ทำดังนี้
คลิกเลือกเลเยอร์ที่ต้องการ
ไปที่ Window > Layer
เปลี่ยนตัวเลขในช่อง Z ถ้าต้องการให้อยู่ด้านบน ให้ใช้ตัวเลขที่มากกว่าชั้นที่อยู่ด้านล่าง
«
กลับ
•
สารบัญ
•
ต่อไป
»