ݺߣ

ݺߣShare a Scribd company logo
บทที่   9 การจัดแบ่งหน้าเว็บเพจด้วยเฟรม  (Frame)
เฟรม  (Frame)  คือ การจัดแบ่งหน้าต่างของเว็บบราวเซอร์ออกเป็นส่วนต่างๆ เพื่อให้แต่ละส่วนสามารถแสดงเว็บเพจที่แตกต่างกันตามรูปแบบที่กำหนด ดังเช่นตัวอย่างนี้
เฟรม  (Frame)  และเฟรมเซ็ต  (Frameset)   เฟรม  (Frame)  คือ พื้นที่ส่วนหนึ่งของหน้าต่างเว็บบราวเซอร์ที่ถูกจัดแบ่งออกเป็นส่วนๆ เพื่อให้การแสดงเว็บเพจเป็นไปได้อย่างอิสระไม่ขึ้นกับส่วนอื่นๆ โดยโครงร่างและรายละเอียดในการจัดแบ่งเฟรม เช่น จำนวนเฟรม ขนาด และตำแหน่งของเฟรม ซึ่งชื่อไฟล์ของเว็บเพจที่เริ่มต้นแสดงในแต่ละเฟรมจะถูกจัดเก็บไว้เป็นไฟล์  HTML  เรียกว่า เฟรมเซ็ต  (Frameset)
การสร้าง๶ฟรม   วิธีการสร้าง๶ฟรมสามารถทำได้   2  วิธีด้วยกัน คือ อาจจะสร้างขึ้นเองตามแบบที่รูปแบบที่ต้องการ หรือเลือกจากแบบสำเร็จที่โปรแกรมได้จัดเตรียมไว้ให้ ซึ่งจะเป็นวิธีที่สะดวกและง่ายกว่า การสร้าง๶ฟรมจากแบบสำเร็จ การสร้าง๶ฟรมในเว็บเพจที่มีอยู่เดิม วางตัวบอกตำแหน่งการพิมพ์ที่เว็บเพจ เลือกแบบสำเร็จที่  Insert > Frames  หรือ ในแถบ   Insert  เลือกแท็บ   Frames  แล้วคลิกที่แบบที่ต้องการ
การสร้าง๶ฟรมเซ็ตตามแบบที่กำหนดเอง ทำการสร้างเว็บเพจใหม่ เลือกไปที่  Modify > Frafmeset   แล้วเลือกแนวที่จะจัดแบ่งเฟรม
การแบ่งเฟรมย่อย   วางตัวบอกตำแหน่งการพิมพ์ในเฟรมที่ต้องการแบ่งย่อย  แล้วเลือกไปที่  Modify > Frameset  อีกครั้ง หรือลากเส้นขอบเฟรมจากขอบของหน้าต่าง  Design View  ไปยังกลางหน้าต่าง หรือกดปุ่ม  Alt  ค้างไว้ แล้วลากเส้นแบ่ง เฟรมใดๆ ที่มีอยู่ เพื่อแบ่งเฟรมเพิ่ม
การเรียกใช้เฟรม   การเลือกเฟรมและเฟรมเซ็ตจากพาเนล  Frames เลือกไปที่  Window > Others > Frames   เพื่อเปิดพาเนล   Frames คลิกที่เฟรมที่ต้องการ หากต้องการเลือกเฟรมเซ็ต ให้คลิกที่กรอบล้อมรอบเฟรมเซ็ตนั้น
การเลือกเฟรมและเฟรมเซ็ตในหน้าต่าง  Document หากอยู่ในมุมมอง  Design  ของหน้าต่าง  Document  การคลิกภายในเฟรมเพื่อวางตัวบอกตำแหน่งการพิมพ์จะไม่ถือว่าเป็นการเลือกเฟรม การเลือกเฟรมสามารถทำได้ดังนี้ กดปุ่ม  Alt  ค้างไว้ แล้วคลิกภายในเฟรมเพื่อเลือกเฟรมนั้น หรือ คลิกที่เส้นแบ่งเฟรมใดๆ เพื่อเลือกเฟรมเซ็ต เฟรมใดที่ถูกเลือกแล้วจะแสดงเส้นขอบของเฟรมนั้นด้วยเส้นไข่ปลา และเมื่อเลือก   เฟรมเซ็ต เส้นแบ่งเฟรมทุกเส้นก็จะแสดงด้วยเส้นไข่ปลาเช่นกัน ส่วนพาเนล   Properties  ก็จะแสดงค่าต่างๆ ของเฟรมและเฟรมเซ็ตตามที่กำหนด เพื่อให้สามารถปรับค่าต่างๆ ได้สะดวก
การบันทึกเฟรมและ๶ฟรมเซ็ต   การบันทึกไฟล์เฟรมเซ็ต เลือกเฟรมเซ็ตที่ต้องการบันทึก เลือกไปที่  File > Save   Farmeset  หรือ  Save Fameset As การบันทึกเนื้อหาภายในเฟรม คลิกในเฟรมที่ต้องการ เลือกไปที่  File > Save Frame   หรือ  File > Save Frame As   หากต้องการบันทึกทุกไฟล์ที่สัมพันธ์กับเฟรมชุดนั้น ให้เลือกไปที่  File > Save All Frames
การปรับแต่งเฟรม   เลือกเฟรมที่ต้องการปรับแต่ง ปรับแต่งค่าต่างๆ ในพาเนล  Properties

