 |
 |
 |
| การแบ่งพื้นที่ของจอภาพ | |
|
ในระยะแรกที่มีในการใช้งานเว็บเพจ
เราจะพบว่าการทำงานทุกอย่างจะอยู่บนจอภาพเพียงจอเดียวเท่านั้น
แต่มาตอนนี้เมื่อเราเข้าไปค้นหาข้อมูลในเว็บเพจต่างๆ ในปัจจุบัน
เราก็จะเห็นได้ว่าหลายเว็บเพจๆ จะปรากฎมีการแบ่งส่วนบนจอภาพออกเป็นส่วนๆ
โดยที่แต่ละส่วนต่างก็มีข้อมูลแยกแตกต่างกันไป
ซึ่งเราจะเรียกการแบ่งหน้าจอภาพออกเป็นส่วนๆ ว่า เฟรม (FRAME)
เฟรมนับได้ว่าเป็นรูปแบบการจัดพื้นที่การใช้งานบนหน้าจอใหม่
โดยพื้นที่ในแต่ละส่วนนั้นจะมีข้อมูลแยกเป็นของตัวเอง
โดยที่จะมีเนื้อหาที่เกี่ยวข้องกันหรือไม่เกี่ยวข้องกันก็ได้
ขึ้นอยู่กับการออกแบบเพื่อให้ใช้งานแตกต่างกันไป การแบ่งจอภาพออกเป็นส่วนๆ สามารถนำพื้นที่ทั้งหมดของจอภาพให้ถูกใช้งานอย่างเต็มที่ ทั้งนี้เพราะในการใช้เฟรมจะมีการเรียกไฟล์ HTML ขึ้นมาพร้อมๆ กันหลายไฟล์ ทำให้ประหยัดเวลาในการค้นหาข้อมูล คำสั่งในการแบ่งจอภาพ
ข้อสังเกต จะเห็นได้ว่าในการกำหนดการแบ่งหน้าจอภาพนั้นจะกำหนดคำสั่ง <FRAMESET>.........</FRAMESET> แทนที่คำสั่ง <BODY>.........</BODY> เพื่อเป็นตัวกำหนดการแสดงผลในโปรแกรมเว็บเบราเซอร์ |
| การแบ่งพื้นที่ของจอภาพตามแนวนอน | |
คำสั่งนี้จะเป็นการกำหนดหน้าจอภาพตามแนวนอน โดยมีคำสั่ง <FRAME SRC> เป็นตัวกำหนดให้แสดงผลไฟล์ HTML หรือรูปภาพ |
| การกำหนดเส้นแบ่งเฟรมและการกำหนดสีของเส้นแบ่งเฟรม | |
| โดยปกติแล้วการแบ่งหน้าจอภาพเป็นส่วน ๆ นั้นจะมีเส้นแบ่งเฟรมเกิดขึ้น เราจึงสามารถกำหนดสีเส้น ความหนาของเส้น รวมถึงการกำหนดไม่ให้มีเส้นคั่น ซึ่งปัจจุบันนี้เว็บเพจจะนิยมไม่มีเส้นกรอบเพื่อให้เกิดความสวยงามกับเว็บเพจ ในการกำหนดเส้นแบ่งเฟรมนั้นถ้าเรากำหนด FRAMEBORDER="yes" แล้ว จะปรากฎเส้นแบ่งเฟรม แต่ถ้าเราไม่กำหนด FRAMEBORDER="yes" การแสดงผลก็ยังสามารถแสดงเส้นแบ่งเฟรม
เมื่อเรากำหนดเส้นแบ่งเฟรมเส้นเราก็สามารถกำหนดขนาดของเส้นแบ่งเฟรมได้ โดยเราใช้ BORDER="ค่าตัวเลข" เป็นตัวกำหนดขนาดของเส้นแบ่งเฟรม และกำหนดสีให้กับเส้นแบ่งเฟรม โดยเราใช้ BORDERCOLOR="#RGB หรือ ระบุชื่อสี" เป็นการกำหนดสีของเส้นแบ่งเฟรม แต่ถ้าเรากำหนดไม่ให้มีเส้นแบ่งเฟรม โดยใช้ FRAMEBORDER="no" จะไม่มีเส้นแบ่งเฟรมเกิดขึ้น เมื่อเรากำหนดไม่ให้เส้นแบ่งเฟรมปรากฎบนหน้าจอภาพแล้ว แต่จะสังเกตได้ว่ายังมีเส้นสีขาวยังปรากฎอยู่ ซึ่งยังทำให้การแสดงผลยังเหมือนมีเส้นแบ่งเฟรมเกิดขึ้นอยู่ เราจึงกำหนดค่าให้ BORDER="0" จะทำให้เส้นที่กล่าวมาข้างต้นหายไปและก็จะทำให้เว็บเพจของเรามีความน่าสนใจมากยิ่งขึ้น |