แผนการจัดการเรียนรู้สร้างเว็บเบื้องต้น

การเชื่อมโยงไปยังอีเมล์ คือ การสร้างอีเมล์แอดเดรสของเราไว้สำหรับให้ผู้ต้องการจะติดต่อได้พิมพ์ จดหมายส่งมาได้ทันทีโดยไม่ตอ้ งเสียเวลาพิมพอ์ ีเมล์แอดเดรสอกี โดยปกติจะอยูใ่ นเว็บเพจหนา้ “ ติดต่อบริษัท ” หรอื “ Contact Us ” 1. เลือกขอ้ ความหรอื ภาพท่ีจะสร้างไฮเปอรล์ งิ คเ์ พ่ือสง่ อเี มล์ 2. พมิ พ์ mailto: อเี มล์แอดเดรส เชน่ mailto:[email protected] 3. ทดสอบการเช่อื มโยงโดยกดคยี ์ เพือ่ จะเปดิ โปรแกรมอีเมล์ 4. คลกิ ป่มุ เพื่อจบการสร้างลงิ คเ์ พื่อส่งอเี มล์ 5. การเชอ่ื มโยงโดย Map Link Map Link คอื การแบ่งรปู ภาพออกเปน็ บริเวณยอ่ ยเฉพาะบางส่วนของรปู ภาพเพ่อื กำหนดให้เป็นลิงค์ไป ยังปลายทางที่แตกต่างกัน เนื่องจากในภาพสามารถมีได้หลายลิงค์ด้วยกันเช่น คลิกที่ลิงค์บริเวณด้านบนหรือ ดา้ นล่างของภาพกจ็ ะไปยงั ปลายทางหน่ึง เปน็ ตน้ การเชือ่ มโยงแบบแบบลิงค์ มวี ธิ ดี งั นี้ 1. คลิกเลือกรูปทต่ี อ้ งการสร้างลงิ ค์ 2. เลือกเครือ่ งมอื ใน Properties Inspector สำหรบั วาดพ้ืนท่ลี ิงค์เป็นสี่เหลย่ี ม สำหรบั วาดพนื้ ที่ลงิ คเ์ ป็นวงกลม สำหรับวาดพ้นื ท่ีลิงคเ์ ป็นหลายเหลี่ยม 3. วาดบรเิ วณที่ต้องการให้เปน็ ลิงค์ 4. พมิ พช์ อื่ เวบ็ เพจปลายทางลงในช่องลงิ ค์ หรือเลอื กไฟล์ท่จี ะลงิ ค์ไป

6. การแก้ไขการเช่อื มโยงเว็บเพจ การแก้ไขการเชอื่ มโยงเวบ็ เพจ การแกไ้ ขการเปิดหน้าเว็บเพจเป็นการกำหนดให้แสดงเวบ็ เพจที่ลิงค์ตรงที่ใด ๆ บนเวบ็ เพจ (Target) โดย แบ่งออกเป็น 4 ลกั ษณะ ดังน้ี _blank เป็นการเปดิ เวบ็ เพจปลายทางในวนิ โดว์ใหม่ _parent เป็นการแสดงเว็บเพจในเฟรมทค่ี รอบอยู่ในเฟรมปัจจบุ นั (ในกรณที ่มี ีการใช้เฟรม) _self เป็นการแสดงเว็บเพจในเฟรมเดมิ ของลงิ ค์ _top เป็นการแสดงเว็บเพจในวินโดวเ์ ดิม โดยยกเลกิ เฟรมทีค่ รอบอยู่ทงั้ หมด 7. การกำหนดคณุ สมบัติการเชอ่ื มโยง การเชื่อมโยงที่กำหนดไว้ใน Properties เป็นคุณสมบัติที่ตั้งค่าไว้ใน Page Properties ซึ่งสามารถ กำหนดคณุ สมบัตกิ ารเช่อื มโยง ดงั น้ี 1. คลิกขวาที่หนา้ เว็บเพจ แล้วเลือกคำสัง่ Page Properties จากเมนูลัด หรือเลือกคำสั่ง Modify >> Page Properties จะได้หน้าต่าง Page Properties ดงั นี้

2. คลกิ ทีค่ ำส่งั Links ท่ี Category แล้วเลือกคุณสมบัติตา่ ง ๆ ดา้ นขวามอื 3. เลอื กรปู แบบตา่ ง ๆ แลว้ คลิกปมุ่ OK • ดา้ นทกั ษะ+ดา้ นจติ พสิ ัย (ปฏบิ ตั +ิ ดา้ นจิตพสิ ัย) (จุดประสงคเ์ ชงิ พฤตกิ รรมข้อท่ี 1-8)

8. ใบงานหนว่ ยที่ 6 9. แบบฝกึ หดั หน่วยที่ 6 10. กจิ กรรมบูรณาการอาเซียน 11. กิจกรรมบรู ณาการเศรษฐกิจพอเพยี ง • ด้านคณุ ธรรม/จรยิ ธรรม/จรรยาบรรณ/บูรณาการเศรษฐกจิ พอเพียง (จดุ ประสงค์เชิงพฤตกิ รรมขอ้ ที่ 9) 1. เช่ือมโยงบนเวบ็ เพจไดอ้ ยา่ งถูกตอ้ งเหมาะสม กจิ กรรมการเรียนการสอนหรือการเรียนรู้ ข้นั ตอนการสอนหรือกจิ กรรมของครู ขนั้ ตอนการเรียนรู้หรอื กจิ กรรมของนักเรยี น

1. ขนั้ นำเขา้ สูบ่ ทเรียน ( 15 นาที ) 1. ขัน้ นำเขา้ สบู่ ทเรยี น ( 15 นาที ) 1. ผ้สู อนต้ังคำถามว่า จดุ เช่อื มโยงบนเว็บเพจคือ 1. ผู้เรียนช่วยกันตอบคำถามตามความเข้าใจของ อะไร แตล่ ะคน 2. ผู้สอนแจง้ วัตถุประสงคข์ องการเรียน หน่วยท่ี 2. ผู้เรียนทำความเข้าใจเกี่ยวกับวัตถปุ ระสงค์ของ 6 เรอื่ ง การสรา้ งจดุ เชื่อมโยง การเรียน หนว่ ยที่ 6 เรือ่ ง การสร้างจุดเชื่อมโยง 3. ผู้สอนใหผ้ ู้เรียนระบุคณุ สมบัติการเช่ือมโยง 3. ผเู้ รยี นระบุคณุ สมบตั ิการเชือ่ มโยง 2. ขน้ั ให้ความรู้ ( 90 นาที ) 2. ข้นั ใหค้ วามรู้ ( 90 นาที ) 1. ผู้สอนเปิด PowerPoint และให้ผู้เรียนเปิด 1. ผู้เรยี นศกึ ษา PowerPoint และให้ผู้เรียนเปิด เอกสารประกอบการสอนวิชา การสร้างเว็บไซต์หน่วย เอกสารประกอบการสอนวิชา การสร้างเว็บไซต์หนว่ ยที่ ที่ 6 เรื่อง การสร้างจุดเชื่อมโยง หน้าที่ 106-113 6 เรอ่ื ง การสรา้ งจุดเช่ือมโยง หนา้ ที่ 106-113 พร้อม พรอ้ มอธบิ ายเนือ้ หาทลี ะส่วน อธบิ ายเนือ้ หาทีละสว่ นโดยเลือกจดบันทกึ เนอื้ หาทส่ี ำคัญ 2. ผู้เรียนฟังอธิบายความรูเ้ พิ่มเติมนอกเหนือจาก 2. ผู้สอนอธิบายความรู้เพ่ิมเติมนอกเหนือจาก เอกสารประกอบการสอนวิชา การสร้างเวบ็ ไซต์ และ เอกสารประกอบการสอนวิชา การสร้างเว็บไซต์ ให้ผูเ้ รียนชว่ ยกนั สรา้ งจุดเชือ่ มโยงบนเวบ็ เพจ และให้ผูเ้ รยี นช่วยกันสร้างจุดเชอื่ มโยงบนเว็บเพจ 3. ผ้เู รียนซักถามข้อสงสยั ทเี่ กิดขน้ึ 3. ผู้สอนเปิดโอกาสให้ผู้เรียนซักถามข้อสงสัยท่ี เกดิ ข้ึนระหว่างการเรียนการสอน และตอบขอ้ ซักถาม 3. ข้ันประยุกตใ์ ช้ ( 75 นาที ) 3. ขั้นประยุกต์ใช้ ( 75 นาที ) 1. ผสู้ อนให้ผูเ้ รียนทำใบงานหนว่ ยที่ 6 หน้าที่ 1. ผู้เรียนทำใบงานหนว่ ยท่ี 6 หน้าที่ 115-116 115-116 2. ผสู้ อนให้ผู้เรยี นทำแบบฝกึ หัด หน่วยท่ี 6 2. ผเู้ รยี นทำแบบฝึกหัด หนว่ ยที่ 6 หน้าท่ี หน้าที่ 117-118 117-118 3. ผู้สอนให้ผู้เรียนสืบค้นข้อมูลจาก Web 3. ผู้เรียนสืบค้นข้อมูลจาก Web Guide หน้าที่ Guide หน้าที่ 113 หรือหาความรู้เพิ่มเติมจาก 113 หรือหาความรู้เพิ่มเติมจากอนิ เทอร์เน็ต อนิ เทอร์เน็ต กจิ กรรมการเรียนการสอนหรอื การเรียนรู้ ขนั้ ตอนการสอนหรือกิจกรรมของครู ขนั้ ตอนการเรียนรหู้ รือกิจกรรมของนกั เรยี น 4. ขัน้ สรุปและประเมนิ ผล ( 60 นาที ) 4. ข้นั สรุปและประเมนิ ผล ( 60 นาที ) 1. ผูส้ อนและผู้เรียนรว่ มกนั สรุปเนื้อหาที่ได้เรียน 1. ผูส้ อนและผู้เรยี นร่วมกนั สรุปเนื้อหาทไี่ ด้เรียนให้ ใหม้ ีความเข้าใจในทศิ ทางเดียวกัน มคี วามเขา้ ใจในทศิ ทางเดียวกัน

