ส่วน ก. เมนู มีความกว้าง 250
ส่วน ข. ส่วนหัว มีความสูง 170
ส่วน ค. ส่วนเนื้อหา มีขนาดเท่าที่เหลือนั่นแหละ แค่ไหนก็แค่นั้น
ดังนั้นถ้าเขียนแบ่งเฟรม ก็จะได้ประมาณว่า
โค๊ด:
<FRAMESET cols="250, *">
<FRAME name="menu" src="menu.htm">
<FRAMESET rows="170, *">
<FRAME name="header" src="header.htm">
<FRAME name="content" src="page-01.htm">
</FRAMESET>
</FRAMESET>
<FRAME name="menu" src="menu.htm">
<FRAMESET rows="170, *">
<FRAME name="header" src="header.htm">
<FRAME name="content" src="page-01.htm">
</FRAMESET>
</FRAMESET>
ถ้าเราต้องการเพิ่มการจัดรูปแบบของแต่ละเฟรม ก็ใส่ option ของ post ด้านบน
แต่ว่าถ้ากำหนด scrolling = no
จะมีปัญหาว่า ถ้าคนที่หน้าจอเล็กกว่าที่เราทำ
มันจะตกขอบ มองไม่เห็นส่วนที่เหลือ
ลองๆ ทำดูจะเห็นเอง
เอาล่ะ หน้าแรก แบบเต็มๆ
โค๊ด:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>A simple frameset document</TITLE>
</HEAD>
<FRAMESET cols="250, *">
<FRAME name="menu" src="menu.htm">
<FRAMESET rows="170, *">
<FRAME name="header" src="header.htm">
<FRAME name="content" src="page-01.htm">
</FRAMESET>
</FRAMESET>
</HTML>
"http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>A simple frameset document</TITLE>
</HEAD>
<FRAMESET cols="250, *">
<FRAME name="menu" src="menu.htm">
<FRAMESET rows="170, *">
<FRAME name="header" src="header.htm">
<FRAME name="content" src="page-01.htm">
</FRAMESET>
</FRAMESET>
</HTML>
อธิบายแบบคร่าวๆ นะขอรับ :)
หวังว่าคงเข้าใจบ้าง
ลืมไป อีกหน่อย
ถ้าต้องการให้ link ไปปรากฏในเฟรมที่ต้องการ
อย่าลืมกำหนด target ที่ link นั้นด้วยนะ
ไม่มีความคิดเห็น:
แสดงความคิดเห็น