การแบ่งจอภาพออกเป็นส่วน ๆ หรือ ที่เรียกว่า เฟรม(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

———————————————————————————————-

                            โครงสร้างของคำสั่งการแบ่งหน้าจอแสดงผล (FRAME)

                                    รูปแบบคำสั่ง 

<HTML>
<TITLE>………………..</TITLE>
<FRAMESET ROWS[หรือ COLS]=”number,number”>
<FRAME src=”ชื่อไฟล์ที่ต้องการแสดงผล หรือ URL”>
<FRAME src=”ชื่อไฟล์ที่ต้องการแสดงผล หรือ URL”>
</FRAMESET>

                                                     โดยที่…
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>

 

                                                 การแสดงผล

———————————————————————————————————————

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s