แผน ชินวัตร 63

แผนการจัดการเรยี นรทู้ ่ี 16

ชอ่ื หน่วยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพิวเตอร์ หน่วยยอ่ ยที่ 2
เร่อื ง
วันที่ทาการสอน การสร้างเวบ็ ไซต์ภาษา HTML เวลา 1 ชัว่ โมง

ผ้สู อน นายชนิ วัตร คาสุดใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ช้ีวัด
ง 2.1 ม.3/2 สรา้ งสง่ิ ของเคร่ืองใช้หรอื วธิ กี ารตาม
การสรา้ งเว็บไซตจ์ ะต้องทาการสรา้ งหลักจากทาการออกแบบ กระบวนการเทคโนโลยอี ยา่ งปลอดภยั ออกแบบโดย
ถา่ ยทอดความคิดเปน็ ภายฉายเพอ่ื นาไปส่กู ารสรา้ งตน้ แบบ
ไซตเ์ ปน็ ทเี่ รยี บร้อย และใชค้ าสัง่ สงิ่ ตา่ งๆท่จี ะต้องมาทาใหเ้ กดิ
และแบบจาลองของส่ิงของเครอ่ื งใชห้ รอื ถ่ายทอดความคดิ
การสรา้ งตามแบบทต่ี นเองออกแบบหน้าเวบ็ ไซตข์ องตนเอง ของวิธีการเปน็ แบบจาลองความคดิ และการรายงานผล

3. เนือ้ หา/สาระการเรียนรู้ 4. ช้ินงาน/ภาระงาน
- การสร้างเวบ็ ไซต์ภาษา HTML - Workshop ให้นกั เรียนสรา้ งเว็บไซตต์ ามแบบทต่ี นเองได้

ออกแบบให้คร้ังแล้ว

5. เคร่อื งมือการสอนคิด
- 6 hats (Green hat)

6. กจิ กรรมการเรียนรู้ 7. สอ่ื 8. วิธวี ดั ผล
ข้นั ของกิจกรรม

Do Now (3 นาที) - Power point - การตอบคาถาม
- ตรวจ Workshop
บอกสงิ่ ที่เกิดการสร้างจากมนุษย์ ประกอบการสอน

Purpose (2 นาที) เร่ือง การสร้างเว็บไซต์
เราจะเรยี นเร่ืองการสร้างเว็บไซต์ภาษา HTML /วัตถุประสงค์ของการ
ภาษา HTML

สร้างเว็บไซต์ภาษา HTML เพื่อให้นักเรียนปฏิบัติในการสร้างเว็บไซต์

ภาษา HTML

- งานนาเสนอ เร่อื ง
การสร้างเวบ็ ไซตภ์ าษา
HTML

Work mode (40 นาท)ี
1. นกั เรยี นฟงั ครยู กตัวอย่างในการสรา้ งเว็บไซตภ์ าษา HTML โดยยกเวบ็ ไซต์
ต่างๆ เพื่อให้ได้เห็นภาพในการสร้างเว็บไซต์
2. นกั เรียนฟังครูอธิบายการสรา้ งเวบ็ ไซตภ์ าษา HTML ทาตามข้ันตอนในที่
ออกแบบในสตอร่ีบอรด์ Workshop (Green hat)
3. ครูเดนิ ดนู ักเรยี นในขณะปฏบิ ตั งิ านและคอยให้คาแนะนา
Reflective thinking (5 นาที)
- บอก 3 สง่ิ ทน่ี ักเรยี นไดร้ บั ในวนั น้ี
- บอก 2 ส่ิงท่ีนักเรียนต้องการรเู้ พม่ิ เติม
- บอก 1 ส่ิงทน่ี ักเรยี นสงสยั

แบบทดสอบ
1. ระหว่าง home page และ web page มขี ้อแตกตา่ งกันอยา่ งไร

