หลังจากที่เราได้ศึกษาเกี่ยวกับ การเชื่อมโยงหน้าเว็บด้วย Hyperlink แล้ว เราพอจะทราบกันแล้วใช่ไหมครับ ว่าลิงค์ Link ที่เชื่อมโยงเอกสารรูปแบบต่างๆ ไม่ว่าจะเป็น เอกสาร .html, htm, .asp, php, เอกสารรูปภาพ .jpg, .gif, .bmp, .png ซึ่งไฟล์เหล่านี้สามารถเชื่อมโยงกับ Text ข้อความที่อยู่ในหน้าเว็บเพจ Web Page เราได้ครับ ผมเชื่อเหลือเกินครับว่า การเชื่อมหน้าเว็บ หรือ Hyperlink นี้ เป็นจุดเด่น และเมื่อก่อนตอนที่ผมศึกษาการเขียน HTML ผมก็ชอบเจ้า Hyperlink นี่หละครับ ผมก็มักจะไปเชื่อมโยงเว็บต่างๆ ที่ผมชอบครับ เอาหละครับ เมื่อเราเข้าใจเรื่อง Link กันแล้ว เรามาศึกษาเกี่ยวกับ การสร้าง Frame กันบ้างครับ ก็ไม่ยากอีกตามเคยแหละครับ ลองมาดูกันว่า Frame, IFrame ใช้กันยังไงครับ
1.การแบ่ง frame แบบแนวตั้ง
frame ในแนวตั้งซึ่งจะเปิดเว็บเพจถึง 3 ไฟล์ในหน้าเดียวกันโดยเราจะแบ่งขนาดของ frame เป็น % หรือเป็น (px) pixel ก็ได้
รูปแบบของ frame แนวตั้ง
<frameset>
<frame src="เว็บเพจ1">
<frame src="เว็บเพจ2">
</frameset>
2.การแบ่ง frame แบบแนวนอน
การแบ่งแบบแนวนอน ก็สามารถทำได้เช่นเดียวกัน ซึ่งแบ่งเป็น % หรือ px (pixel) ก็ได้เช่นกัน ซึ่งเราจะใช้ rows (แถว) แทน cols (หลัก)
รูปแบบของ frame แนวนอน
<frame src="เว็บเพจ1">
<frame src="เว็บเพจ2">
</frameset>
3. <noframes></noframes><noframes></noframes>
4.ลองเอา frame แนวตั้งและแนวนอนมารวมกัน
ในตัวอย่างนี้จะนำเอา frame แนวตั้งและแนวนอนมารวมกัน ซึ่งเป็นการซ้อนกันของ frame นั่นเอง
5.ห้ามเปลี่ยนขนาดของ frame
frame ในตัวอย่างที่ผ่านมานั้นจะสังเกตุได้ว่าสามารถเปลี่ยนขนาดได้ตามใจของเรา แต่ถ้าเราไม่ต้องการให้ผู้ใช้เปลี่ยนขนาดเราต้องใช้คำสั่ง noresize ซึ่งเป็น Attributes มาช่วย
6.การใช้ link ให้สัมพันธ์กันใน frame
ข้อดีของ frame ที่จะเห็นได้ก็คือ ใช้ในการทำเมนู ดังในตัวอย่างนั่นเองซึ่งจะต้องใช้ ไฟล์ 2 ไฟล์ ดังนี้
1.ไฟล์ที่ใช้จัด frame ดังในตัวอย่างซึ่งจะเห็นว่าเราได้ใส่ชื่อ(name) ให้กับ frame ที่เราสร้างขึ้นมาด้วย
2. ไฟล์ที่ใช้ทำเป็น link ของเราซึ่งมีคำสั่ง target='frame' หมายความว่าให้แสดงผลใน frame ที่มีชื่อว่า frame2 นั่นเอง มี soure code ดังนี้
เว็บไซต์ที่น่าสนใจ
<a href="http://www.hellomyweb.com/" target="frame2">
hellomyweb</a>
<a href="http://www.w3schools.com/" target="frame2">
w3schools </a>
7. การใช้ link ให้ปิด frame ทั้งหมด
ในตัวอย่างนี้จะเป็นการสร้าง link ให้ทำลาย frame ทั้งหมด ซึ่งเราจะใช้คำสั่ง target ซึ่งมีรายละเอียดดังนี้
1.target='_top'เป็นคำสั่งให้เปิด link ทับหน้าเดิมทั้งหมด ซึ่งจะปิด frame ทั้งหมดเช่นเดียวกัน
2.target='_blank' เป็นคำสั่งให้เปิด link ในหน้าใหม่
3.target='_self' เป็นคำสั่งให้เปิด link ใน frame ปัจจุบัน
8. iframe
เป็น frame รูปแบบหนึ่ง นิยมใช้ในส่วนที่เป็นโฆษณา
