มาทำเว็บกันเถอะ

Special Column
Home X-Files Series Photo Gallely Lyric Joke MultiLinks Jkong Guest Book
บทความพิเศษ
มาทำเว็บกันเถอะ ชวนกันอ่านหนังสือ คุยเฟื่องเรื่องหนัง เรื่องราวของประเทศไทย ธรรมะเพื่อชีวิต
About Me
JK's Story ♨ JK's Friends JK! เจียจุ้น นายตี๋ นายพี นายอ๋อง นายเด่น นายเค นายเก๋ นายเริญ นายเปี๊ยก นายหนุ่ย เจ้ากัมป์ JK's Society JK's Diary JK 's Chatroom ขอบคุณครับ

คัมภีร์พื้นฐานลมปราณ HTML

คำสั่งจัดการเกี่ยวกับการแบ่งเฟรมหน้าจอ
ในบางครั้งการทำเว็บเพจบางหน้า เราอาจมีความประสงค์หรืออาจจะเป็นความจำเป็นที่จะแสดงข้อมูลเป็นสัดส่วนเฉพาะ หรืออาจต้องการแยกส่วนที่เป็นเมนูกับส่วนที่เป็นข้อมูลแยกออกจากกัน ตัวอย่างจากเว็บ Kong's memories ที่คุณเห็นอยู่นี้หรืออย่างเช่นเว็บ ~Claire de Lune~ เว็บคุณมุก เป็นต้น การแบ่งเฟรมหน้าจอจึงมีความจำเป็นสูง ทำให้เราสามารถแสดงหน้าจอได้หลากหลายข้อมูลโดยเป็นอิสระจากกัน มีคำสั่งพื้นฐานที่ใช้สำหรับการกำหนดแบ่งและเรียกใช้เฟรมดังนี้

1. FRAMESET เป็นคำสั่งเริ่มต้นของการแบ่งเฟรม โดยจะกำหนดใช้แทนในส่วนของ <BODY>...</BODY> และจะมีคำสั่งย่อยเพื่อกำหนดค่าต่าง ๆ ดังนี้

- Cols="X","Y"
คำสั่งนี้ใช้เพื่อกำหนดการแบ่งพื้นที่ทางด้านแนวตั้งเป็นช่อง ๆ กำหนดความกว้างโดย
ค่า X=ค่าความกว้างของพื้นที่แนวตั้งช่องแรก
ค่า Y =ค่าความกว้างของพื้นที่แนวตั้งช่องถัดมา
โดยระบุได้ทั้งเป็นจำนวนพิกเซลหรือค่าเปอร์เซ็นต์ของพื้นที่ โดยที่ผลรวมของค่า X Y จะต้องไม่เกิน 100 เปอร์เซ็นต์
- Rows="X","Y""
คำสั่งนี้ใช้เพื่อกำหนดการแบ่งพื้นที่ทางด้านแนวตั้งเป็นช่อง ๆ กำหนดความกว้างโดย
ค่า X=ค่าความกว้างของพื้นที่แนวนอนช่องบน
ค่า Y =ค่าความกว้างของพื้นที่แนวนอนช่องถัดมา
หมายเหตุ ค่าพื้นที่ของช่องสุดท้ายไม่จำเป็นต้องระบุลงไปก็ได้ เราสามารถใส่เครื่องหมาย * ลงไปแทน
2. <FRAME SCR="..." Name="..." >
เป็นคำสั่งในการกำหนดหน้าเอกสารที่ต้องการแสดงผลในเฟรมที่กำหนด
โดยที่ SCR คือเว็บเพจที่ต้องการแสดง Name ใช้กำหนดเป็นชื่อเฟรม

ตัวอย่างการใช้งาน

<FRAME SCR=""mylink.html"" Name="left" >

3. MARGINHEIGHT=Y ใช้กำหนดความสูงของเฟรมโดยที่ Y คือค่าของความสูง
4. MARGINWIDTH=X ใช้กำหนดความกว้างของเฟรมโดยที่ X คือค่าของความกว้าง
5.SCROOLLING="S" ใช้กำหนดในกรณีที่เอกสารมีข้อมูลมากกว่า 1 หน้าจอ
โดยกำหนดค่า S เป็น Yes หรือ No

6. RESIZE หรือ NoResize ใช้กำหนดว่าจะให้ปรับขนาดเฟรมโดยใช้เมาส์ลากได้หรือไม่
ตัวอย่างการใช้งานเฟรม

<FRAMESET border=1 frameSpacing=4 frameBorder=0 cols="20%, 80%">
<FRAME name=left src="mylink.html" namo_target_frame="left" noresize>
<FRAME name=right src="main.html" namo_target_frame="right">
</FRAMESET>

ซึ่งการแสดงผลที่ออกมาก็คือเว็บไซต์ Kong's Memories ที่คุณกำลังเข้าเยี่ยมชมอยู่นี่เอง

พบกับ
Advance HTML
ที่นี่เร็ว ๆ นี้
ขอพลังจงอยู่กับท่าน
:+: ขอพลังที่สร้างสรรค์จงอยู่กับท่านตลอดไป :+:
ขอพลังจงอยู่กับท่าน