1
คูมือแผนการสอน
หลกั สูตรประกาศนยี บัตรวิชาชพี (ปวช.) พุทธศกั ราช 2545
(ปรบั ปรงุ พ.ศ. 2546)
ประเภทวชิ าพาณชิ ยกรรม
รหัสวิชา รหสั วิชา 2201-2414 วชิ า การสรา งเวบ็ เพจ(ดว ยภาษHTML)
คาํ เตือน
สงวนลขิ สทิ ธติ์ ามกฏหมาย หากผสู อนมคี วามจําเปน ในการจดั ทําแผนการจดั การเรยี นรู เพอ่ื พฒั นา
ศักยภาพการเรยี นรูแกเ ยาวชน ใหมคี ณุ ภาพของประเทศชาติ กรณุ าปรบั เน้อื หาใหเหมาะสมกบั หลกั สตู ร
มาตรฐานการเรยี นรู และแผนจดั การเรยี นรู ตามความเหมาะสมของสถานศกึ ษา
2
แผนจดั การเรยี นรแู บบบรู ณาการ
ช่อื รายวิชา การสรางเวบ็ เพจ(ดว ยภาษา HTML) รหัสวชิ า 2201-2414
หมวดวขิ าชพี วชิ าชพี สาขางาน สาขางานคอมพวิ เตอรธ รุ กจิ ประเภทวชิ าพาณชิ ยกรรม
ประกาศนยี บตั รวชิ าชีพ (ปวช.)
จาํ นวน 2 หนว ยกจิ 4 ชวั่ โมง/สปั ดาห รวม 68 ชวั่ โมง
---------------------------------------------------------------------------------------------------------------------
จุดประสงครายวชิ าเพือ่ ให
1. เขา ใจกระบวนการและโครงสรา งการทาํ งานของเวบ็ เพจเบื้องตน
2. เขาใจโครงสรางและไวยกรณของโปรแกรมและภาษา หรือ หรือกระบวนการการใช
เครือ่ งมือการสรางเวบ็ เพจ
3. สามารถออกแบบและกําหนดสวนประกอบทจ่ี าํ เปน ของเวบ็ เพจไดถกู ตองและเหมาะสม
4. มที กั ษะในการใชโปรแกรมภาษาหรือโปรแกรมสาํ เรจ็ รปู สาํ หรับสรางเวบ็ เพจ
5. มีกจิ นิสยั และสงเสรมิ คุณธรรม จรยิ ธรรม คา นยิ มทีด่ ี ในการใชคอมพวิ เตอร
มาตรฐานรายวชิ า
1. อธบิ ายความหมายและโครงสรา งไวยากรณของการเขียนเว็บเพจ
2. ออกแบบสวนประกอบของเว็บเพจ
3. สรางสรรคเ ว็บเพจดวยโปรแกรมภาษาหรอื โปรแกรมสําเรจ็ รูป
คําอธบิ ายรายวชิ า
ใหเลอื กเรยี นจากโปรแกรมภาษาหรือเคร่ืองมอื 1 ภาษา ตอ ไปนี้
1. ภาษา HTML 2. ภาษา XML
3. ภาษา JAVA 4. ภาษา PHP
5. โปรแกรมชวยสรางเว็บเพจสําเร็จรูปตามความตองการขององคกรโดยใหครอบคลุม
สาระสาํ คญั ตอ ไปน้ี
ศึกษาและปฏิบัติเก่ียวกับระบบการทํางานของเว็บเพจ ระบบ Hyper Link การออกแบบเว็บเพ
จเบอื้ งตน การสรางเวบ็ เพจดวยโปรแกรมภาษาหรือโปรแกรมสําเร็จรูป การทดสอบการทํางานของเว็บ
เพจ การ Upload เว็บเพจ
สารบญั 3
เร่อื ง
ตารางวเิ คราะหคําอธิบายรายวชิ า หนา
ตารางวิเคราะหก ารประเมินผลตามสภาพจริง 5
แผนจัดการเรยี นรู 6
หนว ยการเรียนรู 8
กิจกรรมการเรียนรู 12
แผนจดั การเรยี นรู เร่อื ง เริม่ ตน กบั การสรางเวบ็ เพจ 16
เฉลยแบบฝกหดั หนวยที่ 1 21
แผนจัดการเรียนรู เร่ือง เร่มิ ตนกับ HTML และ XHTML 28
เฉลยแบบฝกหดั หนวยท2่ี 33
แผนจัดการเรียนรู เรอ่ื ง การจดั วางเนอ้ื หาบนเวบ็ 40
เฉลยแบบฝก หัด บทที่ 3 45
แผนจดั การเรยี นรู เร่อื ง การจดั การขอ ความ 51
เฉลยแบบฝกหดั บทที่ 4 55
แผนจดั การเรียนรู เร่อื ง การใชล สิ ตสรางรายการ 61
เฉลยแบบฝกหดั หนวยท่ี 5 66
แผนจดั การเรยี นรู เร่อื งเช่อื มโยงเว็บเพจดวยลงิ ค 73
เฉลยแบบฝก หดั บทท่ี 6 79
แผนจดั การเรียนรู เรอ่ื ง การจัดขอมูลใหเ ปนสัดสวนดวยตาราง 85
เฉลยแบบฝก หัด หนว ยที่ 7 91
แผนจัดการเรียนรู เร่อื งแตงเตมิ เวบ็ เพจดวยกราฟก 98
เฉลยแบบฝก หัด หนวยที่ 8 102
แผนจัดการเรยี นรู เร่อื งแบง หนา จอโดยใชเฟรม 108
เฉลยแบบฝก หัด หนวยที่ 9 113
แผนจดั การเรยี นรู เรื่องการสรางฟอรม 120
เฉลยแบบฝกหัด หนวยที่ 10 125
แบบประเมนิ คณุ ธรรมจริยธรรม (ผเู รยี นประเมินตนเอง) 132
แบบประเมินสาระการเรียนรู (ผูเรยี นประเมินตนเอง) 138
139
เรือ่ ง 4
แบบประเมินคุณธรรมจริยธรรม(ผูส อนประเมินผูเรยี น)
แบบประเมนิ สาระการเรียนรู(ผสู อนประเมนิ ผเู รยี น) หนา
แบบสอบถามความพึงพอใจ/ความคดิ เห็นตอสื่อการสอน 140
141
142
5
ตารางวเิ คราะหค ําอธิบายรายวชิ า
ชือ่ วชิ า การสรา งเวบ็ เพจ (ดว ยภาษา HTML) รหัสวชิ า 2201-2414 จํานวน 2 หนว ยกติ
ระยะเวลาเรียน 17 สปั ดาห จํานวน 4 ช่วั โมง / สัปดาห รวมจาํ นวน 68 ชวั่ โมง
ลําดบั ชือ่ หนว ยการเรียนรู พฤตกิ รรมทคี่ าดหวังตอ การเรยี นการสอน 1 คร้งั
ที่ ความรู ทกั ษะ จติ พิสัย รวม(ชม.)
1 เริ่มตนกบั การสรา งเวบ็ เพจ 12 1 4
2 เริม่ ตนกับ HTML และ XHTML 12 1 4
3 การจัดวางเน้อื หาบนเวบ็ 12 1 4
4-5 การจดั การขอความ 24 2 8
6-7 การใชล สิ ตส รา งรายการ 24 2 8
8-9 เชื่อมโยงเว็บเพจดว ยลงิ ค 24 2 8
10-11 การจดั ขอมลู ใหเ ปน สัดสวนดวยตาราง 2 4 2 8
12-13 แตงเตมิ เว็บเพจดว ยกราฟก 24 2 8
14-15 แบง หนาจอโดยใชเ ฟรม 24 2 8
16-17 การสรา งฟอรม 24 2 8
18 การประเมินผลการเรียน
รวม 68
6
ตารางวเิ คราะหการประเมินผลตามสภาพจรงิ
หนว ยท่ี จดุ ประสงคก ารเรยี นรู เครอ่ื งมือวดั ผล คะแนน หมายเหตุ
1.
2. ขอสอบอัตนยั 2 จุดประสงคก าร
3. แบบประเมิน 2 เรยี นรูทีไ่ มผ า น
ครูผสู อน
4.
5. แบบประเมนิ 2 มอบหมายงาน
6. เพ่ิมเตมิ เพอ่ื
7.
8. แบบประเมนิ 2 เปน การพัฒนา
แบบประเมิน ความรแู ละ
9. แบบประเมิน
10. 2 ทบทวน
2 บทเรยี นของ
แบบประเมิน 2 ผเู รยี น หาก
แบบประเมนิ 2 พบวายังไม
ผา น
แบบประเมิน 2 จุดประสงคการ
แบบประเมนิ เรยี นรูอ ีก จดั
2 สอนซอมเสรมิ
ให
7
คมู ือครู และ Course Syllabus
1. รหสั วชิ า 2201-2414 ชือ่ วชิ า การสรา งเว็บเพจ (ดวยภาษา HTML) ระดบั ช้นั ปวช.
2. ผูส อน …………………………………………………………………………………………
3. จุดประสงครายวชิ าเพ่อื ให
1. เขาใจกระบวนการและโครงสรางการทาํ งานของเว็บเพจเบ้อื งตน
2. เขาใจโครงสรางและไวยกรณของโปรแกรมและภาษา หรือ หรือกระบวนการการใช
เครือ่ งมือการสรา งเว็บเพจ
3. สามารถออกแบบและกาํ หนดสว นประกอบทจ่ี ําเปนของเว็บเพจไดถูกตองและเหมาะสม
4. มที กั ษะในการใชโปรแกรมภาษาหรือโปรแกรมสําเรจ็ รปู สาํ หรบั สรา งเวบ็ เพจ
5. มีกจิ นิสยั และสงเสริมคุณธรรม จริยธรรม คา นิยมทดี่ ี ในการใชคอมพวิ เตอร
4. มาตรฐานรายวิชา
1. อธบิ ายความหมายและโครงสรา งไวยากรณของการเขยี นเว็บเพจ
2. ออกแบบสวนประกอบของเวบ็ เพจ
3. สรางสรรคเวบ็ เพจดว ยโปรแกรมภาษาหรอื โปรแกรมสาํ เร็จรูป
5. คําอธบิ ายรายวิชา
ใหเลือกเรยี นจากโปรแกรมภาษาหรือเคร่ืองมอื 1 ภาษา ตอไปนี้
1. ภาษา HTML 2. ภาษา XML
3. ภาษา JAVA 4. ภาษา PHP
5. โปรแกรมชวยสรางเว็บเพจสําเร็จรูปตามความตองการขององคกรโดยใหครอบคลุม
สาระสาํ คัญตอไปนี้
ศึกษาและปฏิบัติเก่ียวกับระบบการทํางานของเว็บเพจ ระบบ Hyper Link การออกแบบเว็บเพ
จเบื้องตน การสรา งเวบ็ เพจดว ยโปรแกรมภาษาหรือโปรแกรมสําเร็จรูป การทดสอบการทํางานของเว็บ
เพจ การ Upload เว็บเพจ
8
6. แผนจัดการเรยี นรู กิจกรรม
สัปดาหท่ี หนว ยการเรียนร/ู เนอ้ื หา - ทดสอบความรูพ้นื ฐานของ
1 บทท่ี 1 เรมิ่ ตนกับการสรางเว็บเพจ
นักศึกษาโดยการต้ังคําถาม
- เว็บเพจคืออะไร กอนเรยี น
- ประโยชนข องเวบ็ เพจ - บรรยาย
- เว็บเพจทํางานไดอ ยา งไร - อธิบายพรอมยกตัวอยา ง
- คําศพั ทพ ืน้ ฐานเก่ยี วกบั การสรางเว็บเพจ - ถามตอบ
- โปรแกรมที่ใชส รา งเวบ็ เพจ - สรปุ บทเรียน
- หลักการออกแบบเวบ็ ไซต - แบบฝก หดั /ทดสอบ
- การออกแบบโครงสรางเว็บไซต
- ข้นั ตอนการสรางเวบ็ ไซต - ทดสอบความรพู น้ื ฐาน
2 บทท่ี 2 เริ่มตน กับ HTML และ XHTML - บรรยาย
- รจู กั กับ HTML - ใหนศ.จัดกลุมวิเคราะห
- ลักษณะของ HTML
- ลกั ษณะของภาษา HTML ความแตกตางระหวาง
- โครงสรางของภาษา HTML XHTML กับ HTML แลว
- เครื่องมือทใี่ ชสรา งเอกสาร HTML ออกมาอภิปรายหนา ช้ัน
- ทดลองเขียนเวบ็ เพจแรกดว ย HTML - ครูคอยเสนอแนะและให
- XHTML ภาษามาตรฐานใหมทีม่ าแทน HTML คาํ แนะนําทถ่ี กู ตอ ง
- รจู กั กบั ภาษา XHTML - ครูอธิบายพรอมให นศ.
- สรุปขอดีของ XHTML ทาํ ไปพรอ มๆกนั
- กฏเกณฑพ ้ืนฐานในการเขียนภาษา XHTML - สรปุ บทเรียน
- ตวั อยา งการเขยี นเอกสารภาษา XHTML - แบบฝกหัด / ทดสอบ
3 บทท่ี 3 การจัดวางเนือ้ หาบนหนาเว็บ - บรรยาย
- การตดั คาํ ดวย<br>และ<p> - อธบิ ายพรอมยกตวั อยาง
- การวางตําแหนงขอ ความ - ให นศ. ทดลองทาํ
- การจดั รูปแบบเอกสาร - ครคู อยใหคาํ แนะนํา
- การสรางเสน คน่ั - ถาม ตอบ
- การเพิ่มหมายเหตุ - สรุปบทเรยี น
9
- แบบฝกหัด / ทดสอบ
4-5 บทท่ี 4 การจดั การขอความ - บรรยาย
- กาํ หนดรปู แบบขอ ความทเี่ ปน หัวเร่ือง - สมุ ถาม
- กําหนดลกั ษณะตัวอักษร - อธิบายพรอมยกตัวอยาง
- ปรบั เปลีย่ นขนาดตวั อกั ษร
- การกาํ หนดแบบตวั อักษร แ ล ะ ใ ห น ศ . ทํ า ต า ม
- การใชสีในเว็บเพจ พรอ มๆกนั
- กําหนดสีพ้นื และสีตวั อักษร - ถาม ตอบ
- สรปุ บทเรยี น
6-7 บทที่ 5 การใชลิสตสรา งรายการ - แบบฝกหดั / ทดสอบ
- การสรา งลสิ ตแ บบไมมีลาํ ดับ
- การสรางลสิ ตแ บบมลี าํ ดบั - บรรยาย
- การสรา งลสิ ตแ บบเมนู - ซักถาม
- การสรา งลิสตแ บบไดเร็กทอรีลิสต - อธิบายยกตัวอยางและให
- การสรางลิสตจ ํากดั ความ
- การสรางลสิ ตซ อ นกัน นศ. ทําไปพรอมๆกนั
- ครูคอยใหคาํ แนะนาํ
8-9 บทที่ 6 เช่อื มโยงเว็บเพจดวยลิงค - ถามตอบ
- การสรางลิงค - สรุปบทเรยี น
-ใชภาพเปน ลิงค - แบบฝกหดั / ทดสอบ
- การลงิ คไ ปยังไฟล
- การสรางลิงคเพอ่ื สง อเี มล - ทดสอบความรูพ้ืนฐาน
- การกาํ หนดสขี องลิงค เก่ียวกบั ลงิ ค
- การทาํ Image map
- บรรยาย
- อธบิ ายพรอ มยกตวั อยาง
- ให นศ. ลองทาํ
- ครูคอยใหคาํ แนะนาํ
- ถาม ตอบ
10
- สรา งลิงคแบบ Rollover - สรุปบทเรยี น
- แบบฝก หัด /ทดสอบ
10-11 บทท่ี 7 จดั ขอ มลู ใหเปนสดั สวนดว ยตาราง - อธิบาย
- ประพจน และประโยค - บรรยาย
- การเชื่อมประพจน - ยกตัวอยา งพรอมแสดงวิธี
- การเขยี นตารางคา ความจริง ทําและให นศ. ทําตามไป
- การหาคา ความจริงของประพจน พรอมๆกนั
- ประพจนทีส่ มมูลกนั - ครูคอยใหคําแนะนํา
- การพิสูจน - บรรยาย / สรุป
- การใหเหตแุ ละผล - แบบฝก หัด / ทดสอบ
12-13 บทท่ี 8 แตง เติมเว็บเพจดว ยกราฟก - บรรยาย
- ภาพกราฟก ชนิดตางๆ - อธิบาย
- แสดงภาพบนเวบ็ - ใ ห น ศ . ย ก ตั ว อ ย า ง
- การใสขอ ความกาํ กับภาพ ภาพกราฟกชนิดตางๆที่
- การปรบั ขนาดรูปภาพ เหมาะสมกับการสราง
- การจดั ตําแหนง รปู ภาพ เว็บเพจ
- แสดงภาพเปนฉากหลงั - ครูแสดงวิธีทําพรอมให
นศ. ทําตาม
- ครูใหคาํ แนะนาํ
- สรปุ บทเรียน
- แบบฝก หัด / ทดสอบ
14-15 บทที่ 9 แบง หนาจอโดยใชเฟรม - อธิบาย
- การสรา งเฟรม - บรรยาย
- การกําหนดลกั ษณะของกรอบเฟรม - อธิบายพรอมยกตัวอยาง
- การกําหนดชองวางระหวางเว็บเพจกับเฟรมและ และแสดงวิธีทําให นศ.
เน้ือหากับเว็บเพจ ทาํ ตาม
- การแทรกเฟรมภายในเวบ็ เพจ - ครใู หคําแนะนาํ
- ถาม ตอบ
11
- สรุปบทเรียน
- แบบฝกหัด / ทดสอบ
16-17 บทท่ี 10 การสรา งแบบฟอรม - บรรยาย
- เขาใจรูปแบบการทํางานของฟอรมและ CGI - อธิบาย
- การสรา งฟอรม - บรรยาย
- อุปกรณใ นการรับขอ มูล - สุมถาม ตอบ
- ตัวเลอื กรายการ - ให นศ. ออกมาอภิปราย
- ตวั เลอื กแบบจดั กลมุ ถึงรปู แบบการทํางานของ
- ตวั เลือกรายการแบบหลายบรรทดั ฟอรม และ CGI
- การจัดแบง ฟอรม - ครูคอยใหคําแนะนําท่ี
ถกู ตอ ง
- อธิบายพรอมยกตัวอยาง
ใ ห น ศ . ทํ า ต า ม ไ ป
พรอ มๆกัน
- ครคู อยใหคาํ แนะนาํ
- ถาม ตอบ
- สรปุ บทเรียน
- แบบฝกหดั / ทดสอบ
18 ประเมินผลผเู รยี น
12
หนวยการเรยี นรู
ช่อื วชิ า การสรา งเว็บเพจ (ดว ยภาษา HTML) รหสั วชิ า 2201-2414
รวม 4 ชว่ั โมง / สปั ดาห
ครงั้ ที่ หนว ยท่ี ชอื่ หนวยการเรียนรู จาํ นวนช่วั โมง
1 1 เริม่ ตน กบั การสรางเว็บเพจ 4
สาระสาํ คัญ
- เวบ็ เพจคืออะไร
- ประโยชนของเว็บเพจ
- เวบ็ เพจทาํ งานไดอ ยา งไร
- คําศพั ทพื้นฐานเกย่ี วกับการสรางเว็บเพจ
- โปรแกรมทใี่ ชสรา งเว็บเพจ
- หลักการออกแบบเว็บไซต
- การออกแบบโครงสรางเว็บไซต
- ข้นั ตอนการสรางเว็บไซต
- แบบฝกหดั หลงั เรียน
2 2 เร่มิ ตนกบั HTML และ XHTML 4
สาระสาํ คัญ
- รูจกั กับ HTML
- ลกั ษณะของ HTML
- ลักษณะของภาษา HTML
- โครงสรางของภาษา HTML
- เครื่องมอื ที่ใชสรางเอกสาร HTML
- ทดลองเขยี นเวบ็ เพจแรกดวย HTML
- XHTML ภาษามาตรฐานใหมท ี่มาแทน HTML
- รูจ ักกับภาษา XHTML
- สรปุ ขอ ดขี อง XHTML
- กฏเกณฑพน้ื ฐานในการเขยี นภาษา XHTML
- ตัวอยา งการเขยี นเอกสารภาษา XHTML
- แบบฝกหัดหลงั เรยี น
13
หนว ยการเรียนรู
ช่อื วชิ า การสรางเวบ็ เพจ (ดวยภาษา HTML) รหัสวิชา 2201-2414
รวม 4 ชัว่ โมง / สัปดาห
คร้ังที่ หนวยท่ี ชือ่ หนวยการเรียนรู จํานวนช่วั โมง
3 3 การจัดวางเน้ือหาบนหนา เว็บ 4
สาระสําคัญ
- การตดั คําดว ย<br>และ<p>
- การวางตําแหนงขอความ
- การจดั รปู แบบเอกสาร
- การสรา งเสน คัน่
- การเพม่ิ หมายเหตุ
- แบบฝก หดั หลังเรียน
4-5 4 การจัดการขอ ความ 8
สาระสําคัญ
- กําหนดรปู แบบขอความทเ่ี ปน หัวเรอื่ ง
- กําหนดลักษณะตัวอกั ษร
- ปรบั เปลี่ยนขนาดตวั อักษร
- การกาํ หนดแบบตวั อกั ษร
- การใชส ใี นเว็บเพจ
- กาํ หนดสพี ้ืนและสีตวั อกั ษร
- แบบฝก หัดหลังเรียน
14
6-7 5 การใชล สิ ตส รางรายการ 8
สาระสําคัญ
- การสรา งลสิ ตแบบไมม ีลาํ ดบั
- การสรางลิสตแ บบมีลาํ ดับ
- การสรางลิสตแบบเมนู
- การสรา งลสิ ตแบบไดเร็กทอรีลสิ ต
- การสรางลสิ ตจํากดั ความ
- การสรางลิสตซอ นกนั
- แบบฝก หดั หลงั เรยี น
หนวยการเรยี นรู
ชือ่ วชิ า การสรา งเว็บเพจ (ดว ยภาษา HTML) รหัสวิชา 2201-2414
รวม 4 ชั่วโมง / สัปดาห
ครง้ั ที่ หนวยท่ี ชอ่ื หนว ยการเรยี นรู จาํ นวนช่วั โมง
8-9 6 เช่อื มโยงเวบ็ เพจดว ยลิงค (Link) 8
สาระสาํ คญั
- การสรางลงิ ค
-ใชภาพเปนลิงค
- การลงิ คไปยงั ไฟล
- การสรา งลิงคเ พ่ือสง อเี มล
- การกําหนดสีของลงิ ค
- การทํา Image map
- สรา งลงิ คแ บบ Rollover
- แบบฝกหดั หลังเรยี น
15
10-11 7 จดั ขอมูลใหเปน สัดสวนดวยตาราง 8
สาระสําคญั
- การสรางตาราง
- การใสหัวขอ
- การกําหนดขอความกาํ กบั ใหตาราง
- ความหนาของเสนตารางและความหนาของชองเซลล
- ปรับความกวางและความสงู ของตาราง
- ใสสใี หกับเซลลแ ละตาราง
- ใสร ูปภาพใหก บั พนื้ หลงั ของตาราง
- การซอนตาราง
- การแบงสว นตาราง
- แบบฝก หดั หลังเรียน
หนวยการเรียนรู
ชื่อวชิ า การสรา งเว็บเพจ (ดว ยภาษา HTML) รหัสวิชา 2201-2414
รวม 4 ช่ัวโมง / สปั ดาห
ครงั้ ท่ี หนว ยที่ ชือ่ หนวยการเรยี นรู จาํ นวนช่วั โมง
12-13 8 แตง เติมเวบ็ เพจดว ยกราฟก 8
สาระสําคญั
- ภาพกราฟกชนิดตางๆ
- แสดงภาพบนเว็บ
- การใสข อ ความกํากับภาพ
- การปรบั ขนาดรูปภาพ
- การจดั ตําแหนง รปู ภาพ
- แสดงภาพเปน ฉากหลงั
- แบบฝก หัดหลังเรียน
14-15 9 แบงหนาจอโดยใชเฟรม 8
สาระสําคัญ
16
- การสรา งเฟรม
- การกําหนดลักษณะของกรอบเฟรม
- การกําหนดชองวางระหวางเว็บเพจกับเฟรมและ
เนื้อหากบั เว็บเพจ
- การแทรกเฟรมภายในเว็บเพจ
- แบบฝกหดั หลงั เรยี น
16-17 10 การสรางแบบฟอรม 8
สาระสาํ คัญ
- เขาใจรปู แบบการทาํ งานของฟอรมและ CGI
- การสรางฟอรม
- อุปกรณในการรับขอมลู
- ตัวเลอื กรายการ
- ตวั เลือกแบบจดั กลมุ
- ตวั เลอื กรายการแบบหลายบรรทัด
- การจดั แบงฟอรม
- แบบฝก หดั หลงั เรยี น
7. กิจกรรมการเรียนรู
7.1 กิจกรรมครู
7.1.1 จัดเตรียมเอกสาร หนังสืออางอิง ส่ือการเรียนท้ังสื่อโสตทัศน ส่ือส่ิงพิมพ ตัวอยางแฟม
สะสมผลงานของผเู รยี น
7.1.2 นําเขาสูบทเรียนโดยการประเมินผูเรียนที่หลากหลาย เชน ถามความรูพื้นฐานทั้งหอง
หรอื ทาํ แบบฝกหดั เรียน
7.1.3 การใหขอมูลหรือการสอน โดยผูสอนใหผูเรียนศึกษาจากใบความรู แบบฝกหัด สรุป
สาระการเรียนรูประจําหนวยการเรียน ตัวอยางแฟมสะสมผลงานรุนพ่ี หรือชุดการเรียน ส่ือโสตทัศน
แลวทําแบบฝกหดั หากยงั ทําไดไมครบใหทบทวนบทเรยี นใหผ เู รยี นใหม
17
7.1.4 สังเกต บนั ทึกพฤตกิ รรมผูเ รยี นขณะศกึ ษาบทเรยี น คอยชว ยเหลอื ใหคําแนะนําเมอื่ ผเู รยี น
ตองการ
7.1.5 การประยุกตใช โดยใหใบมอบหมายงานแกผูเรียน ดําเนินงานตามจุดประสงคท่ีกําหนด
ไวในใบงาน โดยดําเนินงานในลักษณะของข้ันตอนทางวิทยาศาสตร เริ่มตั้งแต ระบุความตองการของ
ปญหา ขั้นศึกษาเพื่อหาสมมตฐิ าน ข้นั ปฏบิ ัตเิ พอ่ื หาคําตอบ และสรุปผลของคาํ ตอบทีไ่ ดจากข้ันปฏบิ ตั ิ
7.1.6 สังเกต บันทึกพฤติกรรมผูเรียนขณะดําเนินงานตามใบงาน คอยชวยเหลือใหคําแนะนํา
เม่อื ผูเรียนตอง
7.1.7 แบงกลุมผูเรียนเพื่อดําเนินการตามใบงาน แลวผูสอนเดินสํารวจการดําเนินงานตามใบ
งานของผเู รียนหากพบวาผเู รยี นดําเนินการยงั ไมถูกตองใหค อยชแ้ี นะวธิ ีที่ถูกตองทันที
7.1.8 การตรวจสอบผลการเรียนรู ใหผูเรียนรวมกันกําหนดหัวขอท่ีจะประเมินงานรวมกับ
ผูเรียนตรวจสอบชิน้ งานเพ่อื ประเมินและแกไขขอ บกพรอง
7.1.9 สงั เกต บันทกึ พฤติกรรมผูเรียนขณะผเู รียนทํางาน คอยชวยเหลือใหคําแนะนําเมื่อผูเรียน
ตอ งการ
7.1.10 หากผูเรียนไดแบง กลมุ รับผิดชอบการดําเนินการตามใบงานใหตัวแทนกลุมหรือสมาชิก
ท้ังกลมุ ลกุ ขึ้นบอกคําตามพรอ มทั้งวธิ ีการไดม าซึ่งคําตอบ
7.1.11 ครอู ธบิ ายเนือ้ หา พรอมแสดงวธิ ีทาํ ครูใหนักศึกษามสี ว นรว มในการเรยี นการสอน เชน
- ถามตอบ
- รวมกนั สรปุ
- รว มกันวิเคราะหห าเทคนคิ และแนวทางทีด่ ีและงาย
- รวมกันสรางโจทยปญหา และ รวมกันสรุปวิธีการแกปญหาท่ีกําหนดในแนวทางท่ี
ถกู ตอ งและเหมาะสม
7.1.12 ครูใหนักศึกษาทําแบบฝกหัดทบทวนบทเรียนบนกระดานเปนรายบุคคลพรอมให
อธบิ ายและสรุปหลักการออกมาเปนแนวคดิ ตามความเขาใจของแตล ะบคุ คล
7.1.13 ครูปฏิบัติใหนักศึกษาดูและทําตามไปทลี ะข้ัน
7.1.14 ครกู าํ หนด ครจู ดั ใหนักศึกษาทํากจิ กรรมกลมุ เพ่ือใหเกดิ ความคดิ ท่หี ลากหลาย
7.1.15 ครูสรปุ พรอ มแนะนําเทคนคิ และกระบวนการคิดทีถ่ ูกตอ ง
7.1.16 ผูเรียนทําภาระงานทุกหนวยการเรียนตามใบงานประจําหนวยสงในเวลาท่ีกําหนด
แลวหลังจากครูไดตรวจชิ้นงานใหผูเรียนทําการแกไขใหถูกตองและเก็บสะสมช้ินงานเพ่ือจัดทําแฟม
สะสมชิน้ งานในทกุ หนว ยการเรียนรหู ลังเสรจ็ ส้นิ กระบวนการเรยี นการสอน
18
7.2 กิจกรรมผูเรียน
7.2.1 จดั เตรียมเอกสาร หนงั สือแบบเรียน หนงั สอื อางอิง ตามทผ่ี สู อนและบทเรยี นกาํ หนด
7.2.2 นําเขาสูบทเรียนโดยรับการชี้แจงวิธีการเรียนรู ระยะเวลาที่ทําการเรียนการสอน
หลกั การแนวทางการเรียน การประเมนิ ผลการเรียน
7.2.3 จัดกลุมกันศึกษา คนควา หาขอมูลจากเอกสารตํารา หนังสือเรียน หนังสืออางอิง และ
เรียนจากชุดการเรียนและสื่อการเรียนตาง ๆ และผูเรียนรวมกันแลกเปลี่ยนความรูความคิดเห็นซึ่งกัน
และกนั เพ่อื หาความคิดรวบยอดใหเ กิดในแตล ะสาระการเรียนรู
7.2.4 การใหขอมูล โดยศึกษาเนื้อหาจากใบความรู ใบงาน หรือส่ือการเรียนตาง ๆ แลวทํา
แบบฝกหัด หากยังทําไดไมครบทําการทบทวนบทเรียนใหม หากมีปญหาขอขัดของใหขอคําแนะนํา
จากผูส อนและเพอ่ื นในกลุม
7.2.5 การประยุกตใช โดยศึกษาใบมอบหมายงาน ดําเนินงานตามจุดประสงคในแตละสาระ
การเรียนรูตามใบงานท่ีกําหนดไวโดยดําเนินงานในลักษณะของขั้นตอนทางวิทยาศาสตร เร่ิมต้ังแต
ระบุความตองการของปญหา ข้ันศึกษาเพื่อหาสมมติฐาน ขั้นดําเนินการปฏิบัติเพ่ือใหไดมาซ่ึงคําตอบ
สรปุ ผลของคําตอบทีไ่ ดม าจากขั้นปฏิบัติ หนาหองเรียน หรือสงครู ตามท่ีไดกําหนดไวในใบมอบหมาย
งาน หากมปี ญ หาใหข อคําแนะนาํ จากผูสอนและเพ่อื ในกลุมหรอื เพอ่ื ในหองเรยี น
7.2.6 การตรวจสอบผลการเรียนรู โดยทํารายงานผลการดําเนินงาน รวมกับผูสอนกําหนด
หัวขอท่ีจะประเมินงานในแตละสาระการเรียนรู และผูเรียนมีสวนรวมในการตรวจสอบช้ินงานเพื่อ
ประเมนิ และแกไขขอบกพรอง หากมีปญ หาขดั ขอ งใหขอคําแนะนาํ จากผูสอนและเพอ่ื นในกลุม
8. สอื่ การเรยี นการสอน
8.1 หนงั สอื ประกอบการเรียน วิชา การสรา งเว็บเพจ (ดว ย ภาษา HTML)
8.2 ใบงานประจาํ หนวยการเรียนรูแ ตละหนวย
8.3 แบบฝกหัดประจําหนวยการเรยี นรู
8.4 ตัวอยางแฟม สะสมช้ินงาน
8.5 ชดุ การสอน PowerPoint แตล ะหนว ยการเรียน
8.6 VCD CAI
8.7 บทเรยี นออนไลนว ชิ า การสรา งเวบ็ เพจ (ดวยภาษา HTML)
9. การวัดผลประเมนิ ผล เกบ็ คะแนนระหวางการดาํ เนนิ กจิ กรรมการเรยี นรู 100 คะแนน
1. คุณธรรมและจริยธรรม 20 คะแนน
2. ใบงาน/แบบฝก หดั (ช้นิ งาน/แฟมสะสมผลงาน) 30 คะแนน
19
3. ทดสอบระหวา งเรียน 20 คะแนน
4. ประเมินผลผูเรยี นหลงั เรียน 30 คะแนน
10. การวดั และประเมนิ ผล
10.1 ผูเ รียนปฏิบัติภาระงานทีม่ อบหมายเสรจ็ ทันเวลาที่กําหนดและถกู ตอ ง
10.2 ผูเรียนมีความสนใจในการตอบคาํ ถามและการสรุปผลการเรยี นรแู ตล ะหนวยการเรียนได
อยา งถูกตอง
10.3 เกิดความคิดรวบยอดในแตละหนวยการเรียนรู และรูหลัก เทคนิค และวิธีการปฏิบัติได
อยางรวดเรว็ และถกู ตอ ง
10.4 ผานการทดสอบประจาํ หนว ยและประมวลผลสาระการเรียนรูต ลอดภาคเรยี น
10.5 ผูเรียนเกิดทกั ษะในการสรางเวบ็ เพจ (ดว ยภาษา HTML)ไดอ ยางถูกตอ ง
10.6 สังเกตพฤติกรรมและการแสดงออกถึงการเล็งเห็นคุณคาของการนําวิธีการสรางเว็บเพจ
มาใชในชวี ติ ประจําวันของผเู รยี น
10.7 ความสนใจในการเรียนรู การคนควาเพ่ือแสดงความรูและคําตอบ การมีสวนรวมใน
กิจกรรม
10.8 การซกั ถามและการตอบคาํ ถาม
10.9 แบบฝกหัดและกจิ กรรมการฝกทกั ษะ
10.10 การทํางานเปน ทมี (ใหความสาํ คัญในการทาํ งานเปน ทีม)
10.11 การประเมนิ โดยกลมุ เพือ่ น การประเมินตนเอง
10.12 การเขยี นรายงานผลงาน และการแกไ ขสวนท่ีบกพรองในชนิ้ งานที่มอบหมาย
10.13 แฟมสะสมผลงานทมี่ อบหมายในแตล ะหนวยการเรยี น
เครื่องมอื วัดผล
1. ดา นคุณธรรมจริยธรรม (จิตพิสัย)
1.1 การปฏบิ ตั ติ ามกฎระเบียบของสถานศกึ ษา
1.2 ตรงตอเวลา
1.3 สนใจปฏบิ ตั งิ านท่มี อบหมายและความกระตอื รือรนในการเรียน
1.4 ความรบั ผิดชอบ
1.5 ความสะอาดและความเปน ระเบียบ
1.6 ความซ่ือสตั ย
20
1.7 การเห็นคุณคาและมเี จตทด่ี ี
2. ดา นวชิ าการ (ดานทักษะ)
2.1 ตอบคาํ ถาม
2.2 หลกั การและเทคนคิ ในการสรางเว็บเพจ (ดว ยภาษา HTML )
2.3 มคี วามรคู วามเขาใจ
2.4 ผลงานการปฏบิ ตั ติ ามใบงานมีความถกู ตอง
2.5 มีทกั ษะและวเิ คราะหการใชงานได
2.6 ความสามารถในการนําความรไู ปประยกุ ตใ ชในการทาํ งานกับคอมพวิ เตอร
2.7 ทําแบบฝก หดั หลงั เรียนมคี วามเขาใจ
2.8 ทําแบบทดสอบและปฏบิ ตั ิไดจ ริง
2.6 มีโนภาพและความคิดรวบยอดในการในกระบวนการเรียนรูป ระจําหนว ย
2.7 มที กั ษะทีด่ ใี นการสรา งเว็บเพจ (ดว ยภาษา HTML)
10. แหลง การเรยี นรู
10.1 หอ งสมดุ สถานศึกษา
10.2 หองปฏบิ ัติการคอมพวิ เตอรและสารสนเทศ
10.3 ผูป กครอง เพอ่ื น ๆ รุนพี่ และบคุ ลากรในสถานศึกษา
10.4 หนังสือ E-book , Elearning , Website ทเี่ กีย่ วขอ ง
10.5 ครผู ูสอน
11. ผลงานผูเรยี น
11.1 รวบรวมผลงานที่เปนผลงานท่ีถูกตองในภาระงานท่ีมอบหมาย และผูเรียนทําการปรับปรุง
แกไ ขชิ้นงานท่ียังไมถกู ตองใหถ กู ตอง แลว จดั ทาํ เปน แฟมสะสมผลงาน
11.2 แฟม สะสมผลงานการทดสอบของผูเ รยี น
10. เอกสารอา งอิ ง
อ.ประชา พฤกษป ระเสรฐิ . การสรา งเวบ็ เพจ(ดวยภาษาHTML) ระดบั ช้ันปวช. กรงุ เทพมหานคร:
บริษทั ซัคเซสมีเดยี จํากดั , 2550.
21
แผนจัดการเรยี นรู วชิ า การสรา งเวบ็ เพจดว ยภาษา(HTML) รหสั วิชา 2201-2414 ช้ัน ปวช.
หนวยท่ี 1 เร่ือง เร่ิมตนกบั การสรางเว็บเพจ สปั ดาห 1 เวลา 4 ชัว่ โมง
1. สาระสําคัญ
เว็บเพจ เปนเอกสารที่ใชในการเผยแพรขอมูลขาวสาร ซึ่งประกอบไปดวยขอความ ภาพ เสียง
และภาพยนตรผานทางเครือขายอินเตอรเน็ต ในปจจุบันนํามาใชประโยชนหลายอยาง เชน ขาวสาร
ความรูความบันเทิง ประชาสัมพันธ การเงิน การลงทุนฯลฯ โดยโปรแกรมพื้นฐานท่ีสุด ก็คือ การเขียน
ดวยภาษา HTML ซึ่งสามารถเขียนใน Text Editor ทัว่ ไป อยา ง Notepad ทม่ี าพรอมกบั Windows ได
2. จดุ ประสงคการเรยี นรู
2.1 จุดประสงคทัว่ ไป (จดุ ประสงคน าํ ทาง)
1. มีความรคู วามเขาใจเก่ยี วกับความหมายและประโยชนของเวบ็ เพจได
2. มีความรคู วามเขาใจเก่ยี วกับหลกั การทํางานของเว็บเพจได
3. มคี วามรูค วามเขา ใจเก่ียวกบั หลักการในการออกแบบเว็บไซต
4. มคี วามรคู วามเขาใจเก่ียวกบั ขั้นตอนในการพฒั นาและสรา งเวบ็ ไซตไ ด
2.2 จุดประสงคเ ชงิ พฤติกรรม (จดุ ประสงคป ลายทาง)
1. บอกความหมายและประโยชนของเว็บเพจได
2. อธิบายหลักการทาํ งานของเว็บเพจได
3. อธิบายเกีย่ วกบั ความหมายของคําศพั ทพ น้ื ฐานทใ่ี ชในการสรางเวบ็ ไซต
4. อธิบายโปรแกรมท่ใี ชในการสรางเว็บเพจได
5. อธบิ ายหลักการในการออกแบบเว็บไซตได
6. อธิบายขั้นตอนในการพัฒนาแลพสรางเว็บไซตได
3. กจิ กรรมการเรยี นรู
22
กจิ กรรมครู กจิ กรรมผเู รยี น
ขนั้ เตรยี มกจิ กรรม(10 นาท)ี
1. ครูชแ้ี จงจุดประสงคและคําอธิบายรายวชิ า 1. ผูเรียนดู , ฟง และจดบันทึก
2. ครูช้ีแจงระเบียบวาดว ยเวลาเรียนและการประเมนิ ผล 2. ใหผ ูเรียนพดู คยุ และซักถาม
3. ครูตกลงกับผูเรียนในการจัดกิจกรรมกระบวนการ ขอสงสัย
เรียนการสอน
4. ครกู ําหนดหนงั สอื เอกสารและใบงานครกู บั ผเู รียน
สรางความเปนกันเองและความคุนเคยเพ่ือลดอาการ
เครียดและเกรงกลัวครูผสู อน
ข้นั นําเขาสูบทเรยี น( 20 นาที)
1. ครูนําเขาสูบทเรียนโดยใหผูเรียนในหองแสดงความ 1. ผูเรียนฟง และตอบคําถามครูดวย
คดิ เห็นเกี่ยวกบั เว็บเพจ ความต้ังใจ เปนการวัดความรูเดิม
2. ทดสอบกอนเรยี นโดยการ ถาม – ตอบ ของผเู รยี น
3. ครูสรุปและอธิบาย พรอมกับยกตัวอยาง จนกวาผูเรียน 2. ผูเรียนแสดงความคิดเห็นและ
สามารถเขาใจเรื่องเว็บเพจ นาํ เสนอ
3. ผูเรียนปรึกษาหากันในหองเรียน
ศึกษาจากเอกสารประกอบการเรยี น
และชวยกันระดมความคิดแลวตอบ
คําถาม
ข้นั ดาํ เนินการสอน( 180 นาท)ี
1. ทดสอบกอนเรียนโดยการ ถาม–ตอบใหผูเรียนบอก 1. ใหผ เู รยี น ตอบคําถาม
ความหมาย ประโยชน หลักการทํางาน หลักการใน 2. ผูเรียนรวมกันคิดและนําเสนอใน
การออกแบบ ข้ันตอนในการพัฒนาและสรางเว็บ หอ งเรียน
เพจ 3. ใหผูเรียน รวมกันประเมินผลเพ่ือน
2. ครูบรรยาย และยกตัวอยางประกอบในแตละหัวขอ ท่ีออกแสดงความคิดเห็น วาถูก
อยา งชดั เจนเพื่อใหผูเรียนสามารถจดจาํ ไดงา ย หรอื ไม อยา งไร
4. ผูเรียนสนใจ ตั้งใจฟงครูบรรยาย
พรอ มจดบนั ทึก
23
กจิ กรรมครู กจิ กรรมผเู รยี น
3. สุมใหผเู รยี นลกุ ขน้ึ สรปุ บทเรียน 5. ใหผูเรียนสรุปผลรวมกับครูผูสอน
4. ใหท าํ ใบงาน และจดบนั ทกึ ผลการสรปุ
5. ครูตรวจใบงาน พรอมแจกคืนใหผูเรียน เพื่อนํา 6. ผูเรียนทําใบงานที่มอบหมายสงใน
กลับไปแกไขขอที่ผิดแลวสงใหมจนกวาจะถูกตอง เวลาท่ีผูส อนกาํ หนด
หรือหมดเวลาท่กี ําหนดในการสง ใบงาน 7. ถาใบงานในขอใดไมถูกตองผูเรียน
ตองทําการแกไขใบงานใหถ ูกตอง
8. ผเู รียนทําแบบฝก หดั หลงั เรียน
9. ผูเรียนชวยกันเฉลยแบบฝกหัดหลัง
เรียนรวมกบั ครผู ูส อน
ข้นั สรุป( 30 นาท)ี
6. ค รู แ น ะ นํ า ใ ห ผู เ รี ย น ไ ป ศึ ก ษ า จ า ก ห นั ง สื อ 10. ผูเรียนบอกวิธีท่ีนําความรูจาก
ประกอบการเรียน บ ท เ รี ย น ไ ป ป ร ะ ยุ ก ต ใ ช ใ ห เ กิ ด
7. ทดสอบหลังเรียน ประโยชนและประสิทธิภาพสูงสุด
8. ครูและผูเรียนรวมกันสรุปบทเรียนและการนําไป ตอไป
ประยุกตใช
4. กิจกรรมการเรียนรู
กอ นเรยี น
1. ครูชี้แจงใหผูเ รียน เขา ใจแกน สารการเวบ็ ไซตด วยภาษา HTML
2. ครชู แ้ี จงวัตถุประสงคร ายวชิ า
3. ครชู ี้แจงระเบียบวา ดว ยเวลาเรยี น
4. ครูตกลงกบั ผเู รียน เรื่องการแบงคะแนนเก็บระหวา งภาคดงั น้ี
5. ครตู กลงกบั ผเู รยี นเรอ่ื งการปฏิบัติตนในหองเรยี นตามแบบประเมิน
6. ครูบอกแนวทางในการเรยี น และวิธีการปฏิบัตติ ามภาระงานท่มี อบหมาย
ขณะเรียน
1. ทําแบบฝกหัดกอ นเรียน โดยการถาม – ตอบ และใหแสดงความคิดเหน็
24
2. จดบันทกึ สาระการเรยี นรู
3. รวมกันสรุปบทเรยี น พรอ มบันทึกผลการสรปุ แลวลุกขึน้ นาํ เสนอกบั ครผู สู อน
4. ผูเรียนและครูผูสอนรวมกันประเมินขอสรุปของผูเรียนท่ีออกแสดงความคิดเห็นเพ่ือใหได
ขอสรุปที่ถูกตอง และครูผูสอนแสดงความชื่นชมกับผูเรียนทุกคนที่ออกแสดงความคิดเห็นและมีสวน
รวมในกิจกรรมทมี่ อบหมาย
5. ทําใบงาน ตรวจสอบใบงาน แกไขใบงาน
6. ทบทวนเนอื้ หา
7. ทําแบบฝกหดั หลงั เรยี น
8. รว มกันเฉลยแบบฝก หัด
5. ส่ือการเรยี นการสอนประจําหนวย
1. หนงั สือเรียน วชิ า การสรางเว็บเพจ (ดว ยภาษา HTML)
2. ใบความรปู ระจาํ หนวย
3. ใบงานและแบบฝก หดั
4. เครอื่ งไมโครคอมพวิ เตอร
5. แผน ใสและเคร่อื งฉายภาพขา มศรี ษะ
6. ซีดสี ่ือการสอน
6. วัดผลประเมนิ ผลประจาํ หนวย
1. สังเกตผูเรียนมีความสนใจ เกิดความเขาใจในสาระการเรียนรู ตลอดจนแสดงความ
กระตอื รอื รน ในการแสดงความคดิ เห็นและสรปุ สาระการเรียนรูประจําหนวย
2. ทําใบงานไดอยา งถูกตอ ง ทนั เวลาท่กี ําหนด ใบงานสะอาดและเปน ระเบียบ
3. ผูเรียนทาํ แบบฝกหัดหลงั เรยี นไดถูกตอ ง โดยไดคะแนน 50% เปน อยา งตํา่
7. กจิ กรรมเสนอแนะประจําหนวย
1. ผูเรียนตองใหความสนใจในการศึกษา เพื่อหาเทคนิค วิธีการ หรือหลักการงายเพ่ือให
เขาใจแกนสารการเว็บไซตดวยภาษา HTMLโดยการ ตั้งใจฟงหลักการ เทคนิควิธีการที่
ครูผูสอนสรุปในขณะท่ีทําการสอน และนําขอสงสัยซักถามครูในการเรียนทุกคร้ังที่เกิด
ความสับสน และไมเ ขา ใจ
25
2. ผูมกี ารทบทวนบทเรียน ตลอดเพอื่ เสรมิ สรา งความเขาใจอยางแทจริง
3. ผูเรยี นหม่นั ทําใบงาน แบบฝกหัด และแกไ ขขอ ที่ผดิ ใหถกู ตองเสมอ
4. ผูเรียนตองสรางมโนภาพใหเกิดความคิดรวบยอดในสาระการเรียนรูและเทคนิควิธีการ
พรอ มกับความจาํ เปนในการนาํ ไปประยกุ ตใ ชใ หเ กิดขึ้นโดยตนเองใหไ ดเพอ่ื เกดิ ค วามรคู วามเขา ใจอยา ง
แทจ รงิ ไมใ ชเ กิดจากการทองจํา
เกณฑการประเมนิ ผล
วัดผลสมั ฤทธจิ์ ากแบบประเมินผลการเรยี นรู
รอ ยละ 80-100 หมายถึง ผลการเรียนดมี าก
ผลการเรียนดี
รอ ยละ 70-79 หมายถงึ ผลการเรยี นปานกลาง
ผลการเรยี นผา นเกณฑ
รอ ยละ 60-69 หมายถงึ ผลการเรียนไมผ านเกณฑ
รอยละ 50-59 หมายถงึ
ตํา่ กวา รอยละ 50 หมายถงึ
แบบประเมนิ พฤตกิ รรมรายบคุ คล หมายถงึ มีพฤติกรรมดี
หมายถงึ มีพฤตกิ รรมพอใช
8-10 คะแนน หมายถึง มพี ฤตกิ รรมทีต่ อ งปรบั ปรงุ
5-7 คะแนน
ตา่ํ กวา 5 คะแนน
26
แบบและเกณฑประเมินพฤตกิ รรมรายบุคคล
คําชแี้ จง ใหผ ูประเมินขีดเครือ่ งหมายถกู 9ในชองพฤตกิ รรมทค่ี าดหวังใหเ กิดกับนักเรียน
เกณฑการตัดสนิ
2 คะแนน หมายถงึ มพี ฤติกรรมในระดับแบบสม่ําเสมอ
1 คะแนน หมายถึง มีพฤติกรรมในระดับผา นเกณฑ
0 คะแนน หมายถึง มีพฤติกรรมในระดบั ไมผ านเกณฑ
เกณฑการประเมนิ หมายถึง มพี ฤตกิ รรมดี
หมายถงึ มพี ฤตกิ รรมพอใช
8 - 10 คะแนน หมายถงึ มีพฤตกิ รรมทต่ี องปรบั ปรงุ
5 - 7 คะแนน
ตาํ่ กวา 5 คะแนน
เลข ช่อื – สกุล พฤตกิ รรมของนกั เรียน ความ รวม
ที่ ผรู บั การ รอบคอบ 20
ความมวี นิ ัย ความ มนุษย ขยนั หมนั่
ประเมนิ รบั ผดิ ชอบ สัมพันธ เพียร 4321
1
2 4 3 2 1 4 3 2 1 4 3 2 1 4 3 21
3
4
5
6
7
8
9
27
10
11
12
13
14
15
16
17
18
19
20
21
22
ผปู ระเมนิ ……………………………
(…………………………..)
บันทึกหลังการสอน (ปญ หาและขอเสนอแนะ)
ผลการใชแผนการสอน
ผลการเรยี นของนักเรยี น
28
ผลการสอนของครู
เฉลยแบบฝกหดั หนว ยท่ี 1
จงทําเครื่องหมายวงกลม ในหัวขอที่ถูกท่ีสุดเพียงขอ เดยี ว
1. ขอ ใดเปน ประโยชนข องเว็บเพจ ?
ก. นําเสนอขา วและเหตกุ ารณป จ จบุ นั
ข. รวบรวมความรไู วเ ปน คลังขนาดใหญ
ค. มบี รกิ ารสําหรบั ทําธรุ กรรมการเงินออนไลน
ง. ถกู ทุกขอ
29
2. ขอใดหมายถึงเคร่อื งคอมพวิ เตอรท ี่ใหบ ริการ ?
ก. เซริ ฟเวอร ข. ไคลเอนต ค. เว็บไซต ง. โฮมเพจ
3. ขอ ใดหมายถึงกลมุ ของหนาเวบ็ เพจท่ีสรา งไวเพ่ือนําเสนอขอมูลรว มกนั ?
ก. เซริ ฟเวอร ข. ไคลเอนต ค. เวบ็ ไซต ง. โฮมเพจ
4. ขอใดคือหนาท่ขี องโดเมนเนม ?
ก. ทาํ หนา ทใ่ี นการจดั สรรไอพแี อดเดรส
ข. ใชแ ทนไอพแี อดเดรสเพ่อื ใหจ าํ ไดง า ย
ค. แปลงโดเมนเนมกลับไปเปน ไอพแี อดเดรส
ง. แบงขอมลู เปน สว นยอยๆ เพอื่ ปอ งกนั การผดิ พลาด
5. ขอ ใดกลา วไดถ ูกตอ งเกยี่ วกบั ประเภทของโดเมนเนม ?
ก. ตัวยอ .com เปน โดเมนเนม 1 ระดับ
ข. ตวั ยอ .co.th เปน โดเมนเนม 2 ระดับ
ค. โดเมนเนมถกู แบงออกเปน 2 ประเภทไดแ ก 2 ระดบั และ 3 ระดบั
ง. ไมม ีขอ ถูก
6. ขอ ใดกลา วถูกตอ งเกี่ยวกับประเภทขององคก ร .gov ?
ก. บริษัทหรือองคก รพาณชิ ย ข. สถาบนั การศกึ ษา
ค. องคก รรัฐบาล ง. องคก รทางทหาร
7. ขอใดคือขน้ั ตอนแรกทเ่ี ราจะตองน่งั คดิ กอนที่จะสรา งเวบ็ ไซต ?
ก. กําหนดการเชอ่ื มโยงระหวางเว็บเพจ ข. กาํ หนดโครงรา งของเว็บไซต
ค. ออกแบบหนาเวบ็ เพจ ง. อัพโหลดไฟลเวบ็ เพจ
8. http://www.adobe.com/support/techdocs/328576.html
สวนท่ีขีดเสน ใตใ น URL คือขอใด ?
ก. content identifier ข. สว นระบุตาํ แหนง
30
ค. host name ง. ช่อื ไฟลข อ มลู
9. ขอ ใดกลา วไดถ ูกตองเก่ยี วกบั ขั้นตอนในการพฒั นาเวบ็ ไซต ?
ก. Site Map อยใู นข้นั ตอนการออกแบบเวบ็ เพจ
ข. ข้ันตอนแรกตอ งเริ่มจากการเชือ่ มโยงระหวางเว็บเพจ
ค. เราตอ งจองพื้นทเ่ี ก็บเวบ็ เพจกอนทจี่ ะอพั โหลดขอ มลู ขน้ึ ไป
ง. ตอ งออกแบบเว็บเพจแตล ะหนา กอนแลว คอ ยวางแผนการเชอื่ มโยง
10. ขอใดคือขนั้ ตอนของ Web Hosting ? ข. การเชื่อมโยงระหวางเว็บเพจ
ก. การออกแบบเวบ็ เพจ ง. จองพน้ื ท่ีเกบ็ ขอ มูลเวบ็ ไซต
ค. อัพโหลดเวบ็ ไซต
ตอนที่ 2 จงใสเครือ่ งหมาย หนาขอ ความทถ่ี กู และใสเคร่ืองหมาย หนาขอ ความทผ่ี ดิ
.......... 1. เวบ็ เพจ คอื เอกสารท่ีใชใ นการเผยแพรข อ มูลขา วสารซ่งึ ประกอบดว ย
ขอ ความ ภาพ เสยี ง และภาพยนตร ผา นทางเครอื ขายอนิ เทอรเ นต็
.......... 2.เราใชเ วบ็ บราวเซอรใ นการเขา สโู ลกของ World Wide Web
.......... 3. ขน้ั ตอนแรกของการสรางเวบ็ ไซตควรกาํ หนดโครงรา งของเว็บไซตน ัน้ เสียกอ น
.......... 4. โดเมนเนมเปนการนําตวั อกั ษรทจี่ าํ งา ยมาใชแ ทนไอพแี อดเดรส
.......... 5. เราจะเรียกกลมุ ของหนาเว็บ หรอื เว็บหลายๆ หนารวมกนั วา "โฮมเพจ"
โดยจะมีการกาํ หนดหนาเว็บเพจหนา หนงึ่ ไวเ ปนหนาแรก เวบ็ เพจนี้มีชอ่ื เรยี กวา "เว็บไซต"
.......... 6. HTTP ยอมาจาก HyperText Transfer Process
.......... 7. โดเมนเนมมักถกู ตั้งใหส อดคลอ งกับชอ่ื บรษิ ัท หรือองคก รผเู ปน เจา ของ
.......... 8. เว็บไซตแ ตล ะเวบ็ ไซตจะมโี ดเมนเนมเฉพาะทีไ่ มเ หมอื นใคร
.......... 9. success.co.th เปน โดเมนเนมแบบ 2 ระดับ
.......... 10. .com เปนโดเมนเนมของบริษทั หรอื องคกรพาณิชย และองคก รรฐั บาล
31
ตอนที่ 3 จงตอบคาํ ถามตอ ไปนี้
1. จากรูปจงอธบิ ายการทํางานทเ่ี กดิ ข้ึนในขนั้ ตอนที่ 1, 2 และ 3
2.
ขัน้ ตอนท่ี 1
ผูใชพ มิ พต าํ แหนงเว็บเพจในโปรแกรมบราวเซอร ก็จะมกี ารรองขอขอมูลไฟลเวบ็ เพจหนา นน้ั ไป
ยังเครื่องเซิรฟเวอร (Server คอื เคร่ืองทเี่ กบ็ และเผยแพรเ ว็บเพจ)
ขัน้ ตอนท2่ี
ฝงเซริ ฟ เวอรจ ะทําการคน หาไฟลเวบ็ เพจทถ่ี กู รอ งขอ
ขน้ั ตอนท่ี 3
เว็บเซริ ฟเวอรส งขอมลู ไปยงั เครอื่ งผูใชและแสดงผลบนบราวเซอร
2. ตัวยอ ตอไปนี้ .com .edu .gov .mil .net และ .org ใชก บั องคก รใด
.com
ใชกบั บรษิ ทั หรอื องคก รพาณชิ ย
.edu
ใชก บั สถาบนั การศกึ ษา
.gov
ใชกบั องคกรรฐั บาล
32
.mil
ใชก บั องคก รทางทหาร
.net
ใชก ับองคกรท่ีทําหนาที่เปน เกตเวย หรอื จุดเชอ่ื มตอ เครือขา ย
.org
ใชก บั องคก รที่ไมเขา คายประเภทองคก รทง้ั หมดท่ไี ดก ลาวถึง
3. จงอธบิ ายข้นั ตอนการสรา งเวบ็ ไซตพ อสงั เขป
มี 6 ข้ันตอนดงั นี้
1. กาํ หนดโครงรางของเวบ็ ไซต เริม่ ตน ดว ยการกําหนดผังของเว็บหรอื เรยี กวา Site map กอน
2. กําหนดการเชอ่ื มโยงระหวางเวบ็ เพจ เพอื่ ใหกลับไปกลับมาระหวา งหนา ตา งได
3. ออกแบบเวบ็ เพจแตล ะหนา ภายในเวบ็ ไซต
4. สรางเวบ็ เพจแตล ะหนา โดยการเขยี นภาษา HTML
5. ลงทะเบยี นขอพ้ืนที่เวบ็ ไซตฟรี ตามผูใ หบ รกิ ารตา งๆ
6. อพั โหลดเวบ็ ไซต เพื่อใหคนท่วั โลกสามารถดูเว็บไซตของเราไดผานเครือขายอินเทอรเ น็ต
33
แผนจัดการเรียนรู วิชา การสรา งเวบ็ เพจดวยภาษา(HTML) รหัสวชิ า 2201-2414 ชน้ั ปวช.
หนวยท่ี 2 เรื่อง เรม่ิ ตนกบั XTML และ XHTML สปั ดาห 2 เวลา 4 ช่วั โมง
1. สาระสาํ คัญ
HTML เปนภาษาหลักท่ีใชในการสรางไฟลเว็บเพจ โดยลักษณะของภาษา HTML แบง
ออกเปนสองสว น คือ สว นของขอความทัว่ ๆไปและสวนที่เปนคาํ สัง่ ในการกําหนดรูปแบบของขอ ความ
ซ่ึงเรียกวา แท็ก (Tag)หลังจากนั้นไดพัฒนาภาษา HTML ขึ้นเร่ือยๆ เพื่อลบจุดออนหลายๆอยางลง จน
กลายมาเปนภาษาใหมท ีช่ ่ือ XHTML
2. จุดประสงคการเรียนรู
2.1 จุดประสงคท ว่ั ไป (จุดประสงคนาํ ทาง)
1. มคี วามรคู วามเขา ใจเกย่ี วกบั โครงสรางพื้นฐานของภาษา HTML ได
2. มคี วามรคู วามเขา ใจเกย่ี วกับความแตกตางระหวา ง XHTML กบั HTML ได
3. มคี วามรูความเขา ใจเก่ียวกบั โครงสรา งพื้นฐานของภาษา XHTML ได
2.2 จุดประสงคเชงิ พฤติกรรม (จดุ ประสงคปลายทาง)
1. อธิบายถงึ โครงสรางพ้ืนฐานของภาษา HTML ได
2. เขยี น บันทกึ และเปด ใชงานเอกสาร HTML ได
3. เปรียบเทยี บความแตกตา งระหวา ง XHTML กบั HTML ได
4. อธบิ ายถงึ โครงสรา งพ้ืนฐานของภาษา XHTML ได
5. เขียน บันทกึ และเปด ใชงานเอกสาร XHTML ได
3. กจิ กรรมการเรียนรู
กจิ กรรมครู กจิ กรรมผเู รยี น
ขัน้ เตรียม( 10 นาท)ี
1. ใหผูเรียนอานหนังสือเรียน เพ่ือทําความรูจักกับ 1. ผูเรียนอานหนังสือเรียน และทํา
ความรเู บ้อื งตนกบั ภาษา HTML และ XHTML ความเขาใจในเน้ือหาจากใบความรู
2. ครูตอบขอ สงสัย ของผเู รียน และหนงั สอื
2. ผเู รยี น ซกั ถามขอ สงสยั
3. จดบันทึกคําตอบของครผู ูสอน
34
ขั้นนาํ เขาสูบทเรียน( 20 นาท)ี
ครูเขียนตัวอยางเอกสาร HTML XHTML แลวถาม 1. ผเู รียนชว ยกันวเิ คราะหตวั อยาง
ผเู รียน เพอื่ ทราบความรพู น้ื ฐานของผเู รยี น 2. ผูเรียนชวยกันแสดงความคิดเห็น
ครูถามผูเรียน เกี่ยวกับความแตกตางระหวาง XHTML และตอบคําถาม
กับ HTML 3. ผูเ รียนชว ยกันแสดงความชนื่ ชมกบั ผู
3. ครูชมเชยผูเรียนที่มีความพยายามตอบคําถามและ ท่ีมีสวนรวมในการแสดงความ
แสดงความคิดเหน็ และใหผ เู รียนในหองมีสวนรวม คดิ เหน็ และตอบคําถาม
ในการแสดงความชื่นชมกับผูที่ตอบคําถาม ท้ังผูที่
ตอบถูก และผทู ีต่ อบไมถูก
ข้นั ดาํ เนินการสอน( 180 นาท)ี 1. จดบันทกึ
1. บรรยาย อธบิ าย และยกตัวอยา งประกอบ 2. ผเู รียนปฎบิ ตั ติ าม
2. เขียนโครงสรางพื้นฐานของภาษา XHTML กับ 3. ผูเรยี นซักถามขอสงสัย
HTMLแลว เปรียบเทียบความแตกตา งใหเหน็ 4. ทําใบงานและแบบฝกหัดหลัง
3. ครูแนะนําเทคนคิ และวิธกี าร เขียน บันทึก และเปด เรียนท่ีไดรับมอบหมายใหเสร็จ
ใชงานเอกสาร HTML และ XHTML ใหผูเรียน ทนั ภายในเวลาทก่ี ําหนด
ปฎิบัตแิ ลวคอยใหค าํ แนะนํา 5. ผูเรียนและครูผูสอนรวมกัน
4. ใหผูเรียนทําใบงานโดยการตอบคําถามและเขียน สรุปสาระการเรียนรูจากส่ิงท่ี
บันทึก และเปดใชงานเอกสาร HTML และ ไดรับมอบหมายตามใบงานและ
XHTML แบบฝก หัด
5. ทําแบบฝกหัดและแฟมสะสมผลงานและใหผูเรียน 6. ผูเรียนจดบันทึกผลการสรุป
สงภายในเวลาท่ีกาํ หนด แ ล ะ เ ท ค นิ ค วิ ธี ก า ร จ ด จํ า ท่ี
6. ตรวจใบงานและแบบฝกหดั ครูผสู อนแนะนํา
7. ครแู ละผูเรยี นรว มกันเฉลยใบงานและแบบฝก หัด
35
กจิ กรรมครู กจิ กรรมผเู รยี น
ขน้ั สรปุ ( 30 นาที)
7. ครูใหผูเรียนในหองสรุปความรูที่ไดจากการ 1. จดบนั ทึก
เรยี นทกุ หวั ขอ การเรียนรู 2. ผเู รียนตอบคําถาม
8. ครูสุมถามผูเรียนในหองเรียนเพื่อตอบคําถาม 3. ผูเรียนซักถามขอสงสัย
ครูดําเนินการถามจนผูเรียนจนกวาผูเรียนจะ 4. ทาํ ใบงานและแบบฝก หัดหลงั เรียนท่ี
ถามคําถามไดอยางถูกตอง ไดรับมอบหมายใหเสร็จทันภายใน
9. ครูกับผูเรียนรวมกันสรุปบทเรียนและวิธีการ เวลาทก่ี าํ หนด
นําไปประยกุ ตใ ช 5. ผูเรียนและครูผูสอนรวมกันสรุป
ส า ร ะ ก า ร เ รี ย น รู จ า ก สิ่ ง ท่ี ไ ด รั บ
มอบหมายตามใบงานและ
แบบฝก หดั
6. ผูเรียนจดบันทึกผลการสรุป และ
เ ท ค นิ ค วิ ธี ก า ร จ ด จํ า ที่ ค รู ผู ส อ น
แนะนํา
7. ผูเรียนบอกวิธีที่นําความรูจากบทเรียน
ไปประยุกตใชใหเกิดประโยชนและ
ประสทิ ธภิ าพสูงสดุ ตอไป
4. กจิ กรรมการเรียนรู
กอนเรียน
1. ผูเรียนทําแบบฝกหัดกอนเรยี น โดยการตอบคําถามเกี่ยวกับหนวยการเรียนตามภูมิความรู
ความสามารถของผเู รียน
2. ครใู หผ เู รยี นอา นใบความรเู พ่อื เตรยี มความพรอมในการเรียนและตอบคาํ ถามครูผสู อน
ขณะเรียน
1. ผเู รียนรว มกันศึกษาเน้ือหาตามใบงานแลว ตอบคาํ ถามและแสดงความคิดเหน็
2. ทาํ ใบงานและแบบฝกหดั หลงั เรียน
3. รวมกนั เฉลยใบงานและแบบฝกหดั หลังเรยี น
4. จดบันทึก เทคนคิ แนวการท่ีเปน ประโยชนตอ ผเู รยี น จากขอ แนะนําของครูผสู อน
36
5. ผเู รียนสรุปความรทู ่ีไดจ ากการเรียนตามความเปน จริง จากภมู คิ วามรูข องผเู รียนแตล ะคน
6. ผเู รยี นซกั ถามในหัวขอท่สี งสัยในเนื้อหาการเรียนรู
5. สอ่ื การเรียนการสอน
1. หนงั สือเรยี นวชิ าการสรางเวบ็ เพจ (ดว ยภาษา HTML)
2. ใบความรูป ระจาํ หนว ย
3. ใบงานและแบบฝก หัด
4. เครอื่ งไมโครคอมพิวเตอร
5. แผน ใสและเคร่อื งฉายภาพขา มศรี ษะ
6. ซดี ีสอื่ การสอน
6. วัดผลประเมนิ ผล
1. ผูเรยี นปฏบิ ัตภิ าระงานทีม่ อบหมายเสร็จทันเวลาท่กี ําหนด
2. ตอบคําถามและสรปุ ผลงานไดอยางถกู ตอ ง
3. ทําแบบฝก หัดหลังเรยี นเสรจ็ ทันเวลาทกี่ าํ หนดและถกู ตอง
4. สนใจกระตือรือรนในการเรียนรู ตอบคําถาม สรุปสาระการเรียนรู และกลาแสดงความ
คิดเห็น
7. กจิ กรรมเสนอแนะ
ถาผูเรียนมีการเตรียมตัวในการเรียนท่ีดี เชน อาน และทําการศึกษาหนังสือเกี่ยวกับหนวยการ
เรียนมากกอน ถึงช่ัวโมงเรียน ผูเรียน จะสามารถเรียน และทํากิจกรรมตาง ๆ ท่ีครูผูสอนมอบหมาย ได
อยางมคี วามสขุ และเกิดความชอบ และสนุกกับการเรียนในชนั้ เรยี น
37
เกณฑก ารประเมนิ ผล
วดั ผลสัมฤทธจ์ิ ากแบบประเมินผลการเรยี นรู
รอยละ 80-100 หมายถงึ ผลการเรยี นดีมาก
ผลการเรียนดี
รอยละ 70-79 หมายถงึ ผลการเรยี นปานกลาง
ผลการเรียนผา นเกณฑ
รอยละ 60-69 หมายถงึ ผลการเรียนไมผ า นเกณฑ
รอยละ 50-59 หมายถงึ
ตํ่ากวา รอยละ 50 หมายถึง
แบบประเมนิ พฤติกรรมรายบุคคล หมายถึง มีพฤติกรรมดี
หมายถึง มีพฤตกิ รรมพอใช
8-10 คะแนน หมายถงึ มพี ฤตกิ รรมทีต่ อ งปรบั ปรุง
5-7 คะแนน
ต่าํ กวา 5 คะแนน
38
แบบและเกณฑประเมินพฤตกิ รรมรายบุคคล
คําชแี้ จง ใหผ ูประเมินขีดเครือ่ งหมายถกู 9ในชองพฤตกิ รรมทค่ี าดหวังใหเ กิดกับนักเรียน
เกณฑการตัดสนิ
2 คะแนน หมายถงึ มพี ฤติกรรมในระดับแบบสม่ําเสมอ
1 คะแนน หมายถึง มีพฤติกรรมในระดับผา นเกณฑ
0 คะแนน หมายถึง มีพฤติกรรมในระดบั ไมผ านเกณฑ
เกณฑการประเมนิ หมายถึง มพี ฤตกิ รรมดี
หมายถงึ มพี ฤตกิ รรมพอใช
8 - 10 คะแนน หมายถงึ มีพฤตกิ รรมทต่ี องปรบั ปรงุ
5 - 7 คะแนน
ตาํ่ กวา 5 คะแนน
เลข ช่อื – สกุล พฤตกิ รรมของนกั เรียน ความ รวม
ที่ ผรู บั การ รอบคอบ 20
ความมวี นิ ัย ความ มนุษย ขยนั หมนั่
ประเมนิ รบั ผดิ ชอบ สัมพันธ เพียร 4321
1
2 4 3 2 1 4 3 2 1 4 3 2 1 4 3 21
3
4
5
6
7
8
9
39
10
11
12
13
14
15
16
17
18
19
20
21
22
ผปู ระเมนิ ……………………………
(…………………………..)
บันทึกหลังการสอน (ปญ หาและขอเสนอแนะ)
ผลการใชแผนการสอน
ผลการเรยี นของนักเรยี น
40
ผลการสอนของครู
เฉลยแบบฝกหดั หนว ยที่ 2
จงทําเครื่องหมายวงกลม ในหวั ขอ ท่ีถูกที่สุดเพียงขอเดยี ว
1. ขอใดกลา วไมถ กู ตอ งเกย่ี วกบั ภาษา HTML ?
ก. เปนภาษาหลกั ท่ใี ชในการสรา งเวบ็ เพจ
ข. คําสงั่ จะอยใู นเครอื่ งหมาย < และ >
ค. คาํ สงั่ สวนใหญจะแบง เปน 2 สว น คือ แทก็ เปด และแท็กปด
41
ง. ในแท็กปดจะตอ งมีเครอ่ื งหมาย \
2. ขอใดกลาวถกู ตองเกย่ี วกบั การเขยี นแทก็ ภาษา HTML ?
ก. ในการเขยี นแทก็ ซอนแทก็ ใหปด แท็กที่อยใู นสดุ กอ น
ข. บางแทก็ ไมจ าํ เปน ตอ งมแี ทก็ ปดก็สามารถใชงานได
ค. การใชต วั พมิ พเ ลก็ และตวั พมิ พใหญม คี วามหมายเหมือนกนั
ง. ถูกทุกขอ
3. ขอ ใดเปนรปู แบบของแท็กในภาษา HTML ?
ก. <แท็ก,ขอความ></แทก็ > ข. <แท็ก>ขอ ความ</แทก็ >
ค. <แท็ก>ขอความ<\แท็ก> ง. <แทก็ ,ขอ ความ><\แทก็ >
4. ขอ ใดคือสวนท่ีใสเนอ้ื หาของเว็บเพจทจ่ี ะไปแสดงผลท่เี วบ็ บราวเซอร ?
ก. <html> ... </html> ข. <head> ... </head>
ค. <body> ... </body> ง. <title> ... </title>
5. แทก็ <title> ... </title> เปนแท็กท่ีใชอ ยภู ายในแทก็ ขอ ใด ?
ก. <html> ... </html> ข. <head> ... </head>
ค. <body> ... </body> ง. <h2> ... </h2>
. ขอ ใดกลา วไมถ ูกตอ งเกย่ี วกบั XHTML ?
ก. เขียนโปรแกรมงายเพราะไมส นใจความแนน อนของภาษา
ข. เรม่ิ ตนใชงานไมย ากเพราะพฒั นามาจาก HTML 4
ค. การพฒั นาแทก็ คาํ สัง่ และโมดลู ใหทาํ งานรว มกันได
ง. สามารถทาํ งานไดเขา กบั ทกุ ระบบ
7. ขอใดกลาวถึง XHTML ไดอ ยางถกู ตอ ง ?
42
ก. พฒั นา XML ใหเ ขยี นภาษาในรูปแบบ HTML
ข. พัฒนา SGML ใหเ ขยี นภาษาแบบ HTML
ค. พัฒนา SGML ใหเ ขยี นภาษาแบบ XML
ง. พัฒนา HTML ใหเ ขียนภาษาในรปู แบบ XML
8. ขอ ใดคอื DOCTYPE รูปแบบ XHTML 1.0 Strick ?
ก. ไมเครง ครัดเรอ่ื งความถกู ตอ ง ใชกับบราวเซอรท ่ีไมร องรบั Cascading Style Sheet ได
ข. เครง ครดั เร่อื งความถกู ตอง ใชก บั บราวเซอรท ี่ไมร องรับ Cascading Style Sheet ได
ค. ใชกับเวบ็ เพจทต่ี อ งแสดงผลออกเปน หลายเฟรม หรอื ใช Frameset
ง. เครงครัดเรอื่ งความถกู ตอ ง ใชก บั บราวเซอรทร่ี องรับ Cascading Style Sheet
9. ขอไมใชบ ังคับของ XHTML คือขอ ใด ?
ก. แท็กพ้นื ฐานตอ งมีครบ
ข. ทกุ แท็กเปด ตอ งมีแท็กปด
ค. ชื่อคาํ สง่ั แอททรบิ วิ ท และคา ทีก่ าํ หนดใหแ อททรบิ ิวทเ ปน ตวั เลก็ ท้งั หมด
ง. ปดแทก็ ตามลาํ ดบั ใหถกู ตอง
10. ขอใดเขียน XHTML ถกู ตอ ง ? <B><U>Hello</U></B>
ก. <b><u>Hello</b></u>ข. ง. <dl compact="compact">
ค. <td rowspan=3>
ตอนที่ 2 จงใสเครือ่ งหมาย หนาขอ ความทถี่ ูกและใสเ คร่อื งหมาย หนาขอความที่ผดิ
......... 1. HTML ยอ มาจากคาํ วา HyperText Makeup Language
เปน ภาษาหลกั ทีใ่ ชใ นการสรา งหนา เวบ็ เพจ
......... 2. องคประกอบของภาษา HTML สามารถแบงออกเปน 2 สวน คือ
สว นท่เี ปนขอ ความทั่วๆ ไป และสว นทเี่ ปน คําส่งั ท่ใี ชใ นการกําหนดรูปแบบของขอความ
ทีแ่ สดง คอื แท็ก (Tag)
43
......... 3. <title>...</title> ขอความภายในแท็กนจ้ี ะเปน ชอ่ื หวั เร่อื งเวบ็ เพจทีต่ องการ
ซงึ่ จะตองมีความยาวไมเ กิน 64 ตัวอกั ษร
......... 4. ภาษา HTML เปนภาษาท่งี ายตอการตรวจสอบขอผิดพลาด
......... 5. ขอ ดขี องภาษา XHTML คอื การใชงานไมย ุง ยาก การใชคาํ สงั่ และโมดลู รว มกันได
......... 6. XHTML พฒั นามาจาก HTML4 โดยจะมีการเพ่มิ รูปแบบ และกาํ หนดเรอื่ งแท็ก
และแอททรบิ วิ ทตางๆ
......... 7. การเขียนภาษา XHTML จะมองตัวพิมพใ หญกบั พิมพเลก็ มีความหมายเหมือนกัน
......... 8. XHTML ตวั X ยอ มาจากคําวา eXtend HTML
......... 9. ในการกาํ หนดคาแอททริบวิ ทใหก าํ หนดในเครอื่ งหมาย "..." เสมอ
......... 10. DOCTYPE เปนการประกาศชนดิ ของเอกสาร ซงึ่ จะมผี ลตอ รปู แบบ
และคุณสมบัตกิ ารทํางานของแทก็ ทเี่ ราจะใชในเอกสารหนา น้ัน
ตอนที่ 3 จงตอบคําถามตอไปนี้
1. จงบอกถงึ องคป ระกอบของภาษา HTML
องคประกอบของภาษา HTML สามารถแบง ออกเปน 2 สว น คือสว นที่เปน ขอ ความทว่ั ๆไปและ
สว นทเ่ี ปนคาํ สง่ั ที่ใชใ นการกาํ หนดรปู แบบของขอ ความทแ่ี สดง ซง่ึ เราเรยี กคาํ สัง่ น้ีวา แท็ก (Tag)
โดยแทก็ ของคําสงั่ HTML จะอยใู นเคร่ืองหมาย < และ >
2. จงเขียนโครงสรา งพืน้ ฐานของ HTML
<html>
<Head>
<title> หัวขอ เวบ็ เพจ </title>
</Head>
<body>
สว นท่ีมเี นื้อหาและขอ มูลเกย่ี วกบั ภาพ link ทป่ี รากฏในเว็บเพจ
</body>
</html>
44
3. จงบอกขอดขี องภาษา XHTML มาอยา งนอย 3 ขอ
ขอ 1 การเร่ิมตนใชงานไมยุงยากเนื่องจากคําสั่งใน XHTML จะพัฒนามาจาก XHTML4 ซ่ึง
นักเขยี นเวบ็ คุนเคยกันดีอยูแลว
ขอ 2 สามารถใชกบั บราวเซอรมีอยไู ดท นั ทีไมตองมีการอพั เดตบราวเซอรใ หยงุ ยาก
ขอ 3 การใชค าํ สง่ั และโมดูลรว มกันไดใ นภาษา XHTML จะใหเราสามารถพฒั นา Element
Attrcute และโมดูลจะทาํ งานของเราเองไดแ ละสามารถสง ตอ ใหผ ูอื่นสามารถนาํ ไปใชไ ด
ขอ 4 การพัฒนาบราวเซอรท าํ ไดง ายและสะดวกเนื่องจากเขียนเว็บดว ย XHTML จะมี
รูปแบบทแ่ี นน อนตายตวั
ขอ 5 XHTML เปนภาษาท่ีไมซับซอ นและมคี วามแนน อน จึงไมจ าํ เปนตอ งใชบ ราวเซอรแ ละ
โปรเซสเซอรในการประมวลผลท่ีสูงมากนกั
แผนจดั การเรยี นรู วชิ า การสรา งเว็บเพจดว ยภาษา(HTML) 45
หนว ยท่ี 3 เรือ่ ง การจัดวางเนอ้ื หาบนหนา เวบ็
รหัสวิชา 2201-2414 ช้นั ปวช.
สัปดาห 3 เวลา 4 ชว่ั โมง
1. สาระสําคญั
โดยสวนใหญทุกเว็บเพจมักจะมีขอความยาวๆ บางหนาก็ยาวเปนพารากราฟ ดังนั้นจึงตองใช
คําสั่งท่ีเก่ียวของกับการจัดยอหนา การตัดคํา การค่ันหนา เพ่ือใหไดลักษณะของขอความเอกสารตามท่ี
ตอ งการ
2. จดุ ประสงคก ารเรียนรู
2.1 จุดประสงคท่วั ไป (จุดประสงคนาํ ทาง)
1. มคี วามรคู วามเขาใจเกยี่ วกบั คาํ สง่ั ในการจัดยอ หนา เอกสาร
2. มีความรคู วามเขา ใจเกย่ี วกับคาํ สง่ั ในการตดั คําบนหนา เอกสาร
3. มีความรูความเขาใจเกีย่ วกับคาํ สัง่ ในการคน่ั หนาเอกสาร
4. มคี วามรูความเขาใจเกยี่ วกบั การเพมิ่ หมายเหตใุ นหนา เอกสาร
2.2 จุดประสงคเชิงพฤติกรรม (จดุ ประสงคปลายทาง)
1. จัดยอ หนา ใหกับหนา เอกสารได
2. ตดั คาํ ในรปู แบบตา งๆบนหนา เอกสารเว็บเพจได
3. สรางเสนคน่ั หนา เอกสารเวบ็ เพจในรูปแบบตา งๆได
4. เพมิ่ หมายเหตุในหนา เอกสารเวบ็ เพจได
3. กิจกรรมการเรียนรู
กจิ กรรมครู กจิ กรรมผเู รยี น
ขน้ั เตรียม( 10 นาที)
1. ใหผูเรียนอานหนังสือเรียน เพื่อทําความเขาใจ 1. ผูเรียนอานหนังสือเรียน และทําความ
เกีย่ วกับคาํ สงั่ การจดั วางเนื้อหาบนหนาเวบ็ ประมาณ เขาใจเก่ียวกับคําสั่ง การจัดวางเน้ือหาบน
10 นาที หนา เว็บ
2. ครูตอบขอสงสยั ของผูเ รียน 2.ผเู รียน ซักถามขอสงสยั
3.จดบันทกึ คาํ ตอบของครูผสู อน
46
ขนั้ นําเขา สบู ทเรียน( 20 นาที)
1. ครูเขียนตัวอยาง แท็กตางๆที่ใชในการ การจัดวาง 1.ผเู รยี นชว ยกนั วเิ คราะหตัวอยาง
เนื้อหาบนหนาเว็บแลวซักถามเพื่อทราบความรู 2.ผูเรียนชวยกันแสดงความคิดเห็น และ
พื้นฐานของผูเรยี น ตอบคาํ ถาม
2. ครูชมเชยผูเรียนท่ีมีความพยายามตอบคําถามและ 3.ผูเรียนชวยกันแสดงความชื่นชมกับผูท่ี
แสดงความคิดเหน็ และใหผูเ รยี นในหอ งมีสวนรวม มีสว นรวมในการแสดงความคิดเห็นและ
ในการแสดงความช่ืนชมกับผูที่ตอบคําถาม ทั้งผูที่ ตอบคําถาม
ตอบถกู และผทู ีต่ อบไมถ กู
ข้นั ดําเนนิ การสอน( 180 นาที)
1 . บรรยาย อธิบาย และยกตวั อยา งประกอบ 1. จดบันทึก
2. ครูแนะนําเทคนิค และวิธีจัดยอหนาใหกับหนา 2. ผูเรยี นปฎบิ ัติตาม
เอกสาร ตัดคําในรูปแบบตางๆบนหนาเอกสารเว็บเพจ 3. ผูเรียนซกั ถามขอสงสยั
สรางเสนคั่นหนาเอกสารเว็บเพจในรูปแบบตางๆ เพ่ิม 4. ทําใบงานและแบบฝกหัดหลังเรียนท่ี
หมายเหตใุ นหนาเอกสารเวบ็ เพจ ใหผ ูเรียนปฎิบัติแลว ไดรับมอบหมายใหเสร็จทันภายใน
คอยใหคาํ แนะนํา เวลาทกี่ าํ หนด
3. ใหผูเรียนทําใบงานโดยการตอบคําถามและปฎิบัติ 5. ผเู รียนและครผู สู อนรว มกนั สรุปสาระ
การ จัดยอหนาใหกับหนาเอกสาร ตัดคําในรูปแบบ การเรียนรูจากสิ่งที่ไดรับมอบหมาย
ตางๆบนหนาเอกสารเว็บเพจ สรางเสนคั่นหนาเอกสาร ตามใบงานและแบบฝกหัด
เว็บเพจในรูปแบบตางๆ เพ่ิมหมายเหตุในหนาเอกสาร 6. ผูเรียนจดบันทึกผลการสรุป และ
เว็บเพจ เทคนิควธิ กี ารจดจําทค่ี รูผสู อนแนะนํา
1. ทําแบบฝกหัดหลังเรียนและใหผูเรียนสงภายในเวลา
ท่กี ําหนด
2. ตรวจใบงานและแบบฝกหัด
3. ครูและผเู รียนรวมกนั เฉลยใบงานและแบบฝก หัด
47
กจิ กรรมครู กจิ กรรมผเู รยี น
ขนั้ สรปุ ( 30 นาท)ี
4. ครูใหผูเรียนในหองสรุปความรูที่ไดจากการ 7. ผูเรียนบอกวิธีท่ีนําความรูจากบทเรียนไป
เรยี นทุกหวั ขอการเรียนรู ป ร ะ ยุ ก ต ใ ช ใ ห เ กิ ด ป ร ะ โ ย ช น แ ล ะ
5. ครูสุมถามผเู รียนในหอ งเรียนเพ่ือตอบคําถาม ประสิทธภิ าพสูงสุดตอ ไป
ครดู าํ เนินการถามจนผเู รียนจนกวาผูเรียนจะ
ถามคาํ ถามไดอ ยางถกู ตอง
6. ครูกับผูเรียนรวมกันสรุปบทเรียนและ
วิธีการนําไปประยกุ ตใ ช
4. กจิ กรรมการเรียนรู
กอนเรยี น
1. ผูเรียนทําแบบฝกหัดกอนเรียน โดยการตอบคําถามเก่ียวกับหนวยการเรียนตามภูมิความรู
ความสามารถของผูเรียน
2. ครใู หผ ูเรียนอานใบความรูเพื่อเตรียมความพรอ มในการเรยี นและตอบคําถามครผู ูสอน
ขณะเรยี น
1. ผูเรียนรว มกนั ศกึ ษาเนื้อหาตามใบงานแลวตอบคาํ ถามและแสดงความคิดเห็น
2. ทาํ ใบงานและแบบฝก หัดหลงั เรียน
3. รวมกนั เฉลยใบงานและแบบฝก หัดหลังเรยี น
4. จดบันทกึ เทคนิค แนวการทีเ่ ปน ประโยชนต อ ผเู รยี น จากขอ แนะนาํ ของครูผูสอน
5. ผเู รียนสรปุ ความรูทไี่ ดจ ากการเรยี นตามความเปนจรงิ จากภมู คิ วามรูของผเู รยี นแตละคน
6. ผูเ รยี นซักถามในหัวขอ ทส่ี งสยั ในเนอื้ หาการเรียนรู
5. สอื่ การเรยี นการสอน
1. หนงั สือเรียนวชิ าการสรางเวบ็ เพจ (ดว ยภาษา HTML)
2. ใบความรูป ระจําหนวย
3. ใบงานและแบบฝกหัด
4. เคร่ืองไมโครคอมพิวเตอร
5. แผนใสและเครอ่ื งฉายภาพขา มศรี ษะ
48
6. ซีดสี อื่ การสอน
6. วดั ผลประเมนิ ผล
1. ผเู รียนปฏบิ ัติภาระงานท่มี อบหมายเสร็จทันเวลาที่กาํ หนด
2. ตอบคําถามและสรุปผลงานไดอ ยางถูกตอ ง
3. ทาํ แบบฝกหดั หลงั เรียนเสร็จทนั เวลาทกี่ ําหนดและถูกตอ ง
4. สนใจกระตือรือรนในการเรียนรู ตอบคําถาม สรุปสาระการเรียนรู และกลาแสดงความ
คิดเหน็
7. กจิ กรรมเสนอแนะ
ถาผูเรียนมีการเตรียมตัวในการเรียนที่ดี เชน อาน และทําการศึกษาหนังสือเกี่ยวกับหนวยการ
เรียนมากกอน ถึงชั่วโมงเรียน ผูเรียน จะสามารถเรียน และทํากิจกรรมตาง ๆ ที่ครูผูสอนมอบหมาย ได
อยางมคี วามสุข และเกดิ ความชอบ และสนกุ กับการเรยี นในชัน้ เรียน
เกณฑก ารประเมินผล
วดั ผลสัมฤทธ์จิ ากแบบประเมนิ ผลการเรียนรู
รอ ยละ 80-100 หมายถึง ผลการเรยี นดีมาก
ผลการเรียนดี
รอ ยละ 70-79 หมายถงึ ผลการเรยี นปานกลาง
ผลการเรยี นผา นเกณฑ
รอยละ 60-69 หมายถึง ผลการเรยี นไมผ านเกณฑ
รอ ยละ 50-59 หมายถึง
ตา่ํ กวา รอ ยละ 50 หมายถงึ
แบบประเมนิ พฤติกรรมรายบุคคล หมายถึง มพี ฤตกิ รรมดี
หมายถงึ มีพฤตกิ รรมพอใช
8-10 คะแนน หมายถงึ มีพฤตกิ รรมทต่ี อ งปรบั ปรงุ
5-7 คะแนน
ต่ํากวา 5 คะแนน
49
แบบและเกณฑประเมินพฤตกิ รรมรายบุคคล
คําชแี้ จง ใหผ ูประเมินขีดเครือ่ งหมายถกู 9ในชองพฤตกิ รรมทค่ี าดหวังใหเ กิดกับนักเรียน
เกณฑการตัดสนิ
2 คะแนน หมายถงึ มพี ฤติกรรมในระดับแบบสม่ําเสมอ
1 คะแนน หมายถึง มีพฤติกรรมในระดับผา นเกณฑ
0 คะแนน หมายถึง มีพฤติกรรมในระดบั ไมผ านเกณฑ
เกณฑการประเมนิ หมายถึง มพี ฤตกิ รรมดี
หมายถงึ มพี ฤตกิ รรมพอใช
8 - 10 คะแนน หมายถงึ มีพฤตกิ รรมทต่ี องปรบั ปรงุ
5 - 7 คะแนน
ตาํ่ กวา 5 คะแนน
เลข ช่อื – สกุล พฤตกิ รรมของนกั เรียน ความ รวม
ที่ ผรู บั การ รอบคอบ 20
ความมวี นิ ัย ความ มนุษย ขยนั หมนั่
ประเมนิ รบั ผดิ ชอบ สัมพันธ เพียร 4321
1
2 4 3 2 1 4 3 2 1 4 3 2 1 4 3 21
3
4
5
6
7
8
9
50
10
11
12
13
14
15
16
17
18
19
20
21
22
ผปู ระเมนิ ……………………………
(…………………………..)
บันทึกหลังการสอน (ปญ หาและขอเสนอแนะ)
ผลการใชแผนการสอน
ผลการเรยี นของนักเรยี น