2. ผู้สอนใหผ้ เู้ รยี นทำกิจกรรมบรู ณาการอาเซียน 2. ผู้เรียนทำกิจกรรมบูรณาการอาเซียน หน้าที่ หนา้ ที่ 119 119 3. ผู้สอนให้ผู้เรียนทำกิจกรรมบูรณาการ 3. ผูเ้ รยี นทำกิจกรรมบรู ณาการเศรษฐกจิ พอเพียง เศรษฐกจิ พอเพยี ง หน้าท่ี 120 หน้าท่ี 120 4. ผู้สอนให้ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน 4. ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน ด้วย ดว้ ยบทเรียนคอมพวิ เตอร์ชว่ ยสอนท่ีจัดทำข้ึน บทเรียนคอมพวิ เตอรช์ ่วยสอนทจ่ี ัดทำข้นึ (บรรลจุ ุดประสงค์เชิงพฤติกรรมข้อท่ี 1-9) (บรรลุจุดประสงคเ์ ชงิ พฤติกรรมข้อท่ี 1-9) (รวม 240 นาที หรอื 4 คาบเรยี น) งานที่มอบหมายหรือกจิ กรรมการวัดผลและประเมนิ ผล ก่อนเรยี น 1. จดั เตรยี มเอกสาร สื่อการเรยี นการสอนหน่วยที่ 6 2. ทำความเข้าใจเกี่ยวกบั จดุ ประสงคก์ ารเรียนของหน่วยเรียนท่ี 6 และใหค้ วามรว่ มมือในการทำ กิจกรรม ต่าง ๆ

ขณะเรยี น 16. ปฏิบัติตามใบงานหน่วยท่ี 6 17. ปฏิบัติแบบฝกึ หัด หน่วยที่ 6 18. ร่วมกันสรุป “การสร้างจุดเชื่อมโยง” โดยศึกษาจาก PowerPoint และเอกสารประกอบการ สอน หลงั เรียน 1. ปฏบิ ัติตามกิจกรรมบูรณาการอาเซียน 2. ปฏบิ ตั ติ ามกิจกรรมบูรณาการเศรษฐกิจพอเพียง คำถาม 1. จงอธบิ ายการสร้างจดุ เชอื่ มโยง 2. จงอธบิ ายข้นั ตอนการเช่ือมโยงในหน้าเว็บเพจเดียวกัน 3. จงอธิบายขั้นตอนการเชื่อมโยงไปยังเวบ็ ไซตอ์ นื่ มาเป็นข้อ ๆ 4. จงบอกขั้นตอนในการออกแบบเวบ็ ไซตม์ าเป็นขอ้ ๆ ผลงาน/ชิ้นงาน/ความสำเรจ็ ของผเู้ รียน ใบงาน แบบฝกึ หัด กิจกรรม สมรรถนะที่พึงประสงค์ ผู้เรยี นสรา้ งความเข้าใจเกย่ี วกับการสรา้ งจุดเชอ่ื มโยง 25. วิเคราะหแ์ ละตคี วามหมาย 26. ต้ังคำถาม 27. อภิปรายแสดงความคิดเหน็ ระดมสมอง 28. การประยุกต์ความร้สู งู่ านอาชพี สมรรถนะการปฏบิ ตั ิงานอาชีพ

7. สร้างจุดเชือ่ มโยงบนเวบ็ เพจ สมรรถนะการขยายผล ความสอดคล้อง จากการเรียน เรื่อง การสร้างจุดเชื่อมโยง ทำให้ผู้เรียนมีความรู้เพิ่มเกี่ยวกับการสร้างจุดเชื่อมโยง (Hyperlink) ซึ่งเป็นการเชื่อมโยงกันจากจุดหนึ่งของเอกสารไปยังอีกตำแหน่งหนึ่งของเอกสารเดียวกันหรือต่าง เอกสารกันบนอินเทอร์เน็ต โดยใช้ข้อความภาพ หรือเมนูแบบดรอ็ ปดาวน์อย่างใดอย่างหนึง่ เพื่อเป็นต้นทางในการ เชื่อมโยงไปสู่เอกสารปลายทาง ซึ่งอาจเป็นจุดใดจุดหนึ่งในเอกสารเดียวกัน (Named Anchor), เว็บเพจอื่น ๆ, เวบ็ ไซต์, อเี มล, หรือแม้แต่ไฟล์ขอ้ มลู สำหรบั ดาวนโ์ หลดและการรนั ไฟลโ์ ปรแกรม เป็นต้น สื่อการเรยี นการสอน/การเรยี นรู้ ส่ือสง่ิ พิมพ์ 18. เอกสารประกอบการสอนวชิ า การสร้างเวบ็ ไซต์ (ใชป้ ระกอบการเรยี นการสอนจุดประสงค์เชงิ พฤติกรรมข้อที่ 1-9) 19. ใบความรทู้ ี่ 6 เร่ือง การสรา้ งจุดเชอ่ื มโยง (ใช้ประกอบการเรียนการสอนขั้นใหค้ วามรู้ เพื่อให้บรรลุ จดุ ประสงคเ์ ชงิ พฤติกรรมข้อท่ี 1-9) 20. ใบงานที่ 6 เรอื่ ง การสรา้ งจุดเชอ่ื มโยง ข้ันประยุกตใ์ ช้ 1 21. แบบฝกึ หดั หนว่ ยท่ี 6 ขนั้ ประยุกตใ์ ช้ ข้อ 2 22. กิจกรรมบรู ณาการอาเซยี น ขัน้ สรปุ และประเมนิ ผล ขอ้ 2 23. กิจกรรมบรู ณาการเศรษฐกจิ พอเพียง ข้ันสรปุ และประเมินผล ขอ้ 3 24. แบบประเมินผลงานตามใบงาน ใช้ประกอบการสอนขั้นประยุกต์ใช้ ขอ้ 1-2

25. แบบประเมินพฤตกิ รรมการทำงาน ใช้ประกอบการสอนขั้นสรปุ ข้อ 2-3 ส่ือโสตทัศน์ (ถา้ ม)ี 6. เคร่ืองไมโครคอมพวิ เตอร์ 7. PowerPoint เรื่อง การสร้างจุดเชื่อมโยง สือ่ ของจริง การสรา้ งจดุ เชอ่ื มโยง (ใช้ประกอบการเรยี นการสอนจดุ ประสงคเ์ ชิงพฤตกิ รรมข้อที่ 1-9) แหลง่ การเรียนรู้ ในสถานศึกษา 1. ห้องสมุดวิทยาลัยเทคนิคสมุทรสาคร 2. ห้องปฏบิ ตั ิการคอมพวิ เตอร์ ศกึ ษาหาขอ้ มลู ทางอินเทอรเ์ น็ต นอกสถานศกึ ษา ผูป้ ระกอบการ สถานประกอบการ ในท้องถน่ิ จังหวัดสมุทรสาคร

การบูรณาการ/ความสมั พนั ธก์ ับวชิ าอื่น 13. บูรณาการกับวิชาชีวิตและวฒั นธรรมไทย ด้านการพูด การอา่ น การเขยี น และการฝกึ ปฏิบตั ิตนทาง สงั คมดา้ นการเตรยี มความพรอ้ ม ความรับผิดชอบ และความสนใจใฝ่รู้ 14. บรู ณาการกบั วชิ าพน้ื ฐานการสรา้ งเวบ็ ไซต์ การประเมินผลการเรยี นรู้ • หลักการประเมินผลการเรยี นรู้ ก่อนเรยี น ความรู้เบือ้ งต้นก่อนการเรยี นการสอน ขณะเรยี น 15. ตรวจใบงานหนว่ ยท่ี 6 16. ตรวจแบบฝกึ หัด หน่วยท่ี 6 17. สังเกตการทำงาน

หลังเรียน 12. ตรวจกจิ กรรมบรู ณาการอาเซียน 13. ตรวจกจิ กรรมบูรณาการเศรษฐกิจพอเพยี ง ผลงาน/ชิ้นงาน/ผลสำเรจ็ ของผู้เรยี น ใบงาน แบบฝกึ หัด กจิ กรรม

รายละเอยี ดการประเมินผลการเรยี นรู้ • จดุ ประสงค์เชิงพฤติกรรม ขอ้ ที่ 1 ระบุคุณสมบัติการเชอื่ มโยงได้ 19. วิธีการประเมิน : ทดสอบ 20. เคร่อื งมอื : แบบทดสอบ 21. เกณฑ์การให้คะแนน : ระบคุ ุณสมบตั กิ ารเชอ่ื มโยงได้ จะได้ 1 คะแนน • จดุ ประสงค์เชงิ พฤตกิ รรม ข้อท่ี 2 สร้างจดุ เชอื่ มโยงได้ 19. วธิ กี ารประเมิน : ทดสอบ 20. เครื่องมือ : แบบทดสอบ 21. เกณฑ์การให้คะแนน : สรา้ งจุดเช่อื มโยงได้ จะได้ 1 คะแนน • จุดประสงคเ์ ชิงพฤตกิ รรม ขอ้ ท่ี 3 เชื่อมโยงภายในเว็บไซต์เดยี วกันได้ 16. วธิ กี ารประเมนิ : ทดสอบ 17. เครอ่ื งมอื : แบบทดสอบ 18. เกณฑ์การให้คะแนน : เชอื่ มโยงภายในเว็บไซตเ์ ดียวกนั ได้จะได้ 1 คะแนน • จดุ ประสงคเ์ ชงิ พฤติกรรม ขอ้ ท่ี 4 เชอ่ื มโยงไปยังเว็บไซต์อ่ืนได้ 16. วิธกี ารประเมนิ : ทดสอบ 17. เครื่องมือ : แบบทดสอบ 18. เกณฑก์ ารให้คะแนน : เชื่อมโยงไปยงั เวบ็ ไซตอ์ นื่ ได้ จะได้ 1 คะแนน • จุดประสงค์เชงิ พฤตกิ รรม ข้อท่ี 5 เช่อื มโยงไปยังอีเมลไ์ ด้ 13. วธิ กี ารประเมิน : ทดสอบ 14. เครื่องมอื : แบบทดสอบ 15. เกณฑ์การให้คะแนน : เชอ่ื มโยงไปยงั อเี มลไ์ ด้ จะได้ 1 คะแนน • จุดประสงค์เชิงพฤตกิ รรม ข้อท่ี 6 เชื่อมโยงโดย Map Link ได้

