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