1. ท่เี ก็บเวบ็ เพจ โปรแกรมท่ีใชเ้ รยี นเวบ็ ไซต์
2. เวบ็ ท่เี ป็นเพจทเี่ ปน็ หน้าแรก เอกสารข้อมลู ในแตล่ ะหนา้
3. โปแกรมท่ใี ช้เรยี นกเว็บไซต์ เอกสารข้อมลู ในแตล่ ะหนา้
4. ทเ่ี กบ็ เว็บเพจ เอกสารข้อมูลในแต่ละหน้า
2. ไฟล์ท่ีใชเ้ ปน็ หนา้ โฮมเพจ (Home Page) ของแตล่ ะเวบ็ ไซต์ที่ Server
ท่ัวไปรู้จักต้องต้ังช่ือว่าอะไร
1. Doc.
2. Xls.
3. Index.
4. Word

ผลการสอน ปัญหาการสอน

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

............................................................................................................................. ..........................................................

............................................................................................................................. ..........................................................

.......................................................................................................................................................................................

............................................................................................................................. ..........................................................

.... ความคิดเหน็ ของผู้ตรวจ ( ก่อนการนาแผนการจัดการเรยี นรไู้ ปใช้)

.............................................................................................................................. .........................................................

.......................................................................................................................................................................................

ลงชอื่ ...........................................................ผู้ตรวจ

(...............................................................)

ความคดิ เห็นของผู้ตรวจทาน
....................................................................................................................................................... ................................

........................................................................................................... ..............................................................

ลงชือ่ ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลังการนาแผนการจัดการเรียนรูไ้ ปใช้)
............................................................................................................................. ..........................................................
............................................................................................................................. ..........................................................

..
ลงชื่อ...........................................................หวั หน้ากลุ่มสาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

แผนการจัดการเรียนร้ทู ี่ 17

ชอ่ื หนว่ ยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพวิ เตอร์ หนว่ ยยอ่ ยที่ 2
เรือ่ ง
วนั ทที่ าการสอน การจัดการเวบ็ ไซต์ภาษา HTML เวลา 1 ชั่วโมง

ผูส้ อน นายชนิ วัตร คาสดุ ใจ

1. สาระสาคัญ 2. มาตรฐาน/ตวั ช้ีวดั
ง 2.1 ม.3/2 สร้างส่งิ ของเครื่องใชห้ รอื วธิ ีการตาม
การจัดการเวบ็ ไซตเ์ ปน็ สงิ่ ทสี่ าคญั ของเว็บไซตเ์ พราะทางเว็บไซต์ กระบวนการเทคโนโลยอี ยา่ งปลอดภยั ออกแบบโดย
จะตอ้ งนาเสนอขอ้ มลู และการจัดเกบ็ ข้อมูลในเนอื้ หาของเวบ็ ไซต์ ถ่ายทอดความคดิ เปน็ ภายฉายเพือ่ นาไปสู่การสร้างตน้ แบบ
ในการจดั เกบ็ ขอ้ มลู ของเว็บไซต์ผสู้ ร้างจะตอ้ งเป็นคนกาหนด
และแบบจาลองของสิ่งของเคร่ืองใชห้ รือถา่ ยทอดความคิด
ข้อมูลว่าจะตอ้ งการจดั การทางดา้ นใดบา้ งและเกี่ยวกับเรื่องท่ี ของวธิ ีการเป็นแบบจาลองความคดิ และการรายงานผล

ตอนเองไดส้ รา้ งขึน้

3. เนือ้ หา/สาระการเรียนรู้ 4. ชน้ิ งาน/ภาระงาน
- การจัดการเว็บไซต์ภาษา HTML - ใบงาน การจดั การเว็บไซต์ภาษา HTML
- Workshop ใหน้ กั เรยี นจัดการเว็บไซต์ข้อมูลต่างๆตามที่

ผูส้ รา้ งในต้องการจะเกบ็ ข้อมูล