5. วิธีการประเมิน : ตรวจผลงาน 6. เครอ่ื งมอื : แบบทดสอบ 7. เกณฑ์การใหค้ ะแนน : เชอ่ื มโยงโดย Map Link ได้ จะได้ 1 คะแนน • จดุ ประสงค์เชงิ พฤตกิ รรม ข้อท่ี 7 แก้ไขการเช่ือมโยงเวบ็ เพจได้ 1. วิธีการประเมนิ : ทดสอบ 2. เครื่องมอื : แบบทดสอบ 3. เกณฑ์การให้คะแนน : แกไ้ ขการเชื่อมโยงเว็บเพจได้ จะได้ 1 คะแนน • จุดประสงค์เชิงพฤติกรรม ข้อที่ 8 รเิ ร่มิ จุดเชื่อมโยงบนเวบ็ เพจได้ 1. วธิ ีการประเมนิ : ทดสอบ 2. เคร่ืองมอื : แบบทดสอบ 3. เกณฑ์การให้คะแนน : รเิ ริม่ จุดเช่ือมโยงบนเว็บเพจได้ จะได้ 1 คะแนน • จุดประสงค์เชิงพฤตกิ รรม ข้อท่ี 9 เชื่อมโยงบนเว็บเพจไดอ้ ยา่ งถกู ตอ้ งเหมาะสม 1. วธิ ีการประเมนิ : ทดสอบ 2. เคร่ืองมือ : แบบทดสอบ 3. เกณฑ์การให้คะแนน : เชอื่ มโยงบนเวบ็ เพจได้อยา่ งถกู ต้องเหมาะสม จะได้ 2 คะแนน ใบงานหนว่ ยที่ 6 ตอนท่ี 1 ให้นกั เรยี นตอบคำถามตอ่ ไปน้ี 1. จงอธิบายการสรา้ งจดุ เชอ่ื มโยง

..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 2. จงอธบิ ายข้นั ตอนการเชื่อมโยงในหนา้ เวบ็ เพจเดียวกัน ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 3. จงอธบิ ายขน้ั ตอนการเช่ือมโยงไปยงั เวบ็ ไซตอ์ ืน่ มาเปน็ ขอ้ ๆ ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... .....................................................................................................................................

..................................................................................................................................... 4. จงบอกขนั้ ตอนในการออกแบบเวบ็ ไซต์มาเปน็ ขอ้ ๆ ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... แบบฝึกหัด หน่วยที่ 6 คำชแ้ี จง จงทำเคร่อื งหมาย (X) ลงหนา้ ขอ้ ท่ีถกู ต้อง 1. การใชแ้ ปน้ < Ctrl > + < Alt > + < A > คอื เลือกคำสง่ั ใด ก. Insert >> Name Anchor ข. Inset >> Name Anchor ค. Name Anchor >> Inset

ง. Name Anchor >> Insert 2. กดแปน้ <F12> เพือ่ อะไร ก. ดผู ลด้วยโปรแกรมทสี่ ร้าง ข. ดูผลด้วยเว็บเบราว์เซอร์ ค. ดผู ลเว็บเพจท่ีเราสร้าง ง. ถกู ทุกข้อ 3. ติดตอ่ บริษทั มชี ่อื ภาษาอังกฤษวา่ อะไร ก. Contact Ous ข. Contact of Us ค. Contact Us ง. Contact 4. สญั ลกั ษณท์ ใ่ี หค้ ือสญั ลกั ษณใ์ ด ก. สำหรับวาดพน้ื ที่ลงิ คเ์ ป็นสี่เหลยี่ ม ข. สำหรับตัดขอบภาพ ค. สำหรับวาดพื้นท่ีลิงคเ์ ป็นหลายเหล่ยี ม ง. สำหรบั วาดพื้นที่ลงิ คเ์ ป็นวงกลม 5. สัญลกั ษณ์ท่ใี ห้คอื สัญลักษณใ์ ด ก. สำหรับวาดพน้ื ที่ลิงค์เป็นวงกลม ข. สำหรับตดั ขอบภาพ ค. สำหรับวาดพน้ื ท่ีลงิ คเ์ ป็นสเ่ี หลย่ี ม ง. สำหรบั วาดพน้ื ท่ีลงิ ค์เปน็ หลายเหลีย่ ม 6. สญั ลักษณ์ทใ่ี ห้คือสญั ลักษณใ์ ด ก. สำหรับวาดพืน้ ที่ลงิ ค์เปน็ วงกลม ข. สำหรบั ตัดขอบภาพ ค. สำหรับวาดพน้ื ท่ีลิงค์เป็นส่ีเหลย่ี ม ง. สำหรบั วาดพน้ื ที่ลงิ ค์เป็นหลายเหลย่ี ม 7. _blank คอื อะไร ก. เป็นการแสดงเว็บเพจในเฟรมเดมิ ของลงิ ค์ ข. เปน็ การแสดงเวบ็ เพจในวินโดวสเ์ ดมิ โดยยกเลกิ เฟรมท่คี รอบอยทู่ ้งั หมด ค. การแสดงเวบ็ เพจในเฟรมท่ีครอบอยใู่ นเฟรมปจั จุบัน ง. เปน็ การเปดิ เวบ็ เพจปลายทางในวินโดวสใ์ หม่ 8. _parent คืออะไร ก. เปน็ การแสดงเวบ็ เพจในเฟรมเดมิ ของลิงค์

ข. เปน็ การแสดงเว็บเพจในวนิ โดวสเ์ ดมิ โดยยกเลิกเฟรมท่คี รอบอย่ทู ้งั หมด ค. การแสดงเวบ็ เพจในเฟรมที่ครอบอยู่ในเฟรมปัจจุบัน ง. เป็นการเปดิ เว็บเพจปลายทางในวินโดวสใ์ หม่ 9. Visited Links คือขอ้ ใด ก. ขนาดรปู แบบตวั อกั ษร ข. เลอื กสีลิงค์ทถ่ี กู ชมไปแล้ว ค. เลือกสีลิงค์ท่ีไม่ถูกชมไปแลว้ ง. เลือกสีลงิ ค์เมอ่ื ลากเมาส์ผ่าน 10. Rollover Links คอื ขอ้ ใด ก. ขนาดรปู แบบตัวอกั ษร ข. เลือกสีลงิ คท์ ถี่ ูกชมไปแล้ว ค. เลอื กสีลิงค์ท่ไี มถ่ ูกชมไปแลว้ ง. เลอื กสีลงิ คเ์ มอ่ื ลากเมาส์ผา่ น กิจกรรมบูรณาการอาเซยี น คำสั่ง ให้นกั เรยี นโยงเส้นความสัมพนั ธ์ให้ถูกต้อง

กิจกรรมบูรณาการเศรษฐกจิ พอเพียง กจิ กรรม การสรา้ งจุดเชอื่ มโยง จุดประสงค์ สามารถสรา้ งเว็บไซตแ์ ละใชก้ ารสรา้ งจุดเชอ่ื มโยงได้ ภาระงาน

a. ให้นักเรยี นสร้างเว็บไซต์ทม่ี ีการเชื่อมโยงไปยงั หน้าต่าง ๆ และส่งครูผู้สอน แบบประเมนิ ผลการนำเสนอผลงาน ชือ่ กลุ่ม……………………………………………ชัน้ ………………………หอ้ ง...........................

รายชื่อสมาชิก 1……………………………………เลขท่ี……. 2……………………………………เลขท…่ี …. 3……………………………………เลขท่ี……. 4……………………………………เลขท…ี่ …. ที่ รายการประเมิน คะแนน ข้อคดิ เหน็ 32 1 1 เนอื้ หาสาระครอบคลุมชัดเจน (ความรูเ้ ก่ยี วกับเนื้อหา ความถกู ตอ้ ง ปฏิภาณในการตอบ และการแกไ้ ขปัญหาเฉพาะหน้า) 2 รปู แบบการนำเสนอ 3 การมีส่วนรว่ มของสมาชกิ ในกลุ่ม 4 บุคลกิ ลกั ษณะ กริ ยิ า ท่าทางในการพูด น้ำเสยี ง ซึ่งทำให้ผู้ฟังมีความ สนใจ รวม ผปู้ ระเมนิ ………………………………………………… เกณฑก์ ารให้คะแนน 1. เนื้อหาสาระครอบคลุมชัดเจนถกู ตอ้ ง 3 คะแนน = มสี าระสำคญั ครบถว้ นถกู ต้อง ตรงตามจุดประสงค์ 2 คะแนน = สาระสำคญั ไมค่ รบถ้วน แต่ตรงตามจดุ ประสงค์ 1 คะแนน = สาระสำคญั ไมถ่ กู ต้อง ไม่ตรงตามจุดประสงค์ 2. รปู แบบการนำเสนอ 3 คะแนน = มีรปู แบบการนำเสนอทเี่ หมาะสม มีการใชเ้ ทคนิคที่แปลกใหม่ ใชส้ ื่อและเทคโนโลยี ประกอบการ นำเสนอท่ีน่าสนใจ นำวัสดใุ นทอ้ งถนิ่ มาประยุกต์ใชอ้ ยา่ งคมุ้ ค่าและประหยัด 6 คะแนน = มีเทคนิคการนำเสนอท่ีแปลกใหม่ ใชส้ ื่อและเทคโนโลยีประกอบการนำเสนอทีน่ า่ สน ใจ แต่ ขาดการประยกุ ตใ์ ช้ วสั ดุในทอ้ งถิ่น 1 คะแนน = เทคนิคการนำเสนอไมเ่ หมาะสม และไมน่ า่ สนใจ 3. การมสี ว่ นร่วมของสมาชิกในกลุ่ม 3 คะแนน = สมาชิกทุกคนมบี ทบาทและมสี ว่ นรว่ มกจิ กรรมกล่มุ 2 คะแนน = สมาชิกส่วนใหญ่มบี ทบาทและมีส่วนร่วมกจิ กรรมกลุ่ม 1 คะแนน = สมาชกิ สว่ นน้อยมีบทบาทและมีสว่ นร่วมกจิ กรรมกล่มุ 4. ความสนใจของผู้ฟัง 3 คะแนน = ผฟู้ ังมากกวา่ รอ้ ยละ 90 สนใจ และใหค้ วามร่วมมือ 2 คะแนน = ผู้ฟงั รอ้ ยละ 70-90 สนใจ และใหค้ วามรว่ มมอื 1 คะแนน = ผู้ฟงั น้อยกวา่ ร้อยละ 70 สนใจ และใหค้ วามร่วมมือ แบบประเมนิ กระบวนการทำงานกล่มุ ชื่อกล่มุ ……………………………………………ชนั้ ………………………หอ้ ง........................... รายชอื่ สมาชิก 2……………………………………เลขท…่ี …. 1……………………………………เลขท…ี่ ….

