บทที่12

= **กลับบทเรียน** = = = =บทที่ 12 : การสร้างเฟรม = ** ข้อดีของการแบ่งเฟรม ** 1.ทำให้การนำเสนอข้อมูลเป็นสัดส่วน เป็นระเบียบเรียบร้อย

2.ช่วยให้การเปรียบเทียบข้อมูลง่ายขึ้น

3.สามารถแสดงเว็บเพจได้หลายๆหน้าในคราวเดียว

** :: รูปแบบของเฟรม ::  ** เฟรมจะมีด้วยกันอยู่ 2 รูปแบบคือ เฟรมหลัก (Frameset) และเฟรมย่อย (Frame)

เฟรมหลัก (Frameset) คือ หน้าต่างที่ใหญ่ที่สุด ที่ควบคุมเฟรมย่อย อื่นๆ อีกทีหนึ่ง และลักษณะการ แบ่งเฟรมในแนวตั้วและแนวนอน ทั้งยังกำหนดขนาดของขอบ สี รวมถึงระยะห่าง ระหว่างเฟรมได้อีกด้วย



เฟรมย่อย (Frame) คือหน้าต่างเฟรมที่กำหนดชื่อของแต่ละเฟรม และกำหนดไฟล์เว็บที่จะแสดงประจำเฟรม



** :: วิธีการออกแบบเฟรม ::  ** สำหรับโปรแกรม Dreamweaver 8 คำสั่งในการออกแบบเฟรมสามารถเรียกได้ดังนี้ 1.คลิกที่ปุ่ม บริเวณ Insert Bar

2.คลิกที่ปุ่ม จากนั้นจะมีรูปแบบเฟรมให้เลือก

3.เลือกรูปแบบเฟรมที่ต้องการ

4.จะได้เฟรมตามที่เรากำหนดไว้





** :: การกำหนดคุณสมบัติของเฟรม ::  ** การแบ่งหน้าจอการทำงานเป็นลักษณะเฟรม เราควรจะกำหนดคุณสมบัติต่างๆของเฟรม(ในส่วนของเฟรมหลัก) ซึ่งการกำหนด คุณสมบัติเฟรมนี้สามารถทำได้โดย

1.คลิกที่เส้นแบ่งเฟรม

2.จะปรากฏหน้าต่าง Frame properties ขึ้นมาด้านล่าง

3.ทำการกำหนดคุณสมบัติเฟรม





** :: วิธีการสร้างเว็บเพจภายในเฟรม :: ** เมื่อเราสร้างเฟรมขึ้นมาได้แล้ว จากนี้เราก็จะมาเริ่มออกแบบเว็บเพจในเฟรมนั้นซึ่งมีอยู่ด้วยกัน 2 แบบ คือ

1.การออกแบบเฟรมและสร้างเว็บเพจภายในเฟรมเลย

2.การนำเว็บเพจที่สร้างไว้แล้ว มาเปิดในเฟรม

สำหรับแบบที่ 1 แล้วไม่มีขั้นตอนยุ่งยากสักเท่าไหร่ เพราะว่าเราแค่คลิกที่พิ้นที่การทำงานของเฟรมจากนั้นก็ลงมือพิมพ์ข้อความ หรือลงรูปภาพ ลงไปได้เลย เหมือนกับการออกแบบเว็บเพจปกติ แต่ถ้าเป็นแบบที่ 2 จะเป็นการนำเข้าเว็ลบเพจที่เราออกแบบไว้มาแล้วมาเปิดในเฟรม ซึงมีขึ้นตอนดัง นี้

__ การนำเว็บเพจมาเปิดในเฟรม __

1.คลิกที่พื้นที่การทำงานของเฟรมย่อยที่เราต้องการ

2.ไปที่ Menu Bar เลือก File > Open in Frame... (หรือกด Ctrl+Shift+O )









** การย่อ-ขยายเฟรม **

** วิธีการลบเฟรม **

** วิธีการสร้างเฟรมเพิ่ม **

** วิธีการบันทึกเฟรม **