5. เครอ่ื งมือการสอนคดิ
- Diagram

6. กิจกรรมการเรียนรู้ 7. สอ่ื 8. วธิ วี ัดผล
ขนั้ ของกจิ กรรม

Do Now (3 นาที) - Power point - ใบงาน การจดั
บอกส่งิ ทส่ี ามารถจดั การเป็นหมวดหมไู่ ด้ ประกอบการสอน การเว็บไซต์ภาษา
เร่อื ง การจดั การเวบ็ ไซต์ HTML
Purpose (2 นาที) - ตรวจ Workshop
เราจะเรียนเร่ืองการจัดการเว็บไซต์ภาษา HTML /วัตถุประสงค์ของ ภาษา HTML

การจดั การเวบ็ ไซต์ภาษา HTML เพ่ือให้นักเรียนปฏิบัติในการจัดข้อมูลใน

ส่งิ ต่างๆ - ใบงาน การจัดการ
เว็บไซตภ์ าษา HTML

Work mode (40 นาที)
1. นักเรยี นฟงั ครูยกตวั อย่างในการสร้างเวบ็ ไซต์ภาษา HTML โดยยกเว็บ
ไซตต์ า่ งๆ เพ่ือใหไ้ ด้เห็นภาพในการสรา้ งเวบ็ ไซต์
2. นักเรียนฟงั ครูอธิบายการจัดข้อมูลของเว็บไซต์ทจี่ ะสร้างควรเก็บข้อมูล
ทางด้านใดบ้าง
3. นักเรียนเขียนทาใบงานเร่ือง Diagram เรอ่ื ง การจดั การเว็บไซต์ภาษา
HTML
4. ครเู ดนิ ดูนกั เรยี นในขณะปฏบิ ัตงิ านและคอยให้คาแนะนา
Reflective thinking (5 นาที)
- บอก 3 สงิ่ ทีน่ กั เรียนได้รบั ในวันน้ี

- บอก 2 ส่งิ ทน่ี ักเรียนต้องการร้เู พิ่มเติม

- บอก 1 สงิ่ ทน่ี ักเรียนสงสัย

แบบทดสอบ
1. HTML ย่อมาจากคาวา่ Hyper Text Markup Language

1. เปน็ ภาษาที่ใช้ในการแสดงผลของเอกสารบน website
2. เปน็ ภาษาที่ใชใ้ นการจัดเก็บขอ้ มลู ตา่ ง
3. เปน็ ภาษาทไ่ี ม่สามารถทาอะไรได้มากเทา่ ไร
4. เปน็ ภาษทใี่ นการเขยี นค่อยข้างยากบน website
2. นอกจาก HTML ในการสร้างเวบ็ ยงั มีเวบ็ ใดบา้ งท่สี ามารถสรา้ งเว็บได้
1. Joomal
2. word
3. world
4. photoshop cs6

ผลการสอน ปญั หาการสอน

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

................................................................................... .......................................................................................
แนวทางการแก้ไขปญั หา

....................................................................................................... ................................................................................

............................................................................................................................. ..........................................................

............................................................................................................................. ..........................................................

.......................................................................................................................................................................................

.... ความคดิ เหน็ ของผู้ตรวจ ( ก่อนการนาแผนการจดั การเรยี นรไู้ ปใช)้

.......................................................................................................................................................................................

.......................................................................................................................................................................................

ลงชอ่ื ...........................................................ผู้ตรวจ

(...............................................................)

ความคดิ เห็นของผ้ตู รวจทาน
.............................................................................................................................. .........................................................

............................................................................................................................................ .............................

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคิดเหน็ ของหัวหนา้ กลุ่มสาระ ( หลังการนาแผนการจัดการเรยี นรู้ไปใช)้
.......................................................................................................................................................................................
............................................................................................................................. ..........................................................

..
ลงช่ือ...........................................................หวั หน้ากลมุ่ สาระ