More Related Content

Similar to บทที่ 9 frame-การแบ่งหน้าเว็บเพจด้วยเฟรม (20)

6.แบ่งหน้าจอโดยใช้ frame html
6.แบ่งหน้าจอโดยใช้ frame html6.แบ่งหน้าจอโดยใช้ frame html
6.แบ่งหน้าจอโดยใช้ frame html
bimteach
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8
duangnapa27
คู่มือประกอบการสร้างเว็บไซต์ Dream
คู่มือประกอบการสร้างเว็บไซต์  Dreamคู่มือประกอบการสร้างเว็บไซต์  Dream
คู่มือประกอบการสร้างเว็บไซต์ Dream
sommat
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
pom_2555
Dream8
Dream8Dream8
Dream8
Kung Piyapong
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
jompon
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
jompon
คู่มือ Power point
คู่มือ Power pointคู่มือ Power point
คู่มือ Power point
keeree samerpark
คู่มือการทำเวปไซต์เรื่อง ฮาร์แวร์
คู่มือการทำเวปไซต์เรื่อง  ฮาร์แวร์คู่มือการทำเวปไซต์เรื่อง  ฮาร์แวร์
คู่มือการทำเวปไซต์เรื่อง ฮาร์แวร์
sommat
Webpage by html
Webpage by htmlWebpage by html
Webpage by html
Tay Chaloeykrai
คู่มือประกอบการสร้าง๶ว็บไซต์P
คู่มือประกอบการสร้าง๶ว็บไซต์Pคู่มือประกอบการสร้าง๶ว็บไซต์P
คู่มือประกอบการสร้าง๶ว็บไซต์P
jompon
คู่มือการสร้าง๶ว็บD𲹳2004
คู่มือการสร้าง๶ว็บD𲹳2004คู่มือการสร้าง๶ว็บD𲹳2004
คู่มือการสร้าง๶ว็บD𲹳2004
kernger99
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
doraemonbookie
6.แบ่งหน้าจอโดยใช้ frame html
6.แบ่งหน้าจอโดยใช้ frame html6.แบ่งหน้าจอโดยใช้ frame html
6.แบ่งหน้าจอโดยใช้ frame html
bimteach
คู่มือ Dreamwever 8
คู่มือ Dreamwever 8คู่มือ Dreamwever 8
คู่มือ Dreamwever 8
duangnapa27
คู่มือประกอบการสร้างเว็บไซต์ Dream
คู่มือประกอบการสร้างเว็บไซต์  Dreamคู่มือประกอบการสร้างเว็บไซต์  Dream
คู่มือประกอบการสร้างเว็บไซต์ Dream
sommat
หน่วยที่ 2
หน่วยที่ 2หน่วยที่ 2
หน่วยที่ 2
pom_2555
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
jompon
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Wordคู่มือประกอบการสร้างเว็บไซต์ด้วย Word
คู่มือประกอบการสร้างเว็บไซต์ด้วย Word
jompon
คู่มือการทำเวปไซต์เรื่อง ฮาร์แวร์
คู่มือการทำเวปไซต์เรื่อง  ฮาร์แวร์คู่มือการทำเวปไซต์เรื่อง  ฮาร์แวร์
คู่มือการทำเวปไซต์เรื่อง ฮาร์แวร์
sommat
คู่มือประกอบการสร้าง๶ว็บไซต์P
คู่มือประกอบการสร้าง๶ว็บไซต์Pคู่มือประกอบการสร้าง๶ว็บไซต์P
คู่มือประกอบการสร้าง๶ว็บไซต์P
jompon
คู่มือการสร้าง๶ว็บD𲹳2004
คู่มือการสร้าง๶ว็บD𲹳2004คู่มือการสร้าง๶ว็บD𲹳2004
คู่มือการสร้าง๶ว็บD𲹳2004
kernger99
การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8การสร้างเว็บด้วย Macromedia dreamweaver8
การสร้างเว็บด้วย Macromedia dreamweaver8
doraemonbookie

