หน่วยที่ 9 การสร้างเฟรม

การสร้าง Frame
ความหมายและการสร้างเฟรม
Frame เป็นการแบ่งหน้าจอออกเป็นส่วนย่อย จะเห็นว่าเมื่อเราเปิดโฮมเพจขึ้นมา ส่วนใหญ่จะมีการแบ่งส่วนของหน้าจอเป็น 2 ส่วนบ้าง 3 บ้าง เช่น ส่วนหัวจะเป็นส่วนของชื่อหรือโลโก้ของเว็บไซต์ ส่วนล่างซ้ายมือเป็นเมนูเพื่อเลือกทำงาน และส่วนล่างขวามือจะเป็นส่วนของข้อมูลที่เกิดจากการคลิกเลือกส่วนล่างซ้ายมือเป็นต้น โดยทั่วไปจะมองว่า Frame มีลักษณะคล้ายกับตาราง (Table) แต่ที่แตกต่างกันชัดเจน คือ Frame จะมี Scroll Bar ให้เลื่อนดูข้อมูลได้
รูปแบบคำสั่ง HTML ที่ใช้ในการสร้าง Frame
<FRAMESET COLS/ROWS= “ส่วนที่ 1%,ส่วนที่ 2%,…”>
<FRAME NAME=“ชื่อเฟรม 1” SRC=“ชื่อไฟล์1”>
<FRAME NAME=“ชื่อเฟรม 2” SRC=“ชื่อไฟล์2”>
</FRAMESET>
ตัวอย่าง การสร้าง Frame แบบแบ่งส่วนหน้าจอในแนวตั้งออกเป็น 2 FRAME
บันทึกแฟ้มชื่อ เฟรม.html

<HTML>
<HEAD><TITLE>การแบ่งส่วนแฟรมในแนวตั้ง</TITLE></HEAD>
<FRAMESET cols="40%,60%">
<FRAME NAME="frame1" SRC="frame1.html">
<FRAME NAME="frame2" SRC="frame2.html">
</frameset>
</HTML>

ผลลัพธ์