(นางสาววรรณศริ ิ ฮอ้ รอด)

แผนการจดั การเรียนรูท้ ี่ 18

ชอ่ื หน่วยการเรยี นรู้ การเขียนโปรแกรมภาษาคอมพิวเตอร์ หน่วยยอ่ ยที่ 2
เร่ือง
วนั ทีท่ าการสอน การนาเสนอผลงานเว็บไซต์ภาษา HTML (1) เวลา 1 ชัว่ โมง

ผู้สอน นายชินวตั ร คาสุดใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ชีว้ ัด
ง 2.1 ม.3/2 สร้างสงิ่ ของเคร่ืองใชห้ รอื วิธีการตาม
การนาเสนอเวบ็ ไซตถ์ อื ได้ว่าเป็นสว่ นสาคัญของความสาเร็จใน กระบวนการเทคโนโลยอี ยา่ งปลอดภัยออกแบบโดย
ถ่ายทอดความคิดเปน็ ภายฉายเพื่อนาไปสูก่ ารสร้างต้นแบบ
การนาเสนอ เพราะคณุ สมบตั ขิ องผนู้ าเสนอจะมอี ทิ ธิพลต่อการ
และแบบจาลองของสงิ่ ของเครื่องใช้หรอื ถา่ ยทอดความคิด
โน้นนา้ วชักจงู ให้เกิดความสนใจ ความไว้วางใจ เช่ือถือ และการ ของวิธกี ารเป็นแบบจาลองความคดิ และการรายงานผล

ยอมรับได้มาก เทา่ กบั หรือมากกวา่ เนื้อหาทนี่ าเสนอ

3. เน้ือหา/สาระการเรียนรู้ 4. ชิน้ งาน/ภาระงาน
- การนาเสนอผลงานเวบ็ ไซต์ภาษา HTML (1) - นาเสนอผลงานเวบ็ ไซตข์ องนักเรยี น

5. เครื่องมือการสอนคิด
- Diagram

6. กจิ กรรมการเรียนรู้ 7. สอ่ื 8. วิธวี ดั ผล
ขั้นของกจิ กรรม

Do Now (3 นาที) - ผลงานเว็บไซตท์ ่นี าเสนอ - ตรวจผลงาน

บอกรายการทมี่ ีอยใู่ นโทรทัศน์ 1 อย่าง เวบ็ ไซต์ทนี่ าเสนอ

Purpose (2 นาที) ผลงาน

เราจะเรียนเรื่องการนาเสนอผลงานเว็บไซต์ภาษา HTML (1) /

วัตถุประสงคข์ องการจัดการเวบ็ ไซต์ภาษา HTML เพื่อให้นักเรียนนาเสนอ

ผลงานของนักเรียน เพ่อื ให้นักเรยี นรู้ข้อบกพรอ่ งของเวบ็ ไซต์

Work mode (40 นาที)

1. แนะนาชื่อเร่ืองของเว็บไซต์ตนเอง

2. แนะนาการใช้งานเว็บไซต์ท่ีนักเรียนได้พัฒนา
3. สาธติ การใช้งานของเว็บไซตข์ องนักเรยี น
4. ใหน้ ักเรียนสรุป Diagram เรอ่ื งทีน่ าเสนอผลงาน
Reflective thinking (5 นาที)
- บอก 3 สง่ิ ท่ีนักเรยี นไดร้ บั ในวันนี้
- บอก 2 สง่ิ ท่นี กั เรยี นตอ้ งการรเู้ พ่มิ เตมิ
- บอก 1 ส่ิงท่นี กั เรยี นสงสัย

แบบทดสอบ
1. ข้อใดคือลักษณะการนาเสนอท่ดี ี