บทที่ 9 frame-การแบ่งหน้าเว็บเพจด้วยเฟรม

  • 1. บทที่ 9 การจัดแบ่งหน้าเว็บเพจด้วยเฟรม (Frame)
  • 2. เฟรม (Frame) คือ การจัดแบ่งหน้าต่างของเว็บบราวเซอร์ออกเป็นส่วนต่างๆ เพื่อให้แต่ละส่วนสามารถแสดงเว็บเพจที่แตกต่างกันตามรูปแบบที่กำหนด ดังเช่นตัวอย่างนี้
  • 3. เฟรม (Frame) และเฟรมเซ็ต (Frameset) เฟรม (Frame) คือ พื้นที่ส่วนหนึ่งของหน้าต่างเว็บบราวเซอร์ที่ถูกจัดแบ่งออกเป็นส่วนๆ เพื่อให้การแสดงเว็บเพจเป็นไปได้อย่างอิสระไม่ขึ้นกับส่วนอื่นๆ โดยโครงร่างและรายละเอียดในการจัดแบ่งเฟรม เช่น จำนวนเฟรม ขนาด และตำแหน่งของเฟรม ซึ่งชื่อไฟล์ของเว็บเพจที่เริ่มต้นแสดงในแต่ละเฟรมจะถูกจัดเก็บไว้เป็นไฟล์ HTML เรียกว่า เฟรมเซ็ต (Frameset)
  • 4. การสร้าง๶ฟรม วิธีการสร้าง๶ฟรมสามารถทำได้ 2 วิธีด้วยกัน คือ อาจจะสร้างขึ้นเองตามแบบที่รูปแบบที่ต้องการ หรือเลือกจากแบบสำเร็จที่โปรแกรมได้จัดเตรียมไว้ให้ ซึ่งจะเป็นวิธีที่สะดวกและง่ายกว่า การสร้าง๶ฟรมจากแบบสำเร็จ การสร้าง๶ฟรมในเว็บเพจที่มีอยู่เดิม วางตัวบอกตำแหน่งการพิมพ์ที่เว็บเพจ เลือกแบบสำเร็จที่ Insert > Frames หรือ ในแถบ Insert เลือกแท็บ Frames แล้วคลิกที่แบบที่ต้องการ
  • 6. การแบ่งเฟรมย่อย วางตัวบอกตำแหน่งการพิมพ์ในเฟรมที่ต้องการแบ่งย่อย แล้วเลือกไปที่ Modify > Frameset อีกครั้ง หรือลากเส้นขอบเฟรมจากขอบของหน้าต่าง Design View ไปยังกลางหน้าต่าง หรือกดปุ่ม Alt ค้างไว้ แล้วลากเส้นแบ่ง เฟรมใดๆ ที่มีอยู่ เพื่อแบ่งเฟรมเพิ่ม
  • 7. การเรียกใช้เฟรม การเลือกเฟรมและเฟรมเซ็ตจากพาเนล Frames เลือกไปที่ Window > Others > Frames เพื่อเปิดพาเนล Frames คลิกที่เฟรมที่ต้องการ หากต้องการเลือกเฟรมเซ็ต ให้คลิกที่กรอบล้อมรอบเฟรมเซ็ตนั้น
  • 8. การเลือกเฟรมและเฟรมเซ็ตในหน้าต่าง Document หากอยู่ในมุมมอง Design ของหน้าต่าง Document การคลิกภายในเฟรมเพื่อวางตัวบอกตำแหน่งการพิมพ์จะไม่ถือว่าเป็นการเลือกเฟรม การเลือกเฟรมสามารถทำได้ดังนี้ กดปุ่ม Alt ค้างไว้ แล้วคลิกภายในเฟรมเพื่อเลือกเฟรมนั้น หรือ คลิกที่เส้นแบ่งเฟรมใดๆ เพื่อเลือกเฟรมเซ็ต เฟรมใดที่ถูกเลือกแล้วจะแสดงเส้นขอบของเฟรมนั้นด้วยเส้นไข่ปลา และเมื่อเลือก เฟรมเซ็ต เส้นแบ่งเฟรมทุกเส้นก็จะแสดงด้วยเส้นไข่ปลาเช่นกัน ส่วนพาเนล Properties ก็จะแสดงค่าต่างๆ ของเฟรมและเฟรมเซ็ตตามที่กำหนด เพื่อให้สามารถปรับค่าต่างๆ ได้สะดวก
  • 9. การบันทึกเฟรมและ๶ฟรมเซ็ต การบันทึกไฟล์เฟรมเซ็ต เลือกเฟรมเซ็ตที่ต้องการบันทึก เลือกไปที่ File > Save Farmeset หรือ Save Fameset As การบันทึกเนื้อหาภายในเฟรม คลิกในเฟรมที่ต้องการ เลือกไปที่ File > Save Frame หรือ File > Save Frame As หากต้องการบันทึกทุกไฟล์ที่สัมพันธ์กับเฟรมชุดนั้น ให้เลือกไปที่ File > Save All Frames
  • 10. การปรับแต่งเฟรม เลือกเฟรมที่ต้องการปรับแต่ง ปรับแต่งค่าต่างๆ ในพาเนล Properties