ใบความรู้ เรื่อง การจัดหน้ าเว็บด้วยเลเอาต์ และเลเยอร์ นอกจากการแบ่งสัดส่ วนหน้าเว็บด้วยเฟรมแล้ว เรามารู ้จกั กับเครื่ องมือที่ใช้ในการจัด หน้าเว็บเพจอีกอย่างหนึ่ง ซึ่งช่วยให้เราสามารถวางโครงร่ างของหน้าเว็บได้ตามต้องการ การใช้ งานเลเอาต์ (Layout) การใช้งานเลเอาต์น้ นั เรามักใช้ในการแบ่งสัดส่ วนการวางภาพของหน้าเว็บเพจทั้งหน้าซึ่ง จะแตกต่างกับการจัดหน้าเว็บเพจด้วยเลเยอร์ โดยการใช้งานเลเอาต์สามารถทาได้ดงั นี้คือ 1. สร้างหน้าเว็บใหม่โดยการคลิกเลือกที่คาสัง่ File > New > Create
2. บันทึกข้อมูลโดยคลิกที่ File > Save As > ตั้งชื่อแฟ้ มว่า Page2.htm 3. กาหนดค่า Page Properties ต่าง ๆ ให้เรี ยบร้อยดังนี้
4. คลิกปุ่ ม Common จากนั้นเลือก Layout 5. คลิกปุ่ ม Layout เพื่อเข้าสู่ การทางานในโหมดของเลเอาต์ 6. คลิกปุ่ ม จากนั้นแดรกเมาส์สร้างขนาดของเลเอาต์หลักที่ตอ้ งการ 7. จะสังเกตได้วา่ มีส่วนของ Layout Table เกิดขึ้น
นอกจากนี้เรายังสามารถกาหนดความกว้างหรื อความสู งได้เองและกาหนดสี พ้นื ได้ ได้น้ ี และในเลเยอร์หนึ่ง ๆ เรายังสามารถแบ่งออกเป็ นส่ วนย่อย ๆ ได้อีกครับ
เลเยอร์ (Layer) เรามักใช้งานเลเยอร์ในการจัดหน้าเว็บเพจ เนื่องจากการใช้งานเลเยอร์น้ นั ช่วนให้เรา สามารถจัดวางตาแหน่งได้ตามต้องการ และสามารถซ้อนทับภาพหรื อข้อความได้ ซึ่งการใช้ งานเลเยอร์น้ นั สามารถทาได้ดงั นี้ 1. คลิกที่ปุ่ม จากนั้นแดรกเมาส์สร้างขนาดของเลเยอร์ที่ตอ้ งการ 2. นาภาพหรื อข้อความที่ตอ้ งการใส่ และสามารถย้ายตาแหน่งได้ตามต้องการ
ใบงาน เรื่อง การจัดหน้ าเว็บด้วยเลเอาต์ และเลเยอร์ ให้นกั เรี ยนจัดทาหน้าเว็บเพจโดยให้ใช้คาสั่งเลเอาต์ให้ได้ตามรู ปแบบต่อไปนี้