3……………………………………เลขท…่ี …. 4……………………………………เลขท…่ี …. ที่ รายการประเมิน คะแนน ข้อคิดเห็น 1 การกำหนดเปา้ หมายรว่ มกนั 321 2 การแบ่งหน้าที่รบั ผิดชอบและการเตรียมความพร้อม 3 การปฏิบตั ิหน้าท่ที ี่ได้รับมอบหมาย 4 การประเมนิ ผลและปรับปรงุ งาน รวม ผู้ประเมนิ ………………………………………………… วนั ท…่ี ………เดอื น……………………..พ.ศ…………... เกณฑก์ ารให้คะแนน 1. การกำหนดเป้าหมายรว่ มกนั 3 คะแนน = สมาชิกทุกคนมีสว่ นร่วมในการกำหนดเป้าหมายการทำงานอย่างชดั เจน 2 คะแนน = สมาชกิ ส่วนใหญม่ สี ว่ นร่วมในการกำหนดเปา้ หมายในการทำงาน 1 คะแนน = สมาชิกส่วนน้อยมีส่วนรว่ มในการกำหนดเปา้ หมายในการทำงาน 2. การหนา้ ท่รี บั ผดิ ชอบและการเตรยี มความพร้อม 3 คะแนน = กระจายงานได้ทวั่ ถงึ และตรงตามความสามารถของสมาชิกทกุ คน มีการจัดเตรียมสถานท่ี ส่อื / อุปกรณไ์ ว้อยา่ งพรอ้ มเพรยี ง 2 คะแนน = กระจายงานได้ทั่วถงึ แตไ่ มต่ รงตามความสามารถ และมีส่อื / อุปกรณไ์ ว้อย่างพรอ้ มเพรยี ง แต่ขาด การจดั เตรียมสถานท่ี 1 คะแนน = กระจายงานไมท่ ว่ั ถงึ และมีส่อื / อุปกรณไ์ มเ่ พยี งพอ 3. การปฏิบัติหนา้ ทที่ ไี่ ดร้ บั มอบหมาย 3 คะแนน = ทำงานไดส้ ำเรจ็ ตามเป้าหมาย และตามเวลาที่กำหนด 2 คะแนน = ทำงานได้สำเรจ็ ตามเป้าหมาย แต่ช้ากวา่ เวลาที่กำหนด 1 คะแนน = ทำงานไม่สำเร็จตามเป้าหมาย 4. การประเมนิ ผลและปรบั ปรุงงาน 3 คะแนน = สมาชิกทกุ คนรว่ มปรึกษาหารอื ติดตาม ตรวจสอบ และปรับปรุงงานเป็นระยะ 2 คะแนน = สมาชิกบางสว่ นมสี ่วนรว่ มปรกึ ษาหารือ แตไ่ มป่ รับปรงุ งาน 1 คะแนน = สมาชิกบางส่วนมีสว่ นร่วมไม่มสี ว่ นร่วมปรึกษาหารือ และปรบั ปรุงงาน

หนว่ ยท่ี 6 การสรา้ งจุดเช่ือมโยง เฉลยใบงาน หนว่ ยท่ี 6 คำชี้แจง ใหน้ ักเรยี นตอบคำถามต่อไปน้ี 1. จงอธิบายการสร้างจดุ เชอื่ มโยง ตอบ การสรา้ งจุดเช่ือมโยง (Hyperlink) เปน็ การเชอื่ มโยงกนั จากจุดหน่ึงของเอกสารไปยงั อีกตำแหนง่ หนง่ึ ของเอกสารเดยี วกนั หรอื ต่างเอกสารกันบนอนิ เทอรเ์ น็ต โดยใชข้ อ้ ความ ภาพหรอื เมนูแบบดรอ็ ปดาวนอ์ ยา่ งใดอย่าง หน่ึงเพ่อื เป็นต้นทางในการเช่อื มโยงไปสู่เอกสารปลายทางซึ่งอาจเป็นจุดใดจุดหนง่ึ ในเอกสารเดยี วกัน (Named Anchor), เว็บเพจอื่น ๆ, เวบ็ ไซท์, อีเมล์,หรอื แมแ้ ต่ไฟล์ข้อมูลสำหรับดาวนโ์ หลดและการรนั ไฟลโ์ ปรแกรม เปน็ ตน้ 2. จงอธิบายข้นั ตอนการเชอื่ มโยงในหน้าเว็บเพจเดยี วกัน ตอบ • คลกิ ทีร่ ูปภาพ ตาราง หรอื ขอ้ ความที่ต้องการจะเปน็ จุดเปา้ หมาย • เลือกคำสั่ง Insert >> Name Anchor หรอื ใช้แป้ น < Ctrl > + < Alt > + < A > หรอื ใช้ เครือ่ งมอื บนกลุ่มเครื่องมือ Common จะได้หนา้ ตา่ ง Name Anchor • ตัง้ ชอื่ จดุ เป้ าหมาย • คลกิ OK จะปรากฏรปู สมอเรอื กำกับอย่ทู จ่ี ุดเป้ าหมาย 3. จงอธิบายข้นั ตอนการเชื่อมโยงไปยังเว็บไซตอ์ นื่ มาเปน็ ข้อ ๆ ตอบ การกำหนดการเชื่อมโยงไปยงั เวบ็ ไซตอ์ ่นื ๆ ที่เกี่ยวข้อง เพ่ือตอ้ งการใหผ้ ชู้ มศึกษาข้อมูลเพ่มิ เติม โดย มีวิธีการดังต่อไปน้ี 1. เลือกองคป์ ระกอบที่จะใช้สรา้ งไฮเปอรล์ ิงค์ เชน่ ข้อความหรือภาพ 2. พิมพ์ URL ของเว็บไซต์ปลายทาง เช่น http://www.google.co.th 3. เลอื กเฟรมเป้าหมายท่จี ะแสดงในเวบ็ เพจ 4. ทดสอบการเชือ่ มโยงโดยกดคยี ์ F12 เพ่อื ดกู ารแสดงผลจากเว็บบราวเซอร์ 4. จงบอกข้ันตอนในการออกแบบเวบ็ ไซตม์ าเป็นข้อ ๆ ตอบ การเชือ่ มโยงไปยังอเี มล์คือ การสรา้ งอเี มล์แอดเดรสของเราไว้สำหรับให้ผู้ตอ้ งการจะตดิ ต่อได้พิมพ์ จดหมายส่งมาไดท้ นั ทีโดยไม่ตอ้ งเสียเวลาพมิ พอ์ ีเมล์แอดเดรสอีก โดยปกติจะอยใู่ นเว็บเพจหนา้ “ตดิ ต่อบรษิ ทั ” หรอื “Contact Us” 1. เลือกขอ้ ความหรอื ภาพทจ่ี ะสร้างไฮเปอร์ลงิ คเ์ พื่อส่งอีเมล์ 2. พมิ พ์ mailto: อเี มลแ์ อดเดรส เชน่ mailto:[email protected] 3. ทดสอบการเชอ่ื มโยงโดยกดคีย์ เพ่ือจะเปดิ โปรแกรมอเี มล์ 4. คลิกปุ่ม เพอื่ จบการสรา้ งลงิ ค์เพือ่ สง่ อเี มล์

เฉลยแบบฝึกหัด หนว่ ยท่ี 6 1. การใชแ้ ปน้ < Ctrl > + < Alt > + < A > คือเลือกคำสง่ั ใด ตอบ ก. Insert >> Name Anchor 2. กดแปน้ <F12> เพือ่ อะไร ตอบ ข. ดผู ลดว้ ยเวบ็ บราวเซอร์ 3. ติดตอ่ บริษัท มีชื่อภาษาอังกฤษว่าอะไร ตอบ ค. Contact Us 4. สัญลกั ษณท์ ี่ใหค้ ือสญั ลกั ษณใ์ ด ตอบ ก. สำหรบั วาดพ้นื ทล่ี งิ ค์เปน็ ส่เี หลย่ี ม 5. สัญลักษณท์ ี่ให้คือสัญลกั ษณ์ใด ตอบ ก. สำหรับวาดพื้นท่ลี ิงค์เป็นวงกลม 6. สญั ลักษณท์ ี่ใหค้ อื สัญลักษณใ์ ด ตอบ ง. สำหรับวาดพนื้ ท่ีลงิ คเ์ ป็นหลายเหล่ยี ม 7. _blank คืออะไร ตอบ ง. เปน็ การเปิ ดเว็บเพจปลายทางในวินโดวสใ์ หม่ 8. _parent คืออะไร ตอบ ค. การแสดงเว็บเพจในเฟรมท่ีครอบอยใู่ นเฟรมปจั จบุ ัน 9. Visited Links คือขอ้ ใด ตอบ ข. เลอื กสีลงิ ค์ทถ่ี ูกชมไปแล้ว 10. Rollover Links คอื ข้อใด ตอบ ง. เลือกสลี งิ คเ์ มอ่ื ลากเมาสผ์ ่าน

