Frames ไม่ใช่สิ่งที่ยากที่สร้าง, เพียงแต่มี tricks นิดหน่อยในการทำให้มันทำงานได้อย่างถูกต้อง. Designer ส่วนมากไม่ค่อยชอบ frames, เพราะมันใช้เวลาในการ load นาน และหลายคนไม่รู้จักวิธีใช้มัน อย่างถูกต้อง. การใช้ frames จึงควรจะเป็นกำไรของคุณมากกว่า ความรุ้สึกว่าผิดพลาด. ต่อไปนี้คือ quick overview ครับ:

1. สร้างเพจ html ซึ่งเป็นตัวกำหนดการ frames ของคุณเป็นอันดับแรก, โดยปกติมักจะใช้ เป็นเพจแรก (index.html).
2. กำหนดจำนวน number ขององค์ประกอบ frames, color, border, name & ส่วนประกอบ ของ frame ทุกชนิดจะใช้  HTML tags outlined เหมือนต้วอย่างด้านล่าง..
3. สร้างเพจ html ที่เป็นเพจแบ่งทุกๆหน้า ซึ่งจะเป็นเพจต่างๆ ที่จะปรากฏขึ้นในเพจ frames ของคุณ.

The Code:

• โค๊ต HTML ของคุณจะต้องอยู่ข้างใน HEADer tags ของคุณเสมอ, ไม่ใช่อยู่ในส่วนของ BODY tag. นี่คือต้วอย่างของ HTML สำหรับการแบ่งเป็นสองเฟรมอย่างง่ายๆ two frame layout):

  <FRAMESET cols="*,140">
  <FRAME SRC="homepage.htm" NAME="Frame1">
  <FRAME SRC="menu.htm" NAME="Frame2">
  </FRAMESET>
  
  <FRAMESET> กำหนอการเริ่มต้น frame, และคุณต้องจบด้วยการกำหนดปิด frame อย่างนี้เสมอ </FRAMESET>. นี่คือการกำหนดจำนวนแถวแนวนอนหรือว่าแนวตั้ง ( ROWS or COLS )ตามที่คุณต้องการ. แล้วคุณก็ต้องกำหนดขนาด size ของ frames. ซึ่งมีวิธีกำหนดอยู่สามวิธี.
  

  • โดยกำหนดเป็น pixels - เพียงพิมพ์จำนวน pixles ที่คุณต้องการให้เป็นขนาด frame ของคุณลงไป.
    โดยกำหนดเป็น percentage - พิมพ์จำนวน percentage ของขนาดเฟรมหน้าย่อย ในเพจนั้น relative screen size. แต่ต้องแน่ใจว่าคุณกำหนด all your %'s = 100%
    กำหนดเป็น wild card - จำนวนช่องว่างที่เหลือสามารถใช้คำสั่งย่อ โดยใช้เครื่อง หมายดอกจัน หรือ asterisk *. ตัวอย่างเช่น, คุณอาจสามารถพิมพ์ 20%,20%,60% หรือ 20%,20%,*
    

  <FRAME> กำหนดคุณสมบัติของทุก frame. มันกำหนดชือเฉพาะframe, และ html file เพื่อที่จะเรียกขี้นมา, และคุณสมบัติอื่นๆ สำหรับ frame นั้นอาจจะถูกกำหนดต่างกันไปมาก กว่า default.

  ส่วนชื่อ NAME นั้นก็สำคัญ. ชื่อนี่คุณต้องใช้ในการทำ links (HREF) ของคุณไปยัง เฟรมเฉพาะที่คุณต้องการกำหนดให้ชี้ไปยังเฟรมไหน. ผู้เขียนจะยกตัวอย่างให้ดูน๊ะครับ:

  • 
    Lets say คุณมีตัวอย่างเฟรม layout ง่ายๆ โดยมีสอง columns และมีปุ่มหลายๆ ปุ่มใน เฟรมแรกของคุณ. โดยการกดปุ่มเหล่านี้, เมื่อคุณต้องการให้หน้าเพจในลิงค์ linked ปรากฏขี้นใน column ที่สอง. ดังนั้น, ภายในเพจ html แรกของคุณจะต้องใส่ link คล้ายๆ แบบนี้ลงไป: <A HREF="products.html" TARGET="Frame2"&gtProducts</A>

    โดยใส่ TARGET="_top" ลงใน link, มันจะทำการกำหนด link ในหน้าใหม่ fresh new page (Breaks the farmes).

  ถ้าคุณต้องการทำ borderless frames, ให้ใส่แทกนี้ลงไปใน FRAMESET tag ของคุณ: FRAMEBORDER="no" BORDER=0

  ถ้าคุณยังคงงงอยู่,ตอนนี้ให้ลองดูตัวอย่างข้างล่างประกอบน๊ะครับ. รูปด้านซ้ายแสดงผลลัพธ์ที่จะได้บนหน้าจอหรือ เพจของคุณ, และต้วอักษร text ด้านขวาแสดงแทกที่คุณจะต้องพิมพ์ลงไปเพื่อ สร้างเฟรมชนิดนั้น. จำไว้เสมอว่า ต้วเลขทั้งหมด, ชื่อ & html files สามารถแก้ไข หรือเปลี่ยนแปลงได้.

  <FRAMESET cols="*,140"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> <FRAMESET cols="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="100,*"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="menu.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="*,60"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> </FRAMESET></FRAMESET> <FRAMESET cols="*,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET rows="15%,15%,70%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET></FRAMESET> <FRAMESET cols="50%,50%"> <FRAMESET rows="50%,50%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAME SRC="homepage2.htm" NAME="Frame2"> </FRAMESET> <FRAMESET rows="50%,50%"> <FRAME SRC="menu.htm" NAME="Frame3"> <FRAME SRC="menu2.htm" NAME="Frame4"> </FRAMESET></FRAMESET> <FRAMESET rows="15%,70%,15%"> <FRAME SRC="homepage.htm" NAME="Frame1"> <FRAMESET cols="15%,70%,15%"> <FRAME SRC="menu.htm" NAME="Frame2"> <FRAME SRC="menu2.htm" NAME="Frame3"> <FRAME SRC="menu3.htm" NAME="Frame4"> </FRAMESET> <FRAME SRC="homepage.htm" NAME="BIG"> </FRAMESET></FRAMESET>

  
  จากตัวอย่างข้างบน คุณคงจะพอเข้าใจได้รวดเร็วขึ้น. คุณควรจะทดลองเขียนและรันดูจนกว่า จะได้ผลอย่างที่คุณต้องการ. และคุณยังสามารถ copy หรือนำ tag ตัวอย่างด้านบน ไปปรับปรุง ประยุกค์แก้ไขใช้งานจริงได้ด้วยน๊ะครับ. ถึงแม้บางคุณอาจใช้ web editor บางต้วอยู่ก็สามารถนำไปประยุกค์ใช้ด้วยได้ ผู้เขียนก็ใช้อยู่ส่วนตัวเป็นประจำเช่นกัน!

  April 20, 2000 last update!