Submit Search
Upload
Cs6 ch08 การสร้างแฟรมเซต show
•
0 likes
•
77 views
Amnuay
Follow
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Read less
Read more
Education
Report
Share
Report
Share
1 of 18
Recommended
หน่วยที่ 9
หน่วยที่ 9
Ton TC Tmsb
Lesson 5
Lesson 5
krunueng1
Lesson 5
07 ใบเนื้อหา หน่วยที่ 8
07 ใบเนื้อหา หน่วยที่ 8
Natchanon Srinuan
Macromedia dreamweaver 8
Macromedia dreamweaver 8
Nadda Laosakul
การสร้างเว็บไซต์ โดยใช้โปรแกรม Macromedia dreamweaver 8
Word5
Word5
Duangsuwun Lasadang
Knowlage14
Knowlage14
กชพร มณีพงษ์
บทที่ 9 frame-การแบ่งหน้าเว็บเพจด้วยเฟรม
บทที่ 9 frame-การแบ่งหน้าเว็บเพจด้วยเฟรม
Uthaiwan Suantai
Cs6 ch11 การใช้มัลติมีเดีย show
Cs6 ch11 การใช้มัลติมีเดีย show
Amnuay
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Recommended
หน่วยที่ 9
หน่วยที่ 9
Ton TC Tmsb
Lesson 5
Lesson 5
krunueng1
Lesson 5
07 ใบเนื้อหา หน่วยที่ 8
07 ใบเนื้อหา หน่วยที่ 8
Natchanon Srinuan
Macromedia dreamweaver 8
Macromedia dreamweaver 8
Nadda Laosakul
การสร้างเว็บไซต์ โดยใช้โปรแกรม Macromedia dreamweaver 8
Word5
Word5
Duangsuwun Lasadang
Knowlage14
Knowlage14
กชพร มณีพงษ์
บทที่ 9 frame-การแบ่งหน้าเว็บเพจด้วยเฟรม
บทที่ 9 frame-การแบ่งหน้าเว็บเพจด้วยเฟรม
Uthaiwan Suantai
Cs6 ch11 การใช้มัลติมีเดีย show
Cs6 ch11 การใช้มัลติมีเดีย show
Amnuay
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Cs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม show
Amnuay
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Cs6 ch06 การเชื่อมโยง show
Cs6 ch06 การเชื่อมโยง show
Amnuay
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Cs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง show
Amnuay
การสร้างเว็บเบื้องต้น รหัส 20901-2003
คำชี้แจง
คำชี้แจง
Amnuay
ใบงานหน่วยที่3
ใบงานหน่วยที่3
Amnuay
ใบงานหน่วยที่9
ใบงานหน่วยที่9
Amnuay
ใบงานหน่วยที่8
ใบงานหน่วยที่8
Amnuay
ใบงานหน่วยที่7
ใบงานหน่วยที่7
Amnuay
ใบงานหน่วยที่6
ใบงานหน่วยที่6
Amnuay
ใบงานหน่วยที่5
ใบงานหน่วยที่5
Amnuay
ใบงานหน่วยที่4
ใบงานหน่วยที่4
Amnuay
ใบงานหน่วยที่3
ใบงานหน่วยที่3
Amnuay
ใบงานหน่วยที่2
ใบงานหน่วยที่2
Amnuay
ใบงานหน่วยที่10
ใบงานหน่วยที่10
Amnuay
บทที่ 7 การทำงานเกี่ยวกับตาราง
บทที่ 7 การทำงานเกี่ยวกับตาราง
Amnuay
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
Amnuay
บทที่ 2 miceosoft word 2007
บทที่ 2 miceosoft word 2007
Amnuay
บทที่ 6 การแทรกรูปข้อความศิลป์
บทที่ 6 การแทรกรูปข้อความศิลป์
Amnuay
บทที่ 5 การาตกแต่งเอกสาร
บทที่ 5 การาตกแต่งเอกสาร
Amnuay
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
Amnuay
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
pakpoomounhalekjit
าาาาาา
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
NuttavutThongjor1
Recap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdf
More Related Content
More from Amnuay
Cs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม show
Amnuay
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Cs6 ch06 การเชื่อมโยง show
Cs6 ch06 การเชื่อมโยง show
Amnuay
วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
Cs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง show
Amnuay
การสร้างเว็บเบื้องต้น รหัส 20901-2003
คำชี้แจง
คำชี้แจง
Amnuay
ใบงานหน่วยที่3
ใบงานหน่วยที่3
Amnuay
ใบงานหน่วยที่9
ใบงานหน่วยที่9
Amnuay
ใบงานหน่วยที่8
ใบงานหน่วยที่8
Amnuay
ใบงานหน่วยที่7
ใบงานหน่วยที่7
Amnuay
ใบงานหน่วยที่6
ใบงานหน่วยที่6
Amnuay
ใบงานหน่วยที่5
ใบงานหน่วยที่5
Amnuay
ใบงานหน่วยที่4
ใบงานหน่วยที่4
Amnuay
ใบงานหน่วยที่3
ใบงานหน่วยที่3
Amnuay
ใบงานหน่วยที่2
ใบงานหน่วยที่2
Amnuay
ใบงานหน่วยที่10
ใบงานหน่วยที่10
Amnuay
บทที่ 7 การทำงานเกี่ยวกับตาราง
บทที่ 7 การทำงานเกี่ยวกับตาราง
Amnuay
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
Amnuay
บทที่ 2 miceosoft word 2007
บทที่ 2 miceosoft word 2007
Amnuay
บทที่ 6 การแทรกรูปข้อความศิลป์
บทที่ 6 การแทรกรูปข้อความศิลป์
Amnuay
บทที่ 5 การาตกแต่งเอกสาร
บทที่ 5 การาตกแต่งเอกสาร
Amnuay
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
Amnuay
More from Amnuay
(20)
Cs6 ch09 การสร้างฟอร์ม show
Cs6 ch09 การสร้างฟอร์ม show
Cs6 ch06 การเชื่อมโยง show
Cs6 ch06 การเชื่อมโยง show
Cs6 ch05 การใส่ตาราง show
Cs6 ch05 การใส่ตาราง show
คำชี้แจง
คำชี้แจง
ใบงานหน่วยที่3
ใบงานหน่วยที่3
ใบงานหน่วยที่9
ใบงานหน่วยที่9
ใบงานหน่วยที่8
ใบงานหน่วยที่8
ใบงานหน่วยที่7
ใบงานหน่วยที่7
ใบงานหน่วยที่6
ใบงานหน่วยที่6
ใบงานหน่วยที่5
ใบงานหน่วยที่5
ใบงานหน่วยที่4
ใบงานหน่วยที่4
ใบงานหน่วยที่3
ใบงานหน่วยที่3
ใบงานหน่วยที่2
ใบงานหน่วยที่2
ใบงานหน่วยที่10
ใบงานหน่วยที่10
บทที่ 7 การทำงานเกี่ยวกับตาราง
บทที่ 7 การทำงานเกี่ยวกับตาราง
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 2 miceosoft word 2007
บทที่ 2 miceosoft word 2007
บทที่ 6 การแทรกรูปข้อความศิลป์
บทที่ 6 การแทรกรูปข้อความศิลป์
บทที่ 5 การาตกแต่งเอกสาร
บทที่ 5 การาตกแต่งเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
บทที่ 4 การจัดวางข้อความในเอกสาร
Recently uploaded
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
pakpoomounhalekjit
าาาาาา
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
NuttavutThongjor1
Recap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdfRecap JavaScript and TypeScript.pdf
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
SweetdelMelon
โครงงาน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
CholapruekSangkamane1
สอวนชีววิทยา
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
NuttavutThongjor1
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfอ
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
Postharvest Technology Innovation Center
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21” ระหว่างวันที่ 4-5 กรกฎาคม 2567
Recently uploaded
(6)
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
โรคทางพันธุกรรมมมมมมมมมมมมมมมมมมมมมม.ppt
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
Recap JavaScript and TypeScript.pdf Recap JavaScript and TypeScript.pdf
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
โครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิตโครงงานคณิต...
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
bio62สอวน.ชีววิทยา-ชีววิทยาปี62-ข้อสอบแข่งกัน
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
Fullstack Nest.js and Next.js.pdfFullstack Nest.js and Next.js.pdfFullstack N...
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
กำหนดการ “การประชุมวิชาการวิทยาการหลังการเก็บเกี่ยวแห่งชาติ ครั้งที่ 21”
Cs6 ch08 การสร้างแฟรมเซต show
1.
หน่วยที่ 8 การสร้างเฟรมเซต ารสร้างเว็บเบื้องต้น รหัส 20901-2003
2.
ลักษณะเฟรมเซต ไฟล์หน้าเว็บย่อยสาหรับแสดงในเฟรมที่ 3 ไฟล์หน้าเว็บย่อยสาหรับแสดงในเฟรมที่ 1 ไฟล์หน้าเว็บย่อยสาหรับแสดงในเฟรมที่
2 เฟรมที่ 3 เฟรมที่ 1 เฟรม ที่ 2 วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
3.
การสร้างเฟรมเซต 1. คลิกที่เมนู Insert->HTML->Frame->เฟรมเซตสาเร็จรูปที่เราต้องการ สร้างเฟรมเซตจากรูปแบบสาเร็จรูป 2.
จะปรากฏหน้าต่างให้เรา ตั้งชื่อเฟรม ซึ่งจะมีชื่อให้อยู่ แล้ว แต่ถ้าไม่ต้องการ เปลี่ยน ก็ให้คลิกปุ่ม OK ข้ามไป วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
4.
การสร้างเฟรมเซต 1. เลือกคาสั่ง View>visual
Aids>Frame Borders สร้างเฟรมเซตด้วยตัวเอง 2. แสดงขอบเฟรมปรากฏให้เห็น 3. ลากกรอบเฟรมออกมาในแนวนอน และแนวตั้ง วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
5.
การปรับแต่งเฟรม การปรับขนาดเฟรม 2. แสดงการปรับขนาดของเฟรมย่อยด้าน ซ้ายมือให้ใหญ่กว่าเฟรมย่อยขวามือ 1. คลิกเมาส์ที่ขอบเฟรมที่เราจะปรับ ขนาด
แล้วลากเมาส์มาทางขวามือ วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
6.
การเพิ่มเฟรม 2. เลือกคาสั่ง Modify>Frameset>Split Frame
Left 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>Save
All เพื่อบันทึกไฟล์ทุกไฟล์ที่ ประกอบกันเป็นเฟรมเซต วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
15.
บันทึกหน้าเว็บ คลิกหน้าเว็บในเฟรม แล้วเลือกคาสั่ง File>Save Frame
As บันทึกหน้าเฟรมเซต คลิกเลือกรอบเฟรม แล้วเลือกคาสั่ง File>Save Frameset วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
16.
การเชื่อมโยงหน้าเว็บในเฟรมเซต เมื่อเราคลิกภาพที่เรากาหนดการลิงค์เอาไว้ในเฟรมซ้ายมือ ส่วนของหน้าเว็บในเฟรมหลัก (mainframe) ส่วนของหน้าเว็บใน เฟรมซ้ายมือ (leftframe) ส่วนของหน้าเว็บในเฟรมด้านบน (topframe) จะเป็นการเปลี่ยนหน้าเว็บในเฟรม หลัก ให้แสดงหน้าเว็บที่ลิงค์ไว้ วิชาการสร้างเว็บเบื้องต้น
รหัส 20901-2003
17.
การเชื่อมโยงหน้าเว็บในเฟรมเซต 1. เลือกข้อความที่จะทาเป็น ลิงค์ 2. คลิกเมาส์ 3.
เลือกไฟล์ที่จะเชื่อมโยง คลิกเมาส์ OK 4. กาหนดเฟรมที่จะให้แสดง หน้าเว็บที่เชื่อมโยง วิชาการสร้างเว็บเบื้องต้น รหัส 20901-2003
18.
Thank you ให้นักเรียน ซักถามได้ครับ นายอานวย สือพัฒธิมา แผนกวิชาคอมพิวเตอร์ธุรกิจ วิชาการสร้างเว็บเบื้องต้น
รหัส 20901-2003