เฉลยกจิ กรรมบรู ณาการอาเซยี น คำส่งั ใหน้ ักเรยี นโยงเสน้ ความสมั พนั ธ์ใหถ้ กู ตอ้ ง

บนั ทึกหลงั การสอน หนว่ ยท่ี 6 การสรา้ งจดุ เชื่อมโยง ผลการใช้แผนการสอน 16. เนอื้ หาสอดคลอ้ งกับจุดประสงค์เชงิ พฤติกรรม 17. กิจกรรมการสอนเหมาะสมกับเน้อื หาและเวลาท่ีกำหนด 18. สื่อการสอนเหมาะสมดี ผลการเรยี นของนกั เรียน 16. นักศึกษาส่วนใหญ่มีความเข้าใจในบทเรียน อภิปรายตอบคำถามในกลุ่ม และร่วมกันปฏิบัติ ใบงานทไี่ ดร้ ับมอบหมาย 17. นักศึกษากระตอื รือรน้ และรับผิดชอบในการทำงานกล่มุ เพอื่ ใหง้ านสำเร็จทนั เวลาทก่ี ำหนด 18. นักศกึ ษาสรา้ งจดุ เชอ่ื มโยงบนเวบ็ เพจได้ ผลการสอนของครู 13. สอนเน้อื หาได้ครบตามหลักสตู ร 14. แผนการสอนและวธิ กี ารสอนครอบคลมุ เนือ้ หาการสอนทำใหผ้ ู้สอนสอนได้อย่างม่นั ใจ 15. สอนทันตามเวลาทก่ี ำหนด

แผนการสอน/แผนการเรียนรภู้ าคทฤษฎี แผนการสอน/การเรียนรภู้ าคทฤษฎี หน่วยที่ 7 ชอ่ื วชิ า การสรา้ งเว็บไซต์ สอนสปั ดาหท์ ี่ 9-10 ชื่อหนว่ ย การสร้างเฟรม คาบรวม 40 ช่ือเรอื่ ง การสร้างเฟรม จำนวนคาบ 4 หวั ขอ้ เรือ่ ง ดา้ นความรู้ 10. การสรา้ งเฟรมเซต ดา้ นทกั ษะ 1. สร้างเฟรมเชต 2. จัดการกับเฟรมเชต 3. แก้ไขรายละเอยี ดเฟรม 4. สรา้ งเน้อื หาในเฟรม 5. บันทกึ เฟรม ด้านจิตพิสัย 6. เทคนคิ การสรา้ งเฟรมเซต ดา้ นคณุ ธรรม จรยิ ธรรม/บูรณาการเศรษฐกจิ พอเพียง 7. สรา้ งเฟรมเซตไดอ้ ยา่ งถูกต้องเหมาะสม สาระสำคญั เฟรมเซต (Frameset) คือ การแบ่งหน้าเว็บเพจออกเป็นพื้นที่หลาย ๆ ส่วน โดยแต่ละส่วนท่ีแยกออกไป จะเป็นอิสระไม่ขึ้นต่อกัน ตามปกตินิยมใช้เฟรมเพื่อแบ่งเนื้อหาบนหน้าจอเป็น 2 กลุ่ม เพื่อใช้แสดงหรือ เปรียบเทยี บขอ้ มลู สมรรถนะอาชพี ประจำหนว่ ย 5. สร้างเฟรมบนเว็บเพจ จดุ ประสงค์การสอน/การเรียนรู้

• จุดประสงคท์ ่ัวไป / บรู ณาการเศรษฐกิจพอเพียง 1. เพื่อให้มีความรู้เกีย่ วกบั การสาธิตการสร้างเฟรมเซต(ดา้ นความร)ู้ 2. เพื่อใหม้ ที กั ษะในการสรา้ งเฟรมเชต (ด้านทกั ษะ) 3. เพื่อใหม้ ีทกั ษะในการจัดการกับเฟรมเชต (ด้านทกั ษะ) 4. เพอ่ื ใหม้ ที กั ษะในการแกไ้ ขรายละเอยี ดเฟรม (ด้านทักษะ) 5. เพื่อให้มีทกั ษะในการสร้างเนอ้ื หาในเฟรม (ด้านทกั ษะ) 6. เพ่อื ให้มที กั ษะในการบันทึกเฟรม (ดา้ นทกั ษะ) 7. เพอื่ ให้มีเจตคตทิ ่ีดีตอ่ การผสมผสานเทคนคิ การสร้างเฟรมเซต (ด้านจติ พิสยั ) 8. เพ่ือสรา้ งเฟรมเซตได้อย่างถูกต้องเหมาะสม (ดา้ นคณุ ธรรม จริยธรรม) • จุดประสงคเ์ ชงิ พฤติกรรม / บูรณาการเศรษฐกจิ พอเพียง 1. สาธิตการสรา้ งเฟรมเซตได(้ ด้านความร)ู้ 2. สร้างเฟรมเชตได้ (ดา้ นทักษะ) 3. จดั การกับเฟรมเชตได้ (ดา้ นทักษะ) 4. แก้ไขรายละเอยี ดเฟรมได้ (ดา้ นทกั ษะ) 5. สร้างเน้ือหาในเฟรมได้ (ดา้ นทกั ษะ) 6. บนั ทกึ เฟรมได้ (ด้านทกั ษะ) 7. ผสมผสานเทคนิคการสร้างเฟรมเซตได้ (ด้านจติ พิสัย) 8. สรา้ งเฟรมเซตไดอ้ ย่างถกู ต้องเหมาะสม (ดา้ นคุณธรรม จรยิ ธรรม) เนื้อหาสาระการสอน/การเรียนรู้ • ด้านความรู้(ทฤษฎ)ี

เฟรมเซต (Frameset) คือ การแบ่งหน้าเวบ็ เพจออกเป็นพ้ืนทห่ี ลาย ๆ ส่วน โดยแต่ละส่วนท่แี ยกออกไป จะเปน็ อิสระไม่ขึ้นตอ่ กนั ตามปกตนิ ิยมใช้เฟรมเพอื่ แบ่งเนอ้ื หาบนหนา้ จอเป็น 2 กลมุ่ เพอ่ื ใชแ้ สดงหรือ เปรียบเทยี บขอ้ มลู เฟรมจะมี 2 รูปแบบ คือ เฟรมหลัก (Frameset) และเฟรมย่อย (Frame) 1. เฟรมหลกั (Frameset) คือ หน้าต่างเฟรมใหญท่ ี่สุด ทำหน้าท่ีคอยควบคมุ เฟรมยอ่ ยอีกทหี นงึ่ โดย กำหนดวา่ ในแต่ละส่วนชื่ออะไร มขี นาดและคุณสมบตั อิ ย่างไร เร่ิมตน้ ท่ตี ำแหนง่ ใด เปน็ ต้น 2. เฟรมยอ่ ย (Frame) หน้าต่างเฟรมที่ทำหนา้ ท่ีกำหนดชอื่ ของแต่ละเฟรม และกำหนดไฟล์เวบ็ เพจ ภายในเฟรมได้ 1. การสรา้ งเฟรมเซต การสรา้ งเฟรมเซตในโปรแกรม Adobe Dreamweaver CS5 สามารถทำได้ 2 วิธี มีขัน้ ตอนดงั น้ี 1. การใชแ้ บบสำเรจ็ เป็ นเฟรมเซตทโ่ี ปรแกรมไดอ้ อกแบบไว้เป็ นแบบสำเรจ็ รูปสามารถเลือกใช้ได้ งา่ ย ๆ จะมรี ูปแบบเฟรมเซตให้เลือกตามตอ้ งการ 1. คลกิ เมนู File 2. เลือก New หรอื กดป่มุ Ctrl+N 3. จะปรากฏหนา้ ตา่ ง New Document เลือก Page from Sample 4. ในส่วนของ Sample Folder เลอื ก Frameset 5. ในสว่ นของ Sample Page จะมีตัวเลือกของรปู แบบเฟรมให้เลือกตามต้องการ

6. คลกิ ปุ่ม Create จะปรากฏหน้าต่างใหเ้ ลือกต้งั ชื่อเฟรม 7. จะได้รูปแบบเฟรมตามทีเ่ ลอื ก

2. การออกแบบเฟรมเซตเอง เป็นการจัดรูปแบบเฟรมเซตตามท่ีตอ้ งการ 1. คลกิ ท่ี Visual Aids ดงั รูป 2. เลอื ก Frame Borders 3. ทเ่ี วบ็ เพจจะปรากฏเส้นขอบของเฟรมเซตข้นึ มา เลอ่ื นเมาส์ไปท่ีเสน้ ขอบของเฟรมเซต คลิก และลากเมาสเ์ พอ่ื สร้างเฟรมเซต ถ้าตอ้ งการจะดูรายละเอียดของเฟรมท้ังหมดให้เลือกคำส่ัง Window > Frames เพอื่ เรียกพาเนล Frames

2. การจัดการกบั เฟรมเซต หลงั จากทส่ี ร้างเฟรมเซตไว้เรียบร้อยแลว้ หากยังไม่ตรงตามที่ต้องการก็สามารถจัดการกับเฟรมเซตได้ ดังน้ี การปรบั ขนาดเฟรม ถ้าเฟรมมีขนาดใหญห่ รอื เลก็ เกนิ ไปสามารถปรับขนาดยอ่ หรอื ขยายได้ท้ังแนวต้งั และแนวนอน โดยคลิก ทเี่ ส้นขอบเฟรมและลากเมาส์ การเพิม่ เฟรม ถา้ เฟรมมีจำนวนไม่เพียงพอสามารถเพ่มิ จำนวนได้ โดยเลอื กคำสงั ่ Modify >> Frame set แล้วเลอื ก ลกั ษณะการแบ่งเฟรมเซต 4 ลักษณะ คือ ซ้าย ขวา บน และลา่ ง ถา้ เพ่ิมเฟรมด้วยเสน้ ขอบเฟรมให้กดแป้ น < Alt > กับลากเมาสท์ ี่เส้นขอบเฟรม