1. ผูน้ าเสนอมีเทคนิคและวิธกี ารดี
2. ผ้นู าเสนอพอมีความรู้อย่บู ้าง
3. ผนู้ าเสนอมีวัสดุอุปกรณ์มากมาย
4. ผนู้ าเสนอมีสุขภาพที่ดี
2. ขอ้ ใดคือความหมายของการนาเสนอข้อมูล
1. การบอกให้รู้หรือแจง้ ข้อมูลขา่ วสารตา่ งๆ
2. การเสนอข้อมลู ขา่ วสารแก่ประชาชน
3. การใชท้ กั ษะและความชานาญในการ นาเสนอ
4. การสื่อสารเพื่อเสนอข้อมลู ความรู้ ความคดิ เหน็ หรอื ความ
ตอ้ งการไปสผู่ รู้ ับ

ผลการสอน ปัญหาการสอน

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

................................................................................... .......................................................................................
แนวทางการแก้ไขปญั หา

....................................................................................................................................................................... ................

................................................................................................................... .............................................................. ......

............................................................................................................................. ..........................................................

.................................................................................................................................. .....................................................

.... ความคิดเห็นของผ้ตู รวจ ( ก่อนการนาแผนการจดั การเรยี นรู้ไปใช)้

........................................................................................................................................ ...............................................

.......................................................................................................................................................................................

ลงชื่อ...........................................................ผ้ตู รวจ

(...............................................................)

ความคิดเหน็ ของผูต้ รวจทาน
.............................................................................................................................. .........................................................

.............................................................................................................................. ...........................................

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลังการนาแผนการจัดการเรียนร้ไู ปใช้)
...................................................................................................................................... .................................................
.................................................................................. .....................................................................................................

..
ลงชอื่ ...........................................................หวั หน้ากลุ่มสาระ

(นางสาววรรณศิริ ฮอ้ รอด)

แผนการจัดการเรียนรู้ท่ี 19

ชอ่ื หนว่ ยการเรียนรู้ การเขียนโปรแกรมภาษาคอมพิวเตอร์ หน่วยยอ่ ยที่ 2
เรือ่ ง
วันทท่ี าการสอน การนาเสนอผลงานเวบ็ ไซต์ภาษา HTML (2) เวลา 1 ช่ัวโมง

ผสู้ อน นายชนิ วัตร คาสดุ ใจ

1. สาระสาคญั 2. มาตรฐาน/ตวั ชีว้ ัด
ง 2.1 ม.3/2 สร้างส่ิงของเคร่ืองใชห้ รือวธิ ีการตาม
การนาเสนอเวบ็ ไซตถ์ อื ได้วา่ เปน็ สว่ นสาคญั ของความสาเรจ็ ใน กระบวนการเทคโนโลยีอยา่ งปลอดภยั ออกแบบโดย
ถ่ายทอดความคดิ เป็นภายฉายเพือ่ นาไปสกู่ ารสร้างต้นแบบ
การนาเสนอ เพราะคณุ สมบัตขิ องผ้นู าเสนอจะมีอทิ ธพิ ลตอ่ การ
และแบบจาลองของส่ิงของเคร่ืองใช้หรือถ่ายทอดความคิด
โน้นน้าวชกั จูงใหเ้ กดิ ความสนใจ ความไวว้ างใจ เช่ือถอื และการ ของวิธกี ารเปน็ แบบจาลองความคิดและการรายงานผล

ยอมรบั ไดม้ าก เท่ากบั หรือมากกวา่ เน้อื หาทีน่ าเสนอ

3. เน้ือหา/สาระการเรยี นรู้ 4. ช้ินงาน/ภาระงาน
- การนาเสนอผลงานเว็บไซต์ภาษา HTML (1) - นาเสนอผลงานเวบ็ ไซตข์ องนกั เรยี น

5. เครื่องมือการสอนคิด
- Diagram

6. กิจกรรมการเรยี นรู้ 7. สอ่ื 8. วธิ ีวัดผล
ขน้ั ของกจิ กรรม

