การแบ่งจอภาพออกเป็นส่วน ๆ หรือ ที่เรียกว่า เฟรม(frame)
เฟรมถือว่าเป็นคำสั่งหนึ่งใน การเขียน HTML โดยเฟรมจะช่วยให้สามารถแสดงผลไฟล์ HTML หลาย ๆ ไฟล์ได้พร้อม ๆ กัน ภายใต้ เว็บเพจ เดียวกัน ตามปกติแล้วหนึ่งเว็บเพจเราจะมีไฟล์ HTML อยู่ไฟล์เดียว แต่ถ้าเราต้องการ แบ่งหน้าจอของเว็บเพจ ให้เป็น 3 - 4 ส่วน โดยแต่ละส่วน มีความเป็นอิสระของตัวเอง คำสั่งเฟรม จะช่วยในการจัดงานดังกล่าว
ในปัจจุบัน เฟรมเป็นคำสั่ง ที่ได้รับความนิยม อย่างมาก ในการนำมาใช้ ตกแต่ง เอกสาร HTML โฮมเพจ ส่วนใหญ่ จะนำเฟรม มาเพิ่มใส่ใน HTML เพื่อปรับแต่ง ให้พอดูดีขึ้น อย่าง เช่น การนำเฟรมมาใช้ ในการล็อคให้ โฮมเพจ ของเรา มีส่วนหัว และส่วนท้าย เหมือน ๆ กันทุก หน้าจอ คล้าย ๆ กับ การพิมพ์ จดหมาย ที่มีหัว กระดาษ ท้านกระดาษ หรือการ นำเฟรม มาทำ เป็นเมนู ซึ่งเราสามารถ บังคับให้เฟรม ที่บรรจุ เมนู อยู่โดย ไม่เปลี่ยนแปลง ส่วนอีก เฟรมหนึ่ง ก็แสดง เนื่อหากันไป
การสร้างชุดของ Frame จะใช้ tag <frameset> และกำหนด Frame แต่ละหน้าด้วย tag <frame> มี attribute สำหรับปรับแต่ง Frame ได้แก่
- noresize กำหนดไม่ให้ผู้ใช้ปรับขนาด Frame ได้
- frameborder="yes | no" ปกติจะมีกรอบของ frame คั่นระหว่าง frame อยู่ แต่ถ้าไม่ต้องการให้เห็น กำหนดค่าเป็น "no"
- marginheight="number" กำหนดระยะห่าง frame จากขอบหน้าต่างแนวตั้ง
- marginwidth="number" กำหนดระยะห่าง frame จากขอบหน้าต่างแนวนอน
- scrolling="yes | no | auto" ถ้าหน้าเว็บเพจยาวจะมีตัวเลื่อนโดยอัตโนมัติ ค่าปกติ"auto" ถ้าไม่ต้อง การให้มีตัวเลื่อน ให้กำหนดเป็น "no" - name กำหนดชื่อ ให้กับเฟรมเพื่อใช้เป็นเป้าหมายให้กับ คำสั่ง Link
- frameborder="yes | no" ปกติจะมีกรอบของ frame คั่นระหว่าง frame อยู่ แต่ถ้าไม่ต้องการให้เห็น กำหนดค่าเป็น "no"
- marginheight="number" กำหนดระยะห่าง frame จากขอบหน้าต่างแนวตั้ง
- marginwidth="number" กำหนดระยะห่าง frame จากขอบหน้าต่างแนวนอน
- scrolling="yes | no | auto" ถ้าหน้าเว็บเพจยาวจะมีตัวเลื่อนโดยอัตโนมัติ ค่าปกติ"auto" ถ้าไม่ต้อง การให้มีตัวเลื่อน ให้กำหนดเป็น "no" - name กำหนดชื่อ ให้กับเฟรมเพื่อใช้เป็นเป้าหมายให้กับ คำสั่ง Link
----------------------------------------------------------------------------------------------
โครงสร้างของคำสั่งการแบ่งหน้าจอแสดงผล (FRAME)
รูปแบบคำสั่ง
| <HTML> <TITLE>....................</TITLE> <FRAMESET ROWS[หรือ COLS]="number,number"> <FRAME src="ชื่อไฟล์ที่ต้องการแสดงผล หรือ URL"> <FRAME src="ชื่อไฟล์ที่ต้องการแสดงผล หรือ URL"> </FRAMESET> |
โดยที่...
ROWS = แบ่งแนวนอน
COLS = แบ่งแนวตั้ง
number = ตัวเลข เป็น pixels หรือ ตัวเลขเป็น % หรือ * (หมายถึงจำนวนที่เหลือ)
ROWS = แบ่งแนวนอน
COLS = แบ่งแนวตั้ง
number = ตัวเลข เป็น pixels หรือ ตัวเลขเป็น % หรือ * (หมายถึงจำนวนที่เหลือ)
ตัวอย่างการใช้คำสั่ง
<HTML>
<TITLE>การแบ่งจอภาพ ( FRAME )</TITLE> <FRAMESET ROWS="20%,*"> <FRAME src="logo.html" > <FRAME src="main.html"> </FRAMESET> </HTML> |
การแสดงผล
---------------------------------------------------------------------------------------------------------------------
ตัวอย่างการใช้คำสั่ง
<HTML>
<TITLE>การแบ่งจอภาพ ( FRAME )</TITLE> <FRAMESET COLS="20%,*"> <FRAME src="menu.html" > <FRAME src="main.html"> </FRAMESET> </HTML> |
การแสดงผล
---------------------------------------------------------------------------------------------------------------------
ตัวอย่างการใช้คำสั่ง
<HTML>
<TITLE>การแบ่งจอภาพ ( FRAME )</TITLE> <FRAMESET COLS="100,600"> <FRAME src="menu.html" > <FRAMESET ROWS="20%,*"> <FRAME src="logo.html" > <FRAME src="main.html"> </FRAMESET> </HTML> |
การแสดงผล
---------------------------------------------------------------------------------------------------------------------
ไม่มีความคิดเห็น:
แสดงความคิดเห็น