การลบเฟรม การลบเฟรมท่ีไมต่ อ้ งการ ให้คลิกทเี่ สน้ ขอบเฟรมท่ตี ้องการลบแลว้ ลากออกไปที่ขอบเฟรมด้านซ้าย ขวา บน หรือลา่ งกไ็ ด้ ถ้าไม่ได้บันทึกเฟรม จะมีกรอบใหบ้ นั ทึก เฟรมกจ็ ะหายไป 3. การแก้ไขรายละเอยี ดเฟรม เฟรมแต่ละเฟรมเป็นไฟล์ย่อย ๆ หนึ่งไฟล์ การแก้ไขรายละเอียดภายในเฟรมทำได้ 2 ลักษณะ คือ เฟรมหลัก และเฟรมย่อย การแก้ไขเฟรมหลัก คลิกเลือกเฟรมหลัก ถ้ามีหลายเฟรมและไม่แน่ใจว่าเฟรมใดเป็ นเฟรมหลัก ให้เปิดพาเนล Frames และคลกิ เลอื กเฟรมหลัก เลอื กปรบั รายละเอยี ดของเฟรมหลักที่ Properties Inspector 1. Borders กำหนดให้แสดงหรือไมแ่ สดงเส้นขอบ 2. Borders Width กำหนดความกว้างของเส้นขอบเฟรม คา่ 0 ไมม่ ีเสน้ 3. Border Color กำหนดสีของเส้นขอบเฟรม 4. Column กำหนดขนาดของแถวและคอลัมน์ เติมตัวเลขลงไปในช่อง Value และ เลือกหน่วยวดั เช่น pixels 5. Row Col Selection โครงสรา้ งของเฟรมเซต 6. บอกจำนวนแถวและคอลัมน์ภายในเฟรมเซต 7. ส่วนสำหรบั เลือกเฟรมเซต

การแกไ้ ขเฟรมยอ่ ย เฟรมย่อยเป็นเฟรมทุกเฟรมที่บรรจุในเฟรมหลัก มีชื่อเรียกต่าง ๆ กัน เช่น topframe mainframe ฯลฯ ซ่งึ สามารถแกไ้ ขรายละเอยี ดได้ ดังน้ี แกไ้ ขรายละเอยี ดเฟรมที่ Properties Inspector ดังน้ี 1. Frame name ตัง้ ชอื่ เฟรมย่อย ควรตั้งให้สือ่ ถงึ เฟรมหลกั 2. Src ตำแหน่งทีใ่ ช้บันทึกเว็บเพจของเฟรมนี้ 3. Borders แสดง/ซอ่ น เส้นขอบ 4. Scroll แสดง/ซอ่ น แถบเลอื่ นของเฟรมย่อย 5. No resize กำหนดใหใช้เมาส์ลากเพ่ือปรับขนาดเฟรมไดห้ รือไมไ่ ด้ 6. Border color กำหนดสีของเฟรม 7. Margin width กำหนดระยะห่างของเฟรมย่อยกบั เฟรมหลัก (กวา้ ง) Margin 8. height กำหนดระยะห่างของเฟรมยอ่ ยกับเฟรมหลกั (สูง) 9. ส่วนสำหรบั เลอื กเฟรมเซต 4. การสรา้ งเนอ้ื หาในเฟรม เฟรมเซตเปรียบเสมือนไฟล์งานหรือเว็บเพจแต่ละหน้าที่ซ้อนกันอยู่ในหนา้ เวบ็ เพจเดยี วกัน ดังนน้ั การสร้างเนื้อหาหรือออกแบบแต่ละเฟรมจึงเป็นอิสระจากกัน สามารถพิมพ์ข้อความ แทรกภาพ ตาราง และ ตกแตง่ เฟรมไดโ้ ดยไมก่ ระทบต่อเฟรมอ่นื การใสเ่ นือ้ หาในเฟรมแบง่ ออกเปน็ 2 ลักษณะ คือ สรา้ งเนอ้ื หาลงในเฟรมใหม่ และนำเนือ้ หาท่สี ร้าง ไวแ้ ล้วมาใสเ่ ฟรม ดงั น้ี สร้างเนอ้ื หาลงในเฟรมเซตใหม่ เมื่อได้เลือกเฟรมเซตหรือสร้างเฟรมเซตเสร็จแล้ว เช่น แบบ Fixed Top, Nested Left โดย กำหนดให้ Topframe เป็นส่วนหัวของบริษัท ประกอบด้วยชื่อและโลโก้ ส่วน Mainframe เป็นเนื้อหา รายละเอยี ดสนิ ค้า และส่วนดา้ นซา้ ยเปน็ ลิงค์ตา่ ง ๆ จะไดเ้ วบ็ เพจลกั ษณะดังนี้

นำเน้ือหาทสี่ รา้ งไวใ้ ส่เฟรมเซต เป็นการสร้างเนือ้ หาย่อยแตล่ ะเฟรมกอ่ น แล้วจึงนำมาประกอบเวบ็ เพจภายหลังมวี ธิ ีทำ ดงั นี้ • สรา้ งเฟรมงานตา่ ง ๆ ไวจ้ นครบ แลว้ บนั ทึกขอ้ มูล • สร้างเฟรมเซตตามจำนวนเฟรม แล้วกดแป้ น < Shift > + < F2 > เพื่อเรียกพาเนล Frames • คลิกทีไ่ อคอน ในชอ่ ง Src จะได้หนา้ ต่าง Select HTML file เลอื กเฟรมเซตทีต่ ้องการ • ทดลองแสดงผลเฟรมเซตตามท่ีออกแบบไว้บนเบราว์เซอร์ 5. การบันทึกเฟรม การบันทกึ เฟรมหลักและเฟรมยอ่ ยมีข้อแตกต่างกัน ดงั น้ี การบนั ทึกเฟรมหลัก ในการบนั ทกึ เฟรมหลกั (Frameset) มีข้นั ตอนดงั นี้

1. คลิกเมนู File 2. Save All 3. เลือกสถานท่เี กบ็ ไฟลจ์ ากช่อง Save in 4. พมิ พช์ ่อื ไฟล์ลงในช่อง File Name 5. คลกิ ปมุ่ Save เพอ่ื บันทึกเฟรม 6. การเชื่อมโยงเฟรมเซต การเชื่อมโยงเฟรมเซตมีประโยชน์มาก เพราะช่วยเลื่อนหน้าเว็บเพจให้แสดงผลข้อมูลได้ง่าย เช่น คลกิ ทแ่ี ทบ็ สนิ ค้าใหม่ เฟรมเซตด้านขวามอื จะแสดงผลสินคา้ ใหมใ่ หท้ ันที โดยมวี ิธกี ารเชอ่ื มโยง ดังน้ี 1. เลอื กข้อความท่ตี ้องการจะสร้างลงิ ค์ 2. คลิกปุ่ม ในช่อง Link ของ Properties Inspector

3. เลอื กเฟรมทีต่ ้องการจะเปน็ เป้าหมายการลงิ ค์ แล้วคลิก OK 4. กำหนดคุณสมบัติการแสดงผลจากช่อง Target เช่น เลือก Mainframe เพื่อให้ไฟล์ลิงค์ไวม้ า แทรกแทนเฟรม Mainframe 5. บันทึกไฟล์ และทดลองแสดงผลดว้ ยเบราวเ์ ซอร์ < F12 > • ด้านทกั ษะ+ดา้ นจติ พสิ ยั (ปฏิบัต+ิ ดา้ นจิตพสิ ัย) (จุดประสงคเ์ ชิงพฤตกิ รรมขอ้ ที่ 1-7)

1. ใบงานหนว่ ยท่ี 7 2. แบบฝกึ หัด หนว่ ยท่ี 7 3. กิจกรรมบูรณาการอาเซยี น • ดา้ นคณุ ธรรม/จริยธรรม/จรรยาบรรณ/บูรณาการเศรษฐกจิ พอเพยี ง (จุดประสงค์เชิงพฤตกิ รรมข้อท่ี 8) 1. สร้างเฟรมเซตได้อย่างถกู ตอ้ งเหมาะสม