Do Now (3 นาที) - ผลงานเวบ็ ไซตท์ น่ี าเสนอ - ตรวจผลงาน

บอกชอ่ื สนิ ค้าในการโฆษณา 1 อยา่ ง เวบ็ ไซต์ท่นี าเสนอ

Purpose (2 นาที) ผลงาน

เราจะเรียนเรื่องการนาเสนอผลงานเว็บไซต์ภาษา HTML (1) /

วตั ถุประสงค์ของการจัดการเว็บไซต์ภาษา HTML เพื่อให้นักเรียนนาเสนอ

ผลงานของนกั เรียน เพ่ือใหน้ กั เรยี นรูข้ ้อบกพร่องของเว็บไซต์

Work mode (40 นาที)

1. แนะนาชือ่ เร่ืองของเวบ็ ไซต์ตนเอง

2. แนะนาการใชง้ านเว็บไซต์ที่นกั เรยี นได้พัฒนา
3. สาธติ การใชง้ านของเวบ็ ไซตข์ องนักเรียน
4. ใหน้ ักเรยี นสรปุ Diagram เร่อื งท่ีนาเสนอผลงาน
Reflective thinking (5 นาที)
- บอก 3 ส่ิงที่นักเรยี นไดร้ ับในวนั น้ี
- บอก 2 ส่ิงที่นกั เรยี นต้องการรเู้ พ่ิมเตมิ
- บอก 1 สงิ่ ทน่ี ักเรียนสงสยั

แบบทดสอบ
1. ข้อใดเตรียมการนาเสนอได้ถูกต้อง

1. สรปุ ประเดน็ วเิ คราะห์เน้ือหา ศกึ ษาข้อมลู วางแผนการ
นาเสนอ

2. กาหนดวิธกี ารนาเสนอ วางแผนการนาเสนอ ศึกษาขอ้ มูล
เตรียมวสั ดุอุปกรณ์

3. ศกึ ษาข้อมลู วางแผนการนาเสนอ เตรียมวสั ดอุ ุปกรณ์ เตรียม
สถานท่ี

4. วางแผนการนาเสนอศึกษาขอ้ มลู สรปุ ประเดน็ เตรยี มวสั ดุ
อุปกรณ์
2. ข้อใดเกย่ี วกับการวเิ คราะห์วาระโอกาสในการนาเสนอ

1. สถานท่ีมคี วามเหมาะสมหรอื ไม่
2. การนาเสนอจัดขึ้นในงานอะไร
3. ผฟู้ งั ส่วนใหญ่มคี วามรูร้ ะดับใด
4. ประสทิ ธิภาพในการทางานเปน็ อยา่ งไร

ผลการสอน ปญั หาการสอน

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

........................................................................................ .......................................................................................

................................................................................... .......................................................................................
แนวทางการแกไ้ ขปญั หา

............................................................................................................................. ..........................................................

.......................................................................................................................................................................................

............................................................................................................................. ..........................................................

............................................................................................................................. ..........................................................

.... ความคดิ เห็นของผ้ตู รวจ ( ก่อนการนาแผนการจัดการเรียนร้ไู ปใช)้

.............................................................................................................................. .........................................................

.......................................................................................................................................................................................

ลงชอื่ ...........................................................ผ้ตู รวจ

(...............................................................)

ความคิดเห็นของผู้ตรวจทาน
...................................................................................................... ................................................. ................................

.............................................................................................................................. ...........................................

ลงช่ือ...........................................................ผตู้ รวจทาน
(...............................................................)

ความคดิ เหน็ ของหวั หน้ากลุ่มสาระ ( หลงั การนาแผนการจัดการเรยี นรูไ้ ปใช)้
............................................................................................................................. ..........................................................
.................................................................................................................................................. .....................................

..
ลงชื่อ...........................................................หวั หน้ากลุ่มสาระ

(นางสาววรรณศิริ ฮ้อรอด)