Cs6 ch08 การสร้างแฟรมเซต show
- 1.
- 2. ลักษณะเฟรมเซต ไฟล์หน้าเว็บย่อยสาหรับแสดงในเฟรมที่ 3 ไฟล์หน้าเว็บย่อยสาหรับแสดงในเฟรมที่ 1 ไฟล์หน้าเว็บย่อยสาหรับแสดงในเฟรมที่2 เฟรมที่ 3 เฟรมที่ 1 เฟรม ที่ 2 วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 3. การสร้างเฟรมเซต 1. คลิกที่เมนู Insert->HTML->Frame->เฟรมเซตสาเร็จรูปที่เราต้องการ สร้างเฟรมเซตจากรูปแบบสาเร็จรูป 2.จะปรากฏหน้าต่างให้เรา ตั้งชื่อเฟรม ซึ่งจะมีชื่อให้อยู่ แล้ว แต่ถ้าไม่ต้องการ เปลี่ยน ก็ให้คลิกปุ่ม OK ข้ามไป วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 4. การสร้างเฟรมเซต 1. เลือกคาสั่ง View>visualAids>Frame Borders สร้างเฟรมเซตด้วยตัวเอง 2. แสดงขอบเฟรมปรากฏให้เห็น 3. ลากกรอบเฟรมออกมาในแนวนอน และแนวตั้ง วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 5. การปรับแต่งเฟรม การปรับขนาดเฟรม 2. แสดงการปรับขนาดของเฟรมย่อยด้าน ซ้ายมือให้ใหญ่กว่าเฟรมย่อยขวามือ 1. คลิกเมาส์ที่ขอบเฟรมที่เราจะปรับ ขนาดแล้วลากเมาส์มาทางขวามือ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 6. การเพิ่มเฟรม 2. เลือกคาสั่ง Modify>Frameset>Split FrameLeft 1. เลือกตาแหน่งของเฟรมที่เราจะแบ่งเพิ่มเติม 3. แสดงการแบ่งเฟรมเพิ่มในแนวตั้ง โดย ตาแหน่งเฟรมหลักจะอยู่ทางซ้ายมือ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 7. การลบเฟรม 1. คลิกเมาส์ที่ขอบเฟรม แล้วลากเมาส์ออกไปนอก หน้าเว็บทางขวามือ 2.เฟรมย่อยทางขวามือจะหายไป วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 8. การแก้ไขรายละเอียดของเฟรมเซต ถ้าคลิกที่พื้นที่ว่าง หมายความว่า เลือก แก้ไขหน้าเว็บที่แสดงในเฟรมนั้น ถ้าคลิกที่เส้นกรอบเฟรม หมายความว่า เลือกแก้ไข รายละเอียดของเฟรม วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 9. การนาหน้าเว็บมาประกอบในเฟรม วิธีที่ 1 สร้างหน้าเว็บใหม่ลงในเฟรม 1.เฟรมเซตที่เราได้กาหนดขึ้นมา 2.คลิกเมาส์ในแต่ละเฟรม แล้วทาการ แทรกข้อความและภาพต่างๆ ลงในเฟรม เหล่านี้ตามต้องการ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 10. ตกแต่งหัวเว็บด้วยภาพใน เฟรมด้านบน (topframe) ตกแต่งภาพด้วยลิงค์ ต่างๆ ในเฟรมด้าน ซ้ายมือ(leftframe) ตกแต่งภาพ และเนื้อหาในเฟรมหลัก (mainframe) วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 11. วิธีที่ 2 แทรกหน้าเว็บลงในเฟรม แสดงหน้าเว็บที่เราออกแบบไว้ เพื่อนามาใส่ในแต่ละเฟรม ไฟล์เว็บเพจFrame3.htm สาหรับแสดงในเฟรมด้านบน (topframe) วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 12. ไฟล์เว็บเพจ Frame2.htm สาหรับแสดงเฟรมด้านซ้ายมือ (leftframe) ไฟล์เว็บเพจFrame1.htm สาหรับแสดงเฟรมด้านขวามือ (mainframe) วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 13. 3. คลิกเมาส์เลือกไฟล์ เว็บเพจ 4. ดับเบิ้ลคลิกเลือก ไฟล์ที่ต้องการแทรก แสดงหน้าเว็บที่แทรกเข้ามา 2.เลือกเฟรมที่ต้องการจะแทรกหน้าเว็บ 1. เปิ ดพาเนล Frames โดยเลือกคาสั่ง Window>Frames 3. ตั้งชื่อ mainframe ในช่อง Frame วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 14. การบันทึกหน้าเว็บ และหน้าเฟรมเซต บันทึกทั้งหมด เลือกคาสั่ง File>SaveAll เพื่อบันทึกไฟล์ทุกไฟล์ที่ ประกอบกันเป็นเฟรมเซต วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 15. บันทึกหน้าเว็บ คลิกหน้าเว็บในเฟรม แล้วเลือกคาสั่ง File>Save FrameAs บันทึกหน้าเฟรมเซต คลิกเลือกรอบเฟรม แล้วเลือกคาสั่ง File>Save Frameset วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 16.
- 17. การเชื่อมโยงหน้าเว็บในเฟรมเซต 1. เลือกข้อความที่จะทาเป็น ลิงค์ 2. คลิกเมาส์ 3.เลือกไฟล์ที่จะเชื่อมโยง คลิกเมาส์ OK 4. กาหนดเฟรมที่จะให้แสดง หน้าเว็บที่เชื่อมโยง วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
- 18.