กิจกรรมการเรียนการสอนหรอื การเรียนรู้ ขัน้ ตอนการสอนหรอื กิจกรรมของครู ขน้ั ตอนการเรยี นรู้หรอื กิจกรรมของนกั เรยี น 1. ขน้ั นำเข้าสบู่ ทเรยี น (15 นาที ) 1. ข้นั นำเขา้ สูบ่ ทเรียน (15 นาที ) 1. ผู้สอนให้ผู้เรียนอ่านสาระสำคัญของเอกสาร 1. ผู้เร ียน ศึก ษา สาร ะ สำคัญ ของ เอก สาร ประกอบการสอนวิชา การสร้างเว็บไซต์ หน่วยที่ 7 ประกอบการสอนวิชา การสร้างเว็บไซต์ หน่วยที่ 7 เรอ่ื ง การสรา้ งเฟรม หน้าที่ 121 เรื่อง การสร้างเฟรม หน้าท่ี 121 2. ผ้สู อนแจ้งจดุ ประสงคก์ ารเรยี นของหนว่ ยที่ 7 2. ผู้เรียนทำความเข้าใจเกี่ยวกับจุดประสงค์การ เรื่อง การสร้างเวบ็ ไซต์ เรียนของหน่วยท่ี 7 เรอ่ื ง การสรา้ งเวบ็ ไซต์ 3. ผู้สอนให้ผู้เรียนสาธิตการสร้างเฟรมเซตได้ 3. ผู้เรียนสาธิตการสร้างเฟรมเซตได้ และอธิบาย และอธิบายหน้าชั้นเรียนโดยครูเป็นผู้ให้คำแนะนำ หน้าชั้นเรียนโดยขอคำแนะนำจากผู้สอนหรือศึกษาจาก อยา่ งใกล้ชดิ เอกสารประกอบการสอนวิชา การสร้างเว็บไซต์ 2. ข้นั ใหค้ วามรู้ (225 นาที) 2. ขนั้ ให้ความรู้ (225 นาที ) 1. ผ้เู รยี นเปดิ เอกสารประกอบการสอนวชิ า การ 1. ผู้สอนให้ผู้เรยี นเปดิ เอกสารประกอบการสอน สรา้ งเวบ็ ไซต์ หนว่ ยที่ 7 เรอ่ื ง การสร้างเฟรม โดย วิชา การสร้างเว็บไซต์ หน่วยท่ี 7 เรอ่ื ง การสร้าง ผสู้ อนให้ผเู้ รียนศึกษาทำความเข้าใจด้วยตนเอง เฟรม โดยผู้สอนให้ผู้เรียนศึกษาทำความเข้าใจด้วย ตนเอง 2. ผเู้ รยี นสรา้ งเฟรมบนเว็บเพจ พรอ้ มจดบนั ทกึ 2. ผสู้ อนสร้างเฟรมบนเวบ็ เพจ 3. ผเู้ รยี นซกั ถามข้อสงสยั ท่ีเกิดขน้ึ 3. ผูส้ อนเปิดโอกาสให้ผเู้ รยี นถามปญั หา และขอ้ สงสัยจากเนื้อหา โดยครูเป็นผู้ตอบปัญหาที่เกิดขึ้น ระหว่างการเรยี นการสอน 3. ขั้นประยกุ ต์ใช้ ( 120 นาที ) 3. ขนั้ ประยุกตใ์ ช้ ( 120 นาที ) 1. ผเู้ รียนทำใบงานหนว่ ยท่ี 7 หนา้ ท่ี 135-136 1. ผู้สอนให้ผู้เรียนทำใบงานหน่วยที่ 7 หน้าที่ 135-136 2. ผู้สอนให้ผู้เรียนทำแบบฝึกหัด หน่วยที่ 7 2. ผูเ้ รียนทำแบบฝกึ หดั หน่วยที่ 7 หนา้ ที่ 137- 139 หนา้ ที่ 137-139 3. ผู้สอนให้ผู้เรียนสืบค้นข้อมูลจาก Web 3. ผเู้ รียนสบื คน้ ขอ้ มูลจาก Web Guide หน้าท่ี Guide หน้าที่ 134 หรือหาความรู้เพิ่มเติมจาก 134 หรอื หาความรูเ้ พิม่ เติมจากอนิ เทอร์เนต็ อินเทอรเ์ นต็

กิจกรรมการเรียนการสอนหรอื การเรยี นรู้ ข้ันตอนการสอนหรือกิจกรรมของครู ขน้ั ตอนการเรยี นรหู้ รือกิจกรรมของนักเรยี น 4. ขั้นสรปุ และประเมินผล ( 60 นาที ) 4. ขน้ั สรปุ และประเมนิ ผล ( 60 นาที ) 1. ผูส้ อนและผู้เรยี นรว่ มกันสรปุ เนอื้ หาท่ไี ด้เรยี น 1. ผู้สอนและผู้เรียนร่วมกันสรุปเนอ้ื หาท่ีได้เรยี นให้ ให้มีความเขา้ ใจในทิศทางเดยี วกนั มีความเขา้ ใจในทิศทางเดียวกัน 2. ผู้สอนให้ผเู้ รยี นทำกิจกรรมบูรณาการอาเซยี น 2. ผเู้ รียนทำกจิ กรรมบรู ณาการอาเซยี นหนา้ ท่ี หนา้ ที่ 140 140 3. ผ้สู อนให้ผ้เู รยี นศกึ ษาเพ่มิ เตมิ นอกหอ้ งเรียน 3. ผู้เรียนศึกษาเพิ่มเติมนอกห้องเรียน ด้วย ด้วยบทเรียนคอมพวิ เตอรช์ ่วยสอนที่จดั ทำขน้ึ บทเรยี นคอมพิวเตอร์ชว่ ยสอนทจ่ี ดั ทำขึ้น (บรรลจุ ดุ ประสงคเ์ ชงิ พฤติกรรมข้อท่ี 1-8) (บรรลุจุดประสงค์เชิงพฤติกรรมข้อที่ 1-8) (รวม 540 นาที หรอื 8 คาบเรียน)

งานที่มอบหมายหรือกิจกรรมการวดั ผลและประเมนิ ผล ก่อนเรยี น 1. จดั เตรียมเอกสาร สอื่ การเรยี นการสอนหนว่ ยท่ี 7 2. ทำความเข้าใจเกยี่ วกับจดุ ประสงคก์ ารเรยี นของหน่วยเรยี นที่ 7 และใหค้ วามร่วมมอื ในการทำ กิจกรรม ตา่ ง ๆ ขณะเรียน 19. ปฏิบตั ติ ามใบงานหน่วยท่ี 7 20. ปฏบิ ัตติ ามแบบฝึกหัด หนว่ ยท่ี 7 21. รว่ มกันสรุป “การสรา้ งเฟรม” หลงั เรยี น 1. ทำกจิ กรรมบูรณาการอาเซยี น คำถาม 1. เฟรมเซตคืออะไร และมีกรี่ ูปแบบ จงอธบิ าย 2. การสรา้ งเฟรมเซตมกี ่วี ธิ ี อะไรบ้าง จงอธิบาย 3. จงบอกขน้ั ตอนการบันทกึ เฟรมหลักมาเปน็ ขอ้ ๆ 4. จงบอกข้นั ตอนในการบันทึกเฟรมยอ่ ยมาเปน็ ข้อ ๆ ผลงาน/ชน้ิ งาน/ความสำเร็จของผูเ้ รยี น ใบงาน แบบฝึกหัด กิจกรรม สมรรถนะท่พี งึ ประสงค์

ผูเ้ รยี นสรา้ งความเขา้ ใจเก่ียวกบั การสร้างเฟรม 29. วเิ คราะห์และตคี วามหมาย 30. ตงั้ คำถาม 31. อภปิ รายแสดงความคิดเหน็ ระดมสมอง 32. การประยกุ ต์ความรูส้ ู่งานอาชพี สมรรถนะการปฏิบตั งิ านอาชพี 8. สรา้ งเฟรมบนเวบ็ เพจ สมรรถนะการขยายผล ความสอดคลอ้ ง จากการเรียน เรื่อง การสร้างเฟรม ทำให้ผู้เรียนมคี วามรู้เพิ่มเกี่ยวกับการเฟรมเซต (Frameset) ซึ่งการ แบ่งหนา้ เว็บเพจออกเป็นพ้ืนทหี่ ลาย ๆ ส่วน โดยแต่ละสว่ นที่แยกออกไปจะเป็นอิสระไม่ขึน้ ต่อกัน ตามปกตินิยมใช้ เฟรมเพื่อแบ่งเนอ้ื หาบนหน้าจอเปน็ 2 กลุ่ม เพ่ือใชแ้ สดงหรอื เปรยี บเทยี บข้อมลู สอื่ การเรยี นการสอน/การเรยี นรู้ สื่อส่งิ พิมพ์

26. เอกสารประกอบการสอนวชิ า การสรา้ งเวบ็ ไซต์ (ใช้ประกอบการเรียนการสอนจดุ ประสงค์เชงิ พฤติกรรมข้อท่ี 1-8) 27. ใบความรูท้ ี่ 7 เรอ่ื ง การสร้างเฟรม(ใช้ประกอบการเรียนการสอนขนั้ ให้ความรู้ เพ่อื ใหบ้ รรลุ จุดประสงค์เชงิ พฤติกรรมขอ้ ท่ี 1-8) 28. ใบงานที่ 7 เรอ่ื ง การสรา้ งเฟรม ข้นั ประยกุ ตใ์ ช้ 1 29. แบบฝึกหัด หน่วยที่ 7 ขนั้ ประยกุ ตใ์ ช้ ข้อ 2 30. กิจกรรมบูรณาการอาเซียน ข้ันสรปุ และประเมนิ ผล ขอ้ 2 31. แบบประเมนิ ผลงานตามใบงาน ใช้ประกอบการสอนขัน้ ประยกุ ตใ์ ช้ ข้อ 1-2 32. แบบประเมินพฤตกิ รรมการทำงาน ใช้ประกอบการสอนขั้นสรปุ ข้อ 2 สอ่ื โสตทศั น์ (ถ้าม)ี - ส่ือของจริง 1. การสร้างเฟรม (ใชป้ ระกอบการเรยี นการสอนจดุ ประสงค์เชิงพฤตกิ รรมขอ้ ที่ 1-8) แหล่งการเรียนรู้ ในสถานศึกษา 1. ห้องสมดุ วิทยาลยั เทคนคิ สมุทรสาคร

2. หอ้ งปฏิบตั ิการคอมพิวเตอร์ ศึกษาหาข้อมูลทางอินเทอรเ์ น็ต นอกสถานศกึ ษา ผู้ประกอบการ สถานประกอบการ ในท้องถนิ่ จงั หวัดสมทุ รสาคร การบูรณาการ/ความสมั พันธ์กับวชิ าอ่นื 15. บรู ณาการกบั วิชาชวี ติ และวัฒนธรรมไทย ดา้ นการพูด การอา่ น การเขยี น และการฝกึ ปฏบิ ัติตนทาง สงั คมด้านการเตรียมความพรอ้ ม ความรับผิดชอบ และความสนใจใฝ่รู้ 16. บรู ณาการกบั วชิ าพน้ื ฐานการสร้างเวบ็ ไซต์ การประเมินผลการเรียนรู้ • หลักการประเมนิ ผลการเรียนรู้ ก่อนเรียน ความรู้เบอ้ื งต้นกอ่ นการเรยี นการสอน

ขณะเรยี น 18. ตรวจใบงานหนว่ ยที่ 7 19. แบบฝึกหัด หน่วยที่ 7 20. สงั เกตการทำงาน หลังเรยี น 14. ตรวจกจิ กรรมบรู ณาการอาเซียน ผลงาน/ช้นิ งาน/ผลสำเรจ็ ของผูเ้ รยี น ใบงาน แบบฝึกหัด กิจกรรม

