| . |
|
|
| การสร้างแบบเฟรม |
 |
 |
 |
 |
 |
 |
 |
 |
|
|
 |
HTML |
เฟรมคืออะไร โดยปกติแล้ว Web browser จะเปิดเอกสาร HTML ได้ทีละเอกสาร
แต่การสร้างเฟรมจะช่วยให้เราสามารถเปิดเอกสาร HTML ได้พร้อมๆ กันทีละหลายเอกสาร
ภายในหน้าต่างเดียวดัน โดยขึ้นอยู่กับจำนวนเฟรมที่สร้าง
การสร้างเฟรมจะต้องสร้างเอกสาร HTML ขึ้นมามากกว่าจำนวนเฟรมที่ต้องการสร้าง 1 เฟรม
คือ จะสร้างเฟรม 2 เฟรม จะต้องสร้างเอกสาร HTML ทั้งหมด 3 เอกสาร
เฟรมจะประกอบด้วยเฟรมหลักและเฟรมย่อย
เฟรมหลักในที่นี่คือ Parent และเฟรมย่อยคือ Frame1,2
Parent จะเป็นเฟรมที่กำหนดว่าต้องการให้ Frame 1 และ
Frame 2 อยู่ส่วนใดของ Web browser
เราสามารถกำหนดได้ว่าต้องการกี่เฟรมในที่นี่จะกล่าวถึง 2 และ 3 เฟรม
** ในเอกสารที่เป็น Parent จะใช้ tag <FRAME> แทนส่วนของ <BODY>การสร้างเฟรม 2 เฟรม
การสร้างเฟรม 2 เฟรม
ในการสร้างเฟรม 2 เฟรม จะมีการกำหนดให้ด้านใดด้านหนึ่งเป็นสารบัญ และอีกด้านหนึ่งให้เป็นด้านแสดงข้อมูล
เราสามารถแบ่งเฟรมอย่างไรก็ได้ จะแบ่งเป็นซ้าย - ขวา หรือ บน - ล่างก็ได้แล้วแต่เราต้องการ
ในการสร้างเฟรม 2 เฟรม เราจะเลือกใช้ ROWS หรือ COLS อย่างใดอย่างหนึ่ง
<HTML> <TITLE> ชื่อ Title </TITLE>
<FRAMESET COLS/ROWS=
"50%,50%"><FRAME SRC="url1.html" NAME="right">
<FRAME SRC="url2.html" NAME="left">
</FRAMESET>
</HTML>
ถ้าต้องการสร้างเฟรมแบบซ้าย - ขวา เราจะใช้ COLS
และถ้าเราต้องการสร้างเฟรมแบบบน - ล่าง เราจะใช้ ROWS
ROWS หมายถึงแถวหรือด้านแนวนอน
COLS หมายถึงหลักหรือด้านแนวตั้ง
"50%,50%" เป็นการแบ่งเฟรม 2 เฟรมว่าต้องการให้เฟรมใดมีขนาดเท่าใด แล้วแต่เราจะกำหนด
** การกำหนดขนาด จะต้องกำหนดทั้ง 2 ด้าน ให้มีขนาดรวมกันเท่ากับ 100%
"url1" กำหนดให้เฟรมทางด้านซ้ายเป็นเอกสาร HTML 1
"url2" กำหนดให้เฟรมทางด้านขวาเป็นเอกสาร HTML ที่ 2
NAME จะต้องกำหนดว่าต้องการให้เอกสาร HTML นั้นๆ อยู่ส่วนใดของเฟรม
ถ้าเป็นเฟรมแบบซ้าย - ขวา ควรใช้ right และ left
ถ้าเป็นเฟรมแบบบน - ล่าง ควรใช้ top และ bottom
** ไม่จำเป็นต้องตั้งชื่อตามนี้ แต่เพื่อให้เข้าใจง่ายจึงควรใช้
ดูตัวอย่างเฟรม 2 เฟรมแบบซ้าย - ขวาได้ที่นี่ http://www.geocities.com/Tokyo/Bay/9293/
และดูตัวอย่างเฟรมแบบบน - ล่างได้ที่นี่ http://www.Hunsa.com
การสร้างเฟรมแบบ 3 เฟรม
เราจะกำหนดให้ด้านใดเป็นสารบัญและด้านใดเป็นด้านแสดงข้อมูลก็ได้ไม่จำกัด
การสร้างเฟรม 3 เฟรม เราจะต้องกำหนดแบ่งทีละส่วนคือ แบ่งเป็น 2 เฟรมก่อน
แล้วแบ่งอีก 2 เฟรม
ในที่นี่จะเป็นการแบ่งเป็นเฟรมบน - ล่างก่อน แล้วจะได้เฟรมบนกับเฟรมล่าง ต่อมาจึงแบ่งเฟรมล่าง
<HTML> <TITLE> ชื่อ Title </TITLE>
<FRAMESET ROWS=
"20%,80%"><FRAME SRC="url1" NAME="top">
<FRAMESET COLS="30%,70%">
<FRAME SRC="url2" NAME="left">
<FRAME SRC="url3" NAME="right">
</FRAMESET>
</FRAMESET>
</HTML>
ออกเป็นเฟรมซ้าย - ขวา
สามารถดูตัวอย่างได้ตามเว็บไซต์ Free E-mail ทั่วไป เช่น Hotmail
Tag เพิ่มเติม
1. FRAMEBORDER โดยปกติเฟรมจะมีการกำหนดกรอบมาให้ ถ้าเราไม่ต้องการเราก็กำหนดดังนี้
2. SCROLLING โดยปกติถ้ามีข้อมูลเกินที่หน้าจอจะแสดงได้ จะมี scroll ให้เราเลื่อน
<FRAME SRC="url" NAME="left" FRAMEBORDER=no BORDER="0">
ถ้าเราไม่ต้องการให้มีเราก็กำหนดดังนี้
<FRAME SRC="url1" NAME="left" SCROLLING=no>