รายละเอยี ดการประเมนิ ผลการเรยี นรู้ • จดุ ประสงคเ์ ชงิ พฤตกิ รรม ข้อที่ 1 สาธติ การสรา้ งเฟรมเซตได้ 22. วธิ ีการประเมนิ : ทดสอบ 23. เครื่องมือ : แบบทดสอบ 24. เกณฑก์ ารให้คะแนน : สาธิตการสร้างเฟรมเซตได้ จะได้ 1 คะแนน • จดุ ประสงคเ์ ชงิ พฤติกรรม ข้อท่ี 2 สรา้ งเฟรมเชตได้ 22. วธิ ีการประเมิน : ทดสอบ 23. เครอื่ งมือ : แบบทดสอบ 24. เกณฑ์การใหค้ ะแนน : สรา้ งเฟรมเชตได้ จะได้ 2 คะแนน • จดุ ประสงคเ์ ชงิ พฤติกรรม ขอ้ ท่ี 3 จัดการกบั เฟรมเชตได้ 19. วิธกี ารประเมิน : ทดสอบ 20. เครอื่ งมอื : แบบทดสอบ 21. เกณฑ์การให้คะแนน : จัดการกบั เฟรมเชตได้ จะได้ 1 คะแนน • จดุ ประสงค์เชงิ พฤติกรรม ขอ้ ที่ 4 แกไ้ ขรายละเอียดเฟรมได้ 19. วธิ ีการประเมนิ : ทดสอบ 20. เครอื่ งมอื : แบบทดสอบ 21. เกณฑก์ ารใหค้ ะแนน : แก้ไขรายละเอียดเฟรมได้ จะได้ 1 คะแนน • จุดประสงคเ์ ชิงพฤตกิ รรม ขอ้ ที่ 5 สรา้ งเนือ้ หาในเฟรมได้ 1. วิธีการประเมนิ : ตรวจผลงาน 2. เครอ่ื งมือ : แบบประเมินกระบวนการทำงานกล่มุ 3. เกณฑก์ ารใหค้ ะแนน : สร้างเนอื้ หาในเฟรมได้ จะได้ 1 คะแนน • จดุ ประสงคเ์ ชิงพฤตกิ รรม ข้อที่ 6 บันทกึ เฟรมได้

1. วธิ ีการประเมนิ : ตรวจผลงาน 2. เครอ่ื งมอื : แบบประเมนิ กระบวนการทำงานกลุม่ 3. เกณฑ์การให้คะแนน : บนั ทึกเฟรมได้ จะได้ 1 คะแนน • จดุ ประสงค์เชิงพฤตกิ รรม ข้อที่ 7 ผสมผสานเทคนิคการสรา้ งเฟรมเซตได้ 10. วิธกี ารประเมิน : ตรวจผลงาน 11. เครอ่ื งมอื : แบบประเมินกระบวนการทำงานกลมุ่ 12. เกณฑ์การให้คะแนน : ผสมผสานเทคนิคการสร้างเฟรมเซตได้ จะได้ 1 คะแนน • จดุ ประสงค์เชิงพฤตกิ รรม ข้อที่ 8 สรา้ งเฟรมเซตได้อยา่ งถูกต้องเหมาะสม 1. วิธีการประเมิน : ตรวจผลงาน 2. เครื่องมือ : แบบประเมินกระบวนการทำงานกลุ่ม 3. เกณฑ์การให้คะแนน : สรา้ งเฟรมเซตได้อย่างถูกตอ้ งเหมาะสม จะได้ 2 คะแนน

ใบงานหน่วยท่ี 7 ตอนท่ี 1 ใหน้ ักเรียนตอบคำถามต่อไปนี้ 1. เฟรมเซตคอื อะไร และมีกรี่ ูปแบบ จงอธิบาย ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 2. การสรา้ งเฟรมเซตมกี ี่วิธี อะไรบา้ ง จงอธิบาย ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 3. จงบอกขัน้ ตอนการบันทกึ เฟรมหลักมาเป็นขอ้ ๆ ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... .....................................................................................................................................

..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... 4. จงบอกขน้ั ตอนในการบนั ทกึ เฟรมยอ่ ยมาเปน็ ขอ้ ๆ ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... ..................................................................................................................................... แบบฝกึ หดั หน่วยที่ 7 คำชแ้ี จง จงทำเครือ่ งหมาย (X) ลงหนา้ ข้อท่ีถกู ตอ้ ง

1. ขอ้ ใดคอื ควาหมายของเฟรมเซต (Frameset) ก. หนา้ ตา่ งเฟรมเล็กที่สุด ทำหน้าทค่ี อยควบคมุ เฟรมย่อยอีกทีหนึง่ ข. หน้าตา่ งเฟรมท่ที ำหน้าที่กำหนดชอื่ ของแต่ละเฟรม และกำหนดไฟล์เวบ็ เพจภายในเฟรมได้ ค. เป็นการแบ่งหนา้ เว็บเพจออกเป็นพน้ื ทห่ี ลาย ๆ ส่วน โดยแต่ละสว่ นที่แยกออกไปจะเปน็ อสิ ระไม่ ข้ึนต่อกัน ง. หนา้ ต่างเฟรมใหญ่ที่สดุ ทำหน้าที่คอยควบคมุ เฟรมยอ่ ยอีกทหี น่งึ 2. ขอ้ ใดไม่ใช่รูปแบบของเฟรม ก. เฟรมหน้า , เฟรมหลกั ข. เฟรมหลัก , เฟรมยอ่ ย ค. เฟรมหวั , เฟรมท้าย ง. ไมม่ ีข้อใดถกู 3. ข้อใดคือความหมายของเฟรมหลัก (Frameset) ก. หน้าตา่ งเฟรมเลก็ ท่สี ุด ทำหน้าที่คอยควบคุมเฟรมย่อยอกี ทีหนึ่ง ข. หนา้ ต่างเฟรมที่ทำหนา้ ท่ีกำหนดชือ่ ของแต่ละเฟรม และกำหนดไฟล์เวบ็ เพจภายในเฟรมได้ ค. เป็นการแบ่งหน้าเว็บเพจออกเป็นพืน้ ทหี่ ลาย ๆ ส่วน โดยแตล่ ะสว่ นทแ่ี ยกออกไปจะเปน็ อสิ ระไม่ ขน้ึ ตอ่ กัน ง. หนา้ ตา่ งเฟรมใหญท่ ี่สดุ ทำหนา้ ที่คอยควบคมุ เฟรมย่อยอกี ทหี นึ่ง 4. ขอ้ ใดคือความหมายของเฟรมย่อย (Frame) ก. หนา้ ตา่ งเฟรมเล็กท่ีสุด ทำหนา้ ทคี่ อยควบคุมเฟรมยอ่ ยอีกทีหน่งึ ข. หน้าตา่ งเฟรมท่ีทำหนา้ ที่กำหนดชือ่ ของแต่ละเฟรม และกำหนดไฟล์เวบ็ เพจภายในเฟรมได้ ค. เป็นการแบ่งหนา้ เว็บเพจออกเปน็ พื้นทหี่ ลาย ๆ ส่วน โดยแตล่ ะสว่ นที่แยกออกไปจะเป็นอิสระไม่ ขนึ้ ตอ่ กนั ง. หนา้ ต่างเฟรมใหญท่ ีส่ ดุ ทำหน้าท่ีคอยควบคุมเฟรมย่อยอีกทีหนงึ่ 5. ขอ้ ใดไม่ใช่วธิ ีทำในการออกแบบเฟรมเซตเอง ก. Visual Aids >> Frame >> Borders ข. View >> Visual Aids >> Frame >> Borders ค. View >> Visual Aids >> Frame ง. Frame >> Borders 6. ขอ้ ใดคอื วธิ กี ารเพ่ิมจำนวนเฟรม ก. Modify >> Frame set ข. Modify >> Frame

ค. Modify >> Set Frame ง. Modify >> Set 7. Borders คืออะไร ก. กำหนดความกว้างของเสน้ ขอบเฟรม คา่ 0 ไมม่ ีเส้น ข. กำหนดสขี องเส้นขอบเฟรม ค. กำหนดให้แสดงหรอื ไม่แสดงเส้นขอบ ง. กำหนดขนาดของคอลมั น์ เติมตัวเลขลงไปในช่อง Value และ เลอื กหนว่ ยวัด 8. Border Color คอื อะไร ก. กำหนดความกวา้ งของเสน้ ขอบเฟรม คา่ 0 ไม่มีเส้น ข. กำหนดสีของเสน้ ขอบเฟรม ค. กำหนดใหแ้ สดงหรอื ไม่แสดงเส้นขอบ ง. กำหนดขนาดของคอลัมน์ เติมตวั เลขลงไปในชอ่ ง Value และ เลอื กหนว่ ยวดั 9. Src คอื อะไร ก. กำหนดใหใ้ ช้เมาส์ลากเพอื่ ปรับขนาดเฟรมไดห้ รอื ไมไ่ ด้ ข. แสดง/ซอ่ น แถบเลือ่ นของเฟรมย่อย ค. กำหนดใหแ้ สดงหรือไมแ่ สดงเสน้ ขอบ ง. ตำแหนง่ ที่ใช้บนั ทึกเว็บเพจของเฟรมน้ี 10. Scroll คอื อะไร ก. กำหนดใหใ้ ช้เมาส์ลากเพอื่ ปรับขนาดเฟรมได้หรือไม่ได้ ข. แสดง/ซอ่ น แถบเลอ่ื นของเฟรมยอ่ ย ค. กำหนดให้แสดงหรือไมแ่ สดงเส้นขอบ ง. ตำแหน่งทีใ่ ชบ้ ันทึกเวบ็ เพจของเฟรมน้ี กิจกรรมบรู ณาการอาเซยี น คำสงั ่ ให้นกั เรยี นโยงเส้นความสมั พนั ธ์ใหถ้ กู ต้อง