30900-0001 การโปรเเกรมเว็ปเบื้องต้น

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

หว่ งที่ 2 ความมีเหตุผล
1. นกั เรียนสามารถทำใบงานทีไ่ ดร้ ับมอบหมายใหต้ ามความรคู้ วามสามารถของตนเอง
2. นักเรียนสามารถอธิบายในเนอ้ื หาหนว่ ยการเรยี นรู้ดว้ ยตนเองได้

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

เงื่อนไขที่ 1 ความรู้
นกั เรียนมคี วามรคู้ วามเขา้ ใจในเร่อื ง

1. การสรา้ งลงิ ค์
2. การใช้ภาพเป็นลงิ ค์
3. การลงิ คไ์ ปยงั ไฟลอ์ ่นื ๆ ท่ีไมใ่ ช่เอกสาร
4. การสรา้ งลงิ ค์เพ่ือส่งอเี มล
5. การกำหนดสขี องลิงค์
6. การทำ Image Map
7. การสรา้ งลิงคแ์ บบ Rollover
เงอื่ นไขที่ 2 คุณธรรม
นกั เรยี นควรมีคุณธรรม จริยธรรม และคณุ ลักษณะอันพึงประสงค์ ดังนี้
1. การปฏิบัติตามกฎระเบยี บของสถานศึกษา
2. ความตรงต่อเวลา
3. ความสนใจปฏบิ ตั งิ านท่ีได้รบั มอบหมายดว้ ยความกระตอื รือร้น
4. มคี วามรบั ผิดชอบต่อหน้าที่ มีจิตอาสา
5. มีความสะอาดและเป็นระเบยี บเรยี บรอ้ ย
6. มีความซือ่ สัตยต์ ่อตนเองและสว่ นรวม
7. เห็นคุณคา่ และมเี จตคตทิ ่ดี ตี ่อรายวชิ าท่ีศกึ ษา

การเช่อื มโยง 4 มิติ
มติ ิดา้ นสังคม : สามารถทำงานทไ่ี ดร้ บั มอบหมายร่วมกบั ผู้ได้เปน็ อยา่ งดี ปฏิบตั ิตามคำสัง่ ของครผู ูส้ อน

มีส่วนร่วมในการทำกจิ กรรมในช้ันเรยี น
ดา้ นวฒั นธรรม : รบั ผิดชอบต่องานทีไ่ ดร้ ับมอบหมาย มคี วามตรงต่อเวลา มคี วามซอ่ื สตั ย์สจุ ริตตอ่

ตนเองและผ้อู ่ืน
ด้านเศรษฐกิจ : รู้จักมคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานสง่ ครู ปิดเครอื่ ง

คอมพิวเตอรห์ ลังจากหมดคาบเรยี น
ด้านส่งิ แวดล้อม : แต่งกายใหส้ ภุ าพเรยี บร้อยตามระเบยี บของวิทยาลัยฯ ไม่นำอาหารหรอื เคร่อื งดมื่

เขา้ ไปรับประทานในห้องเรยี น

6. กิจกรรมการเรยี นรู้
ขั้นนำเขา้ สูบ่ ทเรียน
1. นักศึกษารว่ มกันอภปิ รายเร่ืองเช่ือมโยงเว็บเพจดว้ ยลงิ ค์ (Link)
2. อาจารยส์ รุปทำความเข้าใจเร่อื งเชอ่ื มโยงเว็บเพจดว้ ยลงิ ค์ (Link)
ข้ันสอน
1. อาจารยผ์ ูส้ อนอธบิ ายการสรา้ งลิงค์
2. อาจารย์ผู้สอนอธบิ ายการใชภ้ าพเปน็ ลิงค์
3. อาจารยผ์ ู้สอนอธบิ ายการลิงค์ไปยังไฟลอ์ นื่ ๆ ทไี่ มใ่ ช่เอกสาร
4. อาจารยผ์ สู้ อนอธบิ ายการสรา้ งลงิ ค์เพ่ือส่งอเี มล
5. อาจารย์ผู้สอนอธบิ ายการกำหนดสีของลิงค์
6. อาจารยผ์ ู้สอนอธบิ ายการทำ Image Map
7. อาจารยผ์ ู้สอนอธิบายการสร้างลงิ คแ์ บบ Rollover
8. ให้นักเรยี นปฏบิ ัติตามคำสง่ั ในใบงาน
ขั้นสรุปและการประยุกต์
1. นกั ศกึ ษาทำแบบประเมินผลการเรยี นรู้หน่วยท่ี 6 และประเมนิ ตนเองโดยใชแ้ บบประเมนิ ตนเองที่

อาจารยม์ อบให้ เพ่ือทดสอบความซ่อื สัตย์
2. อาจารย์และนักศึกษาร่วมกันสรปุ บทเรียน เปิดโอกาสใหซ้ ักถามถ้ามขี อ้ สงสยั ในเรือ่ งใด

7. สอื่ การเรียนการสอน
1. หนังสือการโปรแกรมเว็บ1
2. สอ่ื ภาพน่ิง power point
3. สอื่ อินเทอร์เน็ต

8. หลกั ฐานการเรยี นรู้
1. แบบสงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรยี นรหู้ น่วยท่ี 6
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอันพงึ ประสงค์ โดยครูผู้สอนและนกั ศึกษา

ร่วมกันประเมิน

9. วธิ วี ดั ผลและประเมนิ ผล

วธิ วี ดั ผล
1. สงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยที่ 6
3. การสงั เกตและประเมินผลพฤตกิ รรมด้านคุณธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลกั ษณะอนั พึงประสงค์

เครอ่ื งมือวัดผล
1. แบบสงั เกตพฤติกรรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยที่ 6
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอันพงึ ประสงค์ โดยครูผสู้ อนและนักศึกษา

รว่ มกันประเมนิ
เกณฑก์ ารประเมนิ ผล
11. เกณฑ์ผา่ นการสงั เกตพฤตกิ รรมรายบุคคล ต้องไมม่ ชี อ่ งปรบั ปรุง
12. แบบประเมนิ ผลการเรยี นรหู้ น่วยที่ 6 เกณฑ์ผา่ นคอื พอใช้
4. แบบประเมินคณุ ธรรม จริยธรรม คา่ นยิ ม และคณุ ลกั ษณะอนั พึงประสงค์ คะแนนขน้ึ อยกู่ บั การ

ประเมินตามสภาพจริง

10. บนั ทกึ หลงั การสอน (ปัญหาและขอ้ เสนอแนะ)
ข้อสรปุ หลังการจัดการเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจดั การเรยี นรู้ หนว่ ยที่ 7
วิชา การโปรแกรมเวบ็ เบอ้ื งตน้ รหัสวชิ า 30900-0001 สปั ดาหท์ ี่ 7-8
เรือ่ ง จัดขอ้ มูลให้เปน็ สัดส่วนดว้ ยตาราง เวลา 10 ช่วั โมง

1. สาระสำคัญ
ศึกษาและปฏิบัติเกี่ยวกับ การทดลองสรา้ งตาราง การใสห่ ัวขอ้ และตเี ส้นตารางการกำหนดข้อความ

กำกับให้ตาราง การกำหนดความหนาของเส้นตารางและความห่างของช่องเซลล์ การเว้นระยะระหวา่ งข้อมลู
ในเซลล์กับกรอบเซลล์ การปรับความกว้างและความสูงของตาราง การปรับขนาดช่องเซลล์ การกำหนดสใี น
ช่องเซลล์ การใสส่ ีให้กรอบของตาราง การกำหนดรูปภาพให้กับพ้ืนหลงั ของตาราง การกำหนดการแสดงเส้น
ตาราง การซอ้ นตาราง การใสร่ ูปในตาราง การกำหนดความกวา้ งของคอลัมน์ การกำหนดความ กว้างแต่ละ
คอลมั น์ การแบ่งส่วนตาราง

2. สมรรถนะประจำหน่วยการเรยี นรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการจัดข้อมูลให้เป็น

สดั ส่วนดว้ ยตาราง

3. จดุ ประสงค์การเรยี นรู้
1. ทดลองสร้างตารางได้
2. ใส่หัวขอ้ และตีเส้นตารางได้
3. กำหนดข้อความกำกบั ให้ตารางได้
4. กำหนดความหนาของเส้นตารางและความห่างของชอ่ งเซลล์ได้
5. เวน้ ระยะระหวา่ งข้อมลู ในเซลล์กับกรอบเซลลไ์ ด้
6. ปรับความกว้างและความสงู ของตารางได้
7. ปรบั ขนาดชอ่ งเซลล์ได้
8. การกำหนดสใี นช่องเซลล์ได้
9. ใสส่ ีใหก้ รอบของตารางได้
10. กำหนดรปู ภาพให้กบั พน้ื หลังของตารางได้
11. กำหนดการแสดงเส้นตารางได้
12. ซ้อนตารางได้
13. ใสร่ ูปในตารางได้
14. กำหนดความกวา้ งของคอลัมน์ได้
15. กำหนดความ กวา้ งแต่ละคอลัมนไ์ ด้
16. แบ่งสว่ นตารางได้

17. มีการพฒั นาคุณธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลักษณะอนั พงึ ประสงคท์ ผี่ สู้ อนสามารถ
สังเกตเหน็ ได้ ในดา้ นความมมี นษุ ยสมั พนั ธ์ ความมีวนิ ยั ความรับผิดชอบ ความเช่ือมัน่ ในตนเอง ความสนใจ
ใฝร่ ู้ ความรกั สามัคคี ความกตัญญกู ตเวที

4. สาระการเรยี นรู้
1. ทดลองสรา้ งตาราง
2. ใสห่ ัวขอ้ และตเี สน้ ตาราง
3. กำหนดขอ้ ความกำกบั ใหต้ าราง
4. กำหนดความหนาของเสน้ ตารางและความหา่ งของช่องเซลล์
5. เว้นระยะระหว่างขอ้ มลู ในเซลลก์ ับกรอบเซลล์
6. ปรบั ความกวา้ งและความสงู ของตาราง
7. ปรับขนาดช่องเซลล์
8. การกำหนดสใี นชอ่ งเซลล์
9. ใสส่ ีให้กรอบของตาราง
10. กำหนดรปู ภาพให้กบั พ้นื หลงั ของตาราง
11. กำหนดการแสดงเส้นตาราง
12. ซ้อนตาราง
13. ใส่รปู ในตาราง
14. กำหนดความกว้างของคอลัมน์
15. กำหนดความ กวา้ งแต่ละคอลัมน์
16. แบ่งส่วนตาราง

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

เงอื่ นไขท่ี 1 ความรู้
นักเรยี นมคี วามรู้ความเขา้ ใจในเรอ่ื ง

1. ทดลองสรา้ งตาราง
2. ใสห่ วั ขอ้ และตีเส้นตาราง
3. กำหนดขอ้ ความกำกบั ให้ตาราง
4. กำหนดความหนาของเสน้ ตารางและความห่างของช่องเซลล์
5. เว้นระยะระหวา่ งข้อมลู ในเซลล์กบั กรอบเซลล์
6. ปรบั ความกวา้ งและความสูงของตาราง
7. ปรับขนาดชอ่ งเซลล์
8. การกำหนดสใี นช่องเซลล์
9. ใสส่ ใี หก้ รอบของตาราง
10. กำหนดรูปภาพใหก้ บั พืน้ หลังของตาราง
11. กำหนดการแสดงเส้นตาราง
12. ซ้อนตาราง
13. ใส่รปู ในตาราง
14. กำหนดความกวา้ งของคอลมั น์
15. กำหนดความ กวา้ งแต่ละคอลมั น์
16. แบ่งสว่ นตาราง
เงอ่ื นไขที่ 2 คุณธรรม
นกั เรยี นควรมคี ุณธรรม จริยธรรม และคุณลกั ษณะอนั พึงประสงค์ ดังน้ี
1. การปฏบิ ัติตามกฎระเบียบของสถานศึกษา
2. ความตรงต่อเวลา
3. ความสนใจปฏิบตั งิ านทีไ่ ดร้ บั มอบหมายด้วยความกระตือรือร้น
4. มคี วามรับผิดชอบตอ่ หนา้ ที่ มีจิตอาสา
5. มีความสะอาดและเป็นระเบียบเรยี บร้อย
6. มคี วามซื่อสตั ยต์ อ่ ตนเองและสว่ นรวม
7. เหน็ คณุ คา่ และมีเจตคติท่ดี ตี อ่ รายวชิ าท่ศี กึ ษา
การเชือ่ มโยง 4 มิติ
มติ ิด้านสังคม : สามารถทำงานทีไ่ ดร้ ับมอบหมายร่วมกบั ผู้ได้เป็นอยา่ งดี ปฏบิ ตั ิตามคำสง่ั ของครูผสู้ อน
มสี ่วนรว่ มในการทำกจิ กรรมในช้ันเรยี น
ดา้ นวฒั นธรรม : รบั ผิดชอบตอ่ งานทไี่ ดร้ บั มอบหมาย มีความตรงต่อเวลา มีความซอ่ื สตั ย์สุจรติ ตอ่
ตนเองและผอู้ น่ื
ดา้ นเศรษฐกจิ : รจู้ ักมคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานส่งครู ปดิ เครอื่ ง
คอมพิวเตอรห์ ลังจากหมดคาบเรยี น

ด้านสิง่ แวดล้อม : แต่งกายให้สภุ าพเรยี บร้อยตามระเบียบของวทิ ยาลัยฯ ไมน่ ำอาหารหรอื เคร่อื งดมื่
เข้าไปรับประทานในห้องเรยี น

6. กจิ กรรมการเรยี นรู้
ขน้ั นำเข้าสู่บทเรียน
1. นักศกึ ษารว่ มกันอภปิ รายเร่ืองจัดข้อมูลให้เป็นสัดสว่ นดว้ ยตาราง
2. อาจารยส์ รปุ ทำความเขา้ ใจเร่อื งจัดขอ้ มลู ให้เป็นสดั ส่วนด้วยตาราง
ขนั้ สอน
1. อาจารย์ผู้สอนอธิบายการทดลองสรา้ งตาราง
2. อาจารยผ์ ้สู อนอธิบายการใส่หวั ขอ้ และตีเส้นตาราง
3. อาจารย์ผู้สอนอธบิ ายการกำหนดข้อความกำกบั ให้ตาราง
4. อาจารยผ์ ้สู อนอธบิ ายการกำหนดความหนาของเส้นตารางและความห่างของชอ่ งเซลล์
5. อาจารยผ์ ู้สอนอธบิ ายการเวน้ ระยะระหว่างขอ้ มลู ในเซลลก์ ับกรอบเซลล์
6. อาจารยผ์ ูส้ อนอธิบายการปรบั ความกวา้ งและความสงู ของตาราง
7. อาจารยผ์ ู้สอนอธิบายการปรบั ขนาดช่องเซลล์
8. อาจารยผ์ ู้สอนอธบิ ายการกำหนดสีในช่องเซลล์
9. อาจารย์ผสู้ อนอธิบายการใสส่ ใี ห้กรอบของตาราง
10. อาจารยผ์ สู้ อนอธบิ ายการกำหนดรปู ภาพใหก้ บั พ้นื หลงั ของตาราง
11. อาจารย์ผสู้ อนอธบิ ายการกำหนดการแสดงเสน้ ตาราง
12. อาจารย์ผู้สอนอธบิ ายการซอ้ นตาราง
13. อาจารย์ผสู้ อนอธบิ ายการใสร่ ปู ในตาราง
14. อาจารยผ์ สู้ อนอธบิ ายการกำหนดความกวา้ งของคอลมั น์
15. อาจารยผ์ ้สู อนอธิบายการกำหนดความ กว้างแตล่ ะคอลมั น์
16. อาจารย์ผสู้ อนอธิบายการแบง่ สว่ นตาราง
17. ให้นักเรยี นปฏบิ ัตติ ามคำสัง่ ในใบงาน
ขัน้ สรุปและการประยุกต์
1. นกั ศกึ ษาทำแบบประเมนิ ผลการเรียนรู้หน่วยท่ี 7 และประเมินตนเองโดยใชแ้ บบประเมนิ ตนเองท่ี

อาจารย์มอบให้ เพื่อทดสอบความซ่อื สตั ย์
2. อาจารย์และนักศึกษาร่วมกนั สรปุ บทเรยี น เปิดโอกาสให้ซักถามถา้ มขี อ้ สงสยั ในเรอ่ื งใด

7. สือ่ การเรียนการสอน
1. หนังสอื การโปรแกรมเว็บ1
2. สือ่ ภาพนิง่ power point
3. สื่ออนิ เทอร์เนต็

8. หลกั ฐานการเรยี นรู้
1. แบบสงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรยี นรหู้ น่วยท่ี 7
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอันพงึ ประสงค์ โดยครูผูส้ อนและนกั ศกึ ษา

ร่วมกันประเมิน
9. วธิ วี ดั ผลและประเมนิ ผล

วธิ วี ดั ผล
1. สงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยที่ 7
3. การสงั เกตและประเมินผลพฤตกิ รรมด้านคุณธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลกั ษณะอันพงึ ประสงค์

เครอ่ื งมือวัดผล
1. แบบสงั เกตพฤติกรรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ นว่ ยที่ 7
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอันพงึ ประสงค์ โดยครูผ้สู อนและนักศึกษา

รว่ มกันประเมนิ
เกณฑก์ ารประเมนิ ผล
13. เกณฑ์ผา่ นการสงั เกตพฤตกิ รรมรายบุคคล ต้องไมม่ ชี อ่ งปรบั ปรุง
14. แบบประเมนิ ผลการเรยี นรหู้ น่วยที่ 7 เกณฑ์ผา่ นคอื พอใช้
4. แบบประเมินคณุ ธรรม จริยธรรม คา่ นยิ ม และคณุ ลกั ษณะอนั พึงประสงค์ คะแนนขึน้ อยู่กบั การ

ประเมินตามสภาพจริง

10. บนั ทกึ หลงั การสอน (ปัญหาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรียนรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาท่พี บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรียนรู้ หน่วยที่ 8
วชิ า การโปรแกรมเว็บเบอื้ งต้น รหสั วชิ า 30900-0001 สปั ดาห์ท่ี 9-10
เรื่อง แต่งเติมเว็บเพจดว้ ยกราฟิก เวลา 10 ชั่วโมง

1. สาระสำคัญ
ศึกษาและปฏบิ ตั เิ กย่ี วกับ การรจู้ กั กบั ภาพกราฟกิ ชนดิ ต่างๆ การแสดงภาพบนเว็บ การใสข่ อ้ ความ

กำกบั ภาพ การปรับขนาดรูปภาพ การใสก่ รอบใหก้ บั รูปภาพ การจัดตำแหน่งรปู ภาพ การเพิ่มระยะระหวา่ ง
รปู กบั ขอ้ ความ การท้ิงระยะข้อความให้พ้นขอบเขตรูป การแสดงภาพเปน็ ฉากหลงั และการแสดงภาพฉากหลงั
อยกู่ บั ท่ี

2. สมรรถนะประจำหนว่ ยการเรียนรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการแต่งเติมเว็บเพจ

ดว้ ยกราฟิก

3. จุดประสงค์การเรยี นรู้
1. อธบิ ายภาพกราฟิกชนดิ ตา่ งๆได้
2. ทำการแสดงภาพบนเว็บได้
3. ใสข่ ้อความกำกับภาพได้
4. ปรับขนาดรปู ภาพได้
5. ใส่กรอบใหก้ ับรูปภาพได้
6. จัดตำแหน่งรปู ภาพได้
7. เพม่ิ ระยะระหวา่ งรูปกบั ข้อความได้
8. ทิ้งระยะขอ้ ความใหพ้ น้ ขอบเขตรูปได้
9. แสดงภาพเป็นฉากหลังได้
10. แสดงภาพฉากหลงั อย่กู ับทไี่ ด้
11. มกี ารพัฒนาคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลกั ษณะอนั พงึ ประสงค์ท่ีผูส้ อนสามารถ

สังเกตเหน็ ได้ ในด้านความมีมนษุ ยสมั พันธ์ ความมวี ินัย ความรบั ผิดชอบ ความเชื่อมัน่ ในตนเอง ความสนใจ
ใฝ่รู้ ความรักสามัคคี ความกตญั ญูกตเวที

4. สาระการเรยี นรู้
1. รู้จกั กบั ภาพกราฟิกชนดิ ต่างๆ
2. การแสดงภาพบนเวบ็
3. ใสข่ ้อความกำกับภาพ
4. การปรบั ขนาดรูปภาพ
5. การใสก่ รอบให้กบั รูปภาพ
6. การจัดตำแหนง่ รูปภาพ

7. การเพ่ิมระยะระหวา่ งรูปกบั ข้อความ
8. การทิ้งระยะข้อความใหพ้ น้ ขอบเขตรูป
9. การแสดงภาพเป็นฉากหลัง
10. การแสดงภาพฉากหลังอยูก่ ับที่

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

หว่ งที่ 2 ความมเี หตผุ ล
1. นักเรียนสามารถทำใบงานท่ีไดร้ บั มอบหมายให้ตามความรู้ความสามารถของตนเอง
2. นักเรียนสามารถอธิบายในเนอ้ื หาหนว่ ยการเรยี นรู้ด้วยตนเองได้

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

เง่อื นไขท่ี 1 ความรู้
นกั เรยี นมีความรคู้ วามเขา้ ใจในเร่อื ง

1. รู้จกั กบั ภาพกราฟกิ ชนดิ ตา่ งๆ
2. การแสดงภาพบนเว็บ
3. ใสข่ ้อความกำกบั ภาพ
4. การปรบั ขนาดรูปภาพ
5. การใสก่ รอบให้กับรปู ภาพ
6. การจดั ตำแหน่งรูปภาพ
7. การเพม่ิ ระยะระหวา่ งรูปกับขอ้ ความ
8. การทิ้งระยะขอ้ ความใหพ้ ้นขอบเขตรปู
9. การแสดงภาพเปน็ ฉากหลัง
10. การแสดงภาพฉากหลังอยู่กบั ท่ี

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

การเช่ือมโยง 4 มติ ิ
มติ ิดา้ นสงั คม : สามารถทำงานทไ่ี ดร้ ับมอบหมายร่วมกบั ผู้ได้เปน็ อย่างดี ปฏิบตั ติ ามคำสัง่ ของครผู ู้สอน

มีส่วนรว่ มในการทำกจิ กรรมในช้นั เรียน
ด้านวัฒนธรรม : รบั ผิดชอบตอ่ งานทไ่ี ดร้ ับมอบหมาย มคี วามตรงตอ่ เวลา มีความซือ่ สตั ย์สจุ รติ ตอ่

ตนเองและผอู้ ่ืน
ด้านเศรษฐกจิ : รจู้ กั มคี วามประหยัดอดออม ใชก้ ระดาษหน้าสองในการทำรายงานสง่ ครู ปิดเครอ่ื ง

คอมพวิ เตอร์หลังจากหมดคาบเรยี น
ด้านสง่ิ แวดลอ้ ม : แตง่ กายให้สภุ าพเรียบรอ้ ยตามระเบียบของวทิ ยาลัยฯ ไมน่ ำอาหารหรอื เคร่อื งดมื่

เข้าไปรบั ประทานในหอ้ งเรียน
6. กจิ กรรมการเรยี นรู้

ขนั้ นำเขา้ สูบ่ ทเรยี น
1. นักศึกษารว่ มกันอภปิ รายเรือ่ งแต่งเติมเวบ็ เพจดว้ ยกราฟิก
2. อาจารย์สรปุ ทำความเข้าใจเรื่องแตง่ เติมเว็บเพจดว้ ยกราฟิก

ขั้นสอน
1. อาจารย์ผู้สอนอธิบายเกยี่ วกบั ภาพกราฟกิ ชนดิ ตา่ งๆ
2. อาจารย์ผู้สอนอธบิ ายการแสดงภาพบนเว็บ
3. อาจารย์ผสู้ อนอธิบายการใสข่ อ้ ความกำกับภาพ
4. อาจารยผ์ ูส้ อนอธิบายการปรบั ขนาดรปู ภาพ
5. อาจารยผ์ ้สู อนอธบิ ายการใสก่ รอบให้กับรูปภาพ
6. อาจารยผ์ สู้ อนอธบิ ายการจดั ตำแหนง่ รูปภาพ
7. อาจารย์ผสู้ อนอธิบายการเพ่ิมระยะระหวา่ งรปู กับข้อความ
8. อาจารยผ์ สู้ อนอธบิ ายการทงิ้ ระยะข้อความใหพ้ ้นขอบเขตรูป
9. อาจารย์ผู้สอนอธบิ ายการแสดงภาพเปน็ ฉากหลงั
10. อาจารยผ์ สู้ อนอธบิ ายการแสดงภาพฉากหลงั อยู่กับท่ี
11. ให้นกั เรียนปฏิบตั ติ ามคำสง่ั ในใบงาน

ขนั้ สรุปและการประยุกต์
1. นักศึกษาทำแบบประเมนิ ผลการเรียนรูห้ นว่ ยท่ี 8 และประเมินตนเองโดยใช้แบบประเมินตนเองที่

อาจารย์มอบให้ เพอื่ ทดสอบความซือ่ สตั ย์
2. อาจารยแ์ ละนกั ศกึ ษาร่วมกันสรปุ บทเรยี น เปิดโอกาสใหซ้ ักถามถา้ มีขอ้ สงสัยในเรื่องใด

7. สอ่ื การเรียนการสอน
1. หนงั สือการโปรแกรมเวบ็ 1
2. ส่อื ภาพน่ิง power point
3. สอ่ื อนิ เทอรเ์ นต็

8. หลกั ฐานการเรยี นรู้
1. แบบสังเกตพฤตกิ รรมรายบุคคล
2. แบบประเมินผลการเรียนร้หู นว่ ยที่ 8
3. แบบประเมินคุณธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลักษณะอนั พึงประสงค์ โดยครผู สู้ อนและนกั ศกึ ษา

รว่ มกนั ประเมิน

9. วิธวี ดั ผลและประเมนิ ผล

วิธวี ดั ผล
1. สงั เกตพฤตกิ รรมรายบุคคล
2. แบบประเมนิ ผลการเรยี นรูห้ นว่ ยที่ 8
3. การสังเกตและประเมนิ ผลพฤตกิ รรมดา้ นคุณธรรม จริยธรรม คา่ นยิ ม และคณุ ลกั ษณะอันพึงประสงค์

เครื่องมอื วดั ผล
1. แบบสังเกตพฤติกรรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นรู้หนว่ ยที่ 8
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นยิ ม และคุณลกั ษณะอันพึงประสงค์ โดยครูผ้สู อนและนักศึกษา

รว่ มกันประเมนิ
เกณฑ์การประเมินผล
15. เกณฑผ์ ่านการสงั เกตพฤติกรรมรายบุคคล ตอ้ งไมม่ ชี อ่ งปรับปรงุ
16. แบบประเมนิ ผลการเรยี นรหู้ นว่ ยท่ี 8 เกณฑผ์ า่ นคือ พอใช้
4. แบบประเมินคณุ ธรรม จริยธรรม คา่ นยิ ม และคุณลกั ษณะอนั พึงประสงค์ คะแนนข้นึ อย่กู ับการ

ประเมนิ ตามสภาพจรงิ

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม ค่านิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤตกิ รรมบง่ ชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบงั คับ และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แต่งกายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงต่อเวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรียนและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรยี นและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอยา่ งมีเหตผุ ล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรียนรู้ หน่วยที่ 9
วชิ า การโปรแกรมเว็บเบือ้ งต้น รหัสวิชา 30900-0001 สปั ดาหท์ ี่ 11-12
เรือ่ ง แบ่งหนา้ จอด้วยการใช้เฟรม เวลา 10 ช่วั โมง

1. สาระสำคญั
ศึกษาและปฏิบัติเกี่ยวกับ การสร้างเฟรม การกำหนดลักษณะของกรอบเฟรม การกำหนดช่องวา่ ง

ระหวา่ งเวบ็ เพจกบั เฟรม การกำหนดช่องว่างระหวา่ งเนือ้ หากบั เว็บเพจ การปรับขนาดเฟรม การป้างกันไมใ่ ห้
ปรับขนาดเฟรม การใชแ้ ถบเล่ือนในเฟรม การใชล้ งิ ค์เปลือ่ นหนา้ เวบ็ ในเฟรม การแทรกเฟรมภายในเว็บเพจ

2. สมรรถนะประจำหน่วยการเรียนรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการแบ่งหน้าจอด้วย

การใชเ้ ฟรม

3. จดุ ประสงค์การเรยี นรู้
1. ทำการสร้างเฟรมได้
2. กำหนดลกั ษณะของกรอบเฟรมได้
3. ทำการกำหนดช่องวา่ งระหว่างเว็บเพจกบั เฟรมได้
4. ทำการกำหนดช่องว่างระหว่างเนื้อหากบั เวบ็ เพจได้
5. ปรับขนาดเฟรมได้
6. ทำการปา้ งกันไม่ใหป้ รับขนาดเฟรมได้
7. ทำการใช้แถบเลอ่ื นในเฟรมได้
8. ทำการใช้ลิงคเ์ ปลือ่ นหนา้ เวบ็ ในเฟรมได้
9. ทำการแทรกเฟรม

ภายในเวบ็ เพจได้
10. มีการพฒั นาคณุ ธรรม จรยิ ธรรม คา่ นิยม และคณุ ลกั ษณะอนั พงึ ประสงค์ทผ่ี ู้สอนสามารถ

สงั เกตเห็นได้ ในดา้ นความมมี นษุ ยสัมพนั ธ์ ความมวี นิ ัย ความรับผดิ ชอบ ความเช่ือมัน่ ในตนเอง ความสนใจ
ใฝ่รู้ ความรกั สามัคคี ความกตญั ญูกตเวที

4. สาระการเรียนรู้
1. การสรา้ งเฟรม
2. การกำหนดลกั ษณะของกรอบเฟรม
3. การกำหนดช่องวา่ งระหว่างเว็บเพจกบั เฟรม
4. การกำหนดชอ่ งวา่ งระหว่างเน้ือหากับเวบ็ เพจ
5. การปรบั ขนาดเฟรม
6. การป้างกนั ไมใ่ ห้ปรบั ขนาดเฟรม
7. การใชแ้ ถบเล่ือนในเฟรม
8. การใช้ลงิ ค์เปล่ือนหนา้ เว็บในเฟรม
9. การแทรกเฟรมภายในเวบ็ เพจ

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

หว่ งที่ 2 ความมเี หตุผล
1. นักเรียนสามารถทำใบงานท่ไี ดร้ ับมอบหมายใหต้ ามความรคู้ วามสามารถของตนเอง
2. นักเรยี นสามารถอธิบายในเน้อื หาหน่วยการเรยี นร้ดู ว้ ยตนเองได้

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

เง่ือนไขที่ 1 ความรู้
นักเรียนมีความรคู้ วามเข้าใจในเรอื่ ง

1. การสรา้ งเฟรม
2. การกำหนดลกั ษณะของกรอบเฟรม
3. การกำหนดชอ่ งว่างระหว่างเว็บเพจกบั เฟรม
4. การกำหนดชอ่ งวา่ งระหวา่ งเนอื้ หากบั เวบ็ เพจ
5. การปรับขนาดเฟรม
6. การปา้ งกันไมใ่ ห้ปรบั ขนาดเฟรม
7. การใชแ้ ถบเล่อื นในเฟรม

8. การใชล้ งิ คเ์ ปลี่ยนหน้าเว็บในเฟรม
9. การแทรกเฟรมภายในเว็บเพจ

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

การเชอื่ มโยง 4 มิติ
มติ ดิ ้านสงั คม : สามารถทำงานท่ไี ดร้ บั มอบหมายรว่ มกับผู้ได้เปน็ อย่างดี ปฏบิ ัติตามคำสั่งของครผู ูส้ อน

มีสว่ นรว่ มในการทำกจิ กรรมในช้นั เรยี น
ด้านวัฒนธรรม : รับผิดชอบต่องานทไี่ ดร้ บั มอบหมาย มีความตรงตอ่ เวลา มีความซอื่ สัตย์สุจริตตอ่

ตนเองและผอู้ ืน่
ด้านเศรษฐกจิ : รู้จกั มคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานสง่ ครู ปดิ เครอ่ื ง

คอมพวิ เตอรห์ ลงั จากหมดคาบเรียน
ด้านสง่ิ แวดลอ้ ม : แต่งกายใหส้ ภุ าพเรียบร้อยตามระเบยี บของวทิ ยาลยั ฯ ไม่นำอาหารหรอื เคร่ืองดมื่

เข้าไปรบั ประทานในหอ้ งเรยี น

6. กจิ กรรมการเรยี นรู้
ขั้นนำเข้าสบู่ ทเรยี น
1. นักศกึ ษารว่ มกันอภปิ รายเรื่องแบ่งหนา้ จอดว้ ยการใชเ้ ฟรม
2. อาจารยส์ รุปทำความเข้าใจเร่ืองแบ่งหน้าจอด้วยการใชเ้ ฟรม

ข้ันสอน
1. อาจารยผ์ ูส้ อนอธิบายการสร้างเฟรม
2. อาจารยผ์ สู้ อนอธบิ ายการกำหนดลักษณะของกรอบเฟรม
3. อาจารยผ์ ูส้ อนอธบิ ายการกำหนดช่องวา่ งระหว่างเวบ็ เพจกับเฟรม
4. อาจารย์ผสู้ อนอธบิ ายการกำหนดชอ่ งวา่ งระหวา่ งเนอ้ื หากบั เวบ็ เพจ
5. อาจารย์ผสู้ อนอธิบายการปรับขนาดเฟรม
6. อาจารย์ผ้สู อนอธิบายการปา้ งกันไม่ใหป้ รับขนาดเฟรม
7. อาจารย์ผ้สู อนอธิบายการใช้แถบเลอ่ื นในเฟรม
8. อาจารยผ์ ู้สอนอธิบายการใช้ลิงค์เปลอื่ นหนา้ เว็บในเฟรม
9. อาจารย์ผสู้ อนอธบิ ายการแทรกเฟรมภายในเวบ็ เพจ
10. ใหน้ ักเรียนปฏิบตั ติ ามคำสงั่ ในใบงาน

ขัน้ สรปุ และการประยุกต์
1. นักศึกษาทำแบบประเมนิ ผลการเรยี นรูห้ นว่ ยท่ี 9 และประเมินตนเองโดยใชแ้ บบประเมนิ ตนเองท่ี

อาจารยม์ อบให้ เพือ่ ทดสอบความซื่อสัตย์
2. อาจารยแ์ ละนกั ศกึ ษาร่วมกันสรุปบทเรียน เปิดโอกาสให้ซักถามถา้ มีขอ้ สงสัยในเร่ืองใด

7. สอื่ การเรียนการสอน
1. หนงั สอื การโปรแกรมเวบ็ 1
2. สอ่ื ภาพนิง่ power point
3. ส่ืออินเทอรเ์ นต็

8. หลกั ฐานการเรยี นรู้
1. แบบสงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมินผลการเรียนรหู้ น่วยที่ 9
3. แบบประเมินคุณธรรม จรยิ ธรรม คา่ นิยม และคุณลกั ษณะอนั พึงประสงค์ โดยครผู ้สู อนและนกั ศึกษา

ร่วมกันประเมิน

9. วธิ ีวัดผลและประเมนิ ผล

วธิ วี ดั ผล
1. สงั เกตพฤติกรรมรายบุคคล
2. แบบประเมินผลการเรียนรูห้ น่วยที่ 9
3. การสังเกตและประเมนิ ผลพฤติกรรมดา้ นคณุ ธรรม จริยธรรม คา่ นยิ ม และคณุ ลักษณะอันพงึ ประสงค์

เครื่องมือวัดผล
1. แบบสังเกตพฤตกิ รรมรายบุคคล
2. แบบประเมนิ ผลการเรียนรู้หน่วยท่ี 9
3. แบบประเมินคุณธรรม จริยธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์ โดยครผู ูส้ อนและนกั ศกึ ษา

ร่วมกนั ประเมนิ

เกณฑก์ ารประเมินผล
17. เกณฑผ์ า่ นการสังเกตพฤติกรรมรายบุคคล ตอ้ งไมม่ ชี ่องปรบั ปรุง
18. แบบประเมินผลการเรียนรูห้ นว่ ยที่ 9 เกณฑผ์ า่ นคือ พอใช้
4. แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคุณลักษณะอันพึงประสงค์ คะแนนขึ้นอยกู่ ับการ

ประเมินตามสภาพจรงิ

10. บนั ทกึ หลงั การสอน (ปัญหาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรียนรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาท่พี บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจดั การเรยี นรู้ หนว่ ยท่ี 10
วชิ า การโปรแกรมเว็บเบอ้ื งต้น รหสั วิชา 30900-0001 สปั ดาห์ที่ 13-14
เรอื่ ง การสรา้ งแบบฟอร์ม เวลา 10 ช่ัวโมง

1. สาระสำคัญ
ศกึ ษาและปฏบิ ตั เิ กี่ยวกับ รปู แบบการทำงานของฟอร์มและ CGI การสร้างแบบฟอร์ม อุปกรณใ์ น

การรับขอ้ มลู ช่องรับข้อความแบบหลายบรรทดั ตวั เลอื กรายการ ตวั เลอื กรายการแบบจดั กล่มุ ตวั เลอื ก
รายการแบบหลายบรรทดั และการจดั แบ่งแบบฟอร์ม

2. สมรรถนะประจำหน่วยการเรียนรู้
ผ้เู รียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบอื้ งต้นเกย่ี วกบั การสรา้ งแบบฟอร์ม

3. จดุ ประสงคก์ ารเรยี นรู้
1. อธบิ ายรปู แบบการทำงานของฟอร์มและ CGI ได้
2. ทำการสรา้ งแบบฟอรม์ ได้
3. บอกอปุ กรณใ์ นการรบั ขอ้ มลู ได้
4. ทำการสรา้ งช่องรบั ข้อความแบบหลายบรรทดั ได้
5. ทำการสร้างตวั เลือกรายการได้
6. ทำการสร้างตวั เลอื กรายการแบบจัดกลุม่ ได้
7. ทำการสร้างตัวเลือกรายการแบบหลายบรรทดั ได้
8. ทำการจดั แบ่งแบบฟอร์มได้
9. มกี ารพัฒนาคณุ ธรรม จรยิ ธรรม คา่ นยิ ม และคุณลักษณะอันพึงประสงค์ที่ผ้สู อนสามารถสังเกตเห็น

ได้ ในดา้ นความมีมนุษยสมั พันธ์ ความมวี ินัย ความรับผดิ ชอบ ความเชื่อมั่นในตนเอง ความสนใจใฝ่รู้ ความ
รกั สามคั คี ความกตญั ญกู ตเวที

4. สาระการเรยี นรู้
1. รูปแบบการทำงานของฟอรม์ และ CGI
2. การสรา้ งแบบฟอร์ม
3. อุปกรณใ์ นการรับข้อมูล
4. การสรา้ งชอ่ งรบั ขอ้ ความแบบหลายบรรทดั
5. การสรา้ งตวั เลือกรายการ
6. การสรา้ งตวั เลือกรายการแบบจดั กลมุ่
7. การสรา้ งตวั เลือกรายการแบบหลายบรรทดั
8. การจัดแบง่ แบบฟอรม์

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

ห่วงที่ 2 ความมเี หตุผล
1. นกั เรียนสามารถทำใบงานท่ีได้รับมอบหมายให้ตามความรูค้ วามสามารถของตนเอง
2. นักเรยี นสามารถอธิบายในเน้ือหาหนว่ ยการเรยี นรดู้ ว้ ยตนเองได้

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

เงื่อนไขที่ 1 ความรู้
นกั เรียนมีความรคู้ วามเขา้ ใจในเรื่อง

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

การเชือ่ มโยง 4 มิติ
มิติด้านสงั คม : สามารถทำงานทไ่ี ดร้ ับมอบหมายรว่ มกบั ผู้ได้เปน็ อย่างดี ปฏิบตั ติ ามคำสง่ั ของครผู สู้ อน

มีสว่ นร่วมในการทำกจิ กรรมในชนั้ เรยี น
ดา้ นวฒั นธรรม : รับผดิ ชอบต่องานที่ไดร้ ับมอบหมาย มีความตรงตอ่ เวลา มีความซอ่ื สตั ย์สจุ รติ ตอ่

ตนเองและผอู้ น่ื
ด้านเศรษฐกจิ : รจู้ ักมคี วามประหยดั อดออม ใชก้ ระดาษหนา้ สองในการทำรายงานสง่ ครู ปิดเครอื่ ง

คอมพวิ เตอร์หลงั จากหมดคาบเรยี น
ด้านสง่ิ แวดล้อม : แต่งกายให้สุภาพเรียบรอ้ ยตามระเบยี บของวิทยาลัยฯ ไม่นำอาหารหรอื เครื่องดม่ื

เข้าไปรับประทานในหอ้ งเรียน

6. กิจกรรมการเรยี นรู้
ขน้ั นำเข้าส่บู ทเรยี น
1. นักศึกษารว่ มกนั อภปิ รายเรอ่ื งการสรา้ งแบบฟอรม์
2. อาจารย์สรุปทำความเขา้ ใจเร่อื งการสรา้ งแบบฟอรม์
ขั้นสอน
1. อาจารยผ์ ู้สอนอธบิ ายเกีย่ วกับรูปแบบการทำงานของฟอรม์ และ CGI
2. อาจารยผ์ ู้สอนอธิบายการทำการสรา้ งแบบฟอรม์
3. อาจารยผ์ สู้ อนอธิบายเก่ียวกบั อปุ กรณ์ในการรบั ข้อมลู
4. อาจารยผ์ ูส้ อนอธบิ ายการสรา้ งชอ่ งรบั ข้อความแบบหลายบรรทัด
5. อาจารยผ์ สู้ อนอธิบายการสร้างตัวเลือกรายการ
6. อาจารยผ์ ู้สอนอธิบายการสร้างตวั เลอื กรายการแบบจดั กลุม่
7. อาจารยผ์ ู้สอนอธิบายการสร้างตัวเลือกรายการแบบหลายบรรทัด
8. อาจารยผ์ ู้สอนอธบิ ายการจดั แบ่งแบบฟอรม์
9. ให้นกั เรยี นปฏิบตั ิตามคำสง่ั ในใบงาน

ข้ันสรปุ และการประยุกต์
1. นักศึกษาทำแบบประเมินผลการเรียนรู้หน่วยที่ 10 และประเมนิ ตนเองโดยใช้แบบประเมนิ ตนเอง

ทอ่ี าจารยม์ อบให้ เพ่อื ทดสอบความซ่อื สัตย์
2. อาจารยแ์ ละนักศึกษารว่ มกันสรุปบทเรยี น เปิดโอกาสใหซ้ กั ถามถ้ามขี อ้ สงสยั ในเร่อื งใด

7. ส่ือการเรียนการสอน
1. หนงั สอื การโปรแกรมเวบ็ 1
2. สอ่ื ภาพนิง่ power point
3. สื่ออินเทอร์เนต็

8. หลักฐานการเรยี นรู้
1. แบบสังเกตพฤตกิ รรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นรู้หน่วยท่ี 10
3. แบบประเมนิ คณุ ธรรม จรยิ ธรรม คา่ นิยม และคุณลกั ษณะอันพงึ ประสงค์ โดยครูผูส้ อนและนักศึกษา

ร่วมกนั ประเมิน

9. วิธวี ัดผลและประเมนิ ผล

วธิ วี ัดผล
1. สงั เกตพฤตกิ รรมรายบุคคล
2. แบบประเมินผลการเรยี นรู้หน่วยท่ี 10
3. การสังเกตและประเมนิ ผลพฤติกรรมดา้ นคุณธรรม จริยธรรม ค่านิยม และคุณลกั ษณะอนั พึงประสงค์

เคร่ืองมอื วดั ผล
1. แบบสงั เกตพฤตกิ รรมรายบุคคล
2. แบบประเมินผลการเรียนรู้หน่วยที่ 10
3. แบบประเมนิ คณุ ธรรม จริยธรรม คา่ นยิ ม และคณุ ลกั ษณะอนั พงึ ประสงค์ โดยครูผู้สอนและนักศกึ ษา

รว่ มกนั ประเมนิ
เกณฑ์การประเมนิ ผล
19. เกณฑ์ผ่านการสงั เกตพฤตกิ รรมรายบุคคล ต้องไมม่ ีช่องปรบั ปรงุ
20. แบบประเมินผลการเรยี นรู้หน่วยท่ี 10 เกณฑผ์ ่านคือ พอใช้
4. แบบประเมนิ คุณธรรม จริยธรรม คา่ นิยม และคณุ ลกั ษณะอันพงึ ประสงค์ คะแนนขน้ึ อยู่กบั การ

ประเมนิ ตามสภาพจริง

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจดั การเรียนรู้ หนว่ ยท่ี 11
วชิ า การโปรแกรมเว็บเบ้อื งตน้ รหัสวิชา 30900-0001 สปั ดาหท์ ี่ 15
เร่ือง รู้จกั กับ Dynamic HTML เวลา 5 ชั่วโมง

1. สาระสำคญั
ศกึ ษาและปฏบิ ัตเิ กี่ยวกับ Dynamic HTML และพื้นฐานการทำงานของแทก็

2. สมรรถนะประจำหนว่ ยการเรียนรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทกั ษะเบอื้ งตน้ เก่ียวกับ Dynamic HTML

3. จุดประสงค์การเรียนรู้
1. อธบิ ายความหมายของ Dynamic HTML ได้
2. อธบิ ายพนื้ ฐานการทำงานของแท็กได้
3. มีการพัฒนาคณุ ธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลกั ษณะอันพึงประสงค์ทผี่ ้สู อนสามารถสังเกตเห็น

ได้ ในดา้ นความมมี นษุ ยสมั พนั ธ์ ความมวี ินยั ความรบั ผิดชอบ ความเชอื่ มนั่ ในตนเอง ความสนใจใฝร่ ู้ ความ
รักสามัคคี ความกตญั ญกู ตเวที

4. สาระการเรยี นรู้
1. Dynamic HTML คอื อะไร
2. พ้นื ฐานการทำงานของแทก็

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

ห่วงที่ 2 ความมีเหตผุ ล
1. นักเรียนสามารถทำใบงานทไี่ ด้รบั มอบหมายใหต้ ามความรู้ความสามารถของตนเอง
2. นักเรียนสามารถอธิบายในเนือ้ หาหนว่ ยการเรยี นรู้ดว้ ยตนเองได้

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

เง่อื นไขที่ 1 ความรู้
นักเรียนมีความร้คู วามเข้าใจในเรอื่ ง

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

การเช่อื มโยง 4 มติ ิ
มติ ิด้านสงั คม : สามารถทำงานท่ไี ดร้ ับมอบหมายร่วมกับผู้ไดเ้ ปน็ อยา่ งดี ปฏิบตั ติ ามคำสั่งของครูผสู้ อน

มีสว่ นรว่ มในการทำกจิ กรรมในชัน้ เรียน
ดา้ นวฒั นธรรม : รับผดิ ชอบต่องานท่ไี ดร้ บั มอบหมาย มคี วามตรงต่อเวลา มีความซ่อื สัตยส์ ุจรติ ตอ่

ตนเองและผอู้ ืน่
ดา้ นเศรษฐกจิ : รูจ้ ักมคี วามประหยัดอดออม ใชก้ ระดาษหนา้ สองในการทำรายงานส่งครู ปดิ เครอื่ ง

คอมพวิ เตอรห์ ลังจากหมดคาบเรยี น
ดา้ นสิง่ แวดล้อม : แตง่ กายใหส้ ภุ าพเรียบรอ้ ยตามระเบียบของวิทยาลัยฯ ไมน่ ำอาหารหรอื เครอื่ งดม่ื

เขา้ ไปรบั ประทานในหอ้ งเรียน

6. กิจกรรมการเรยี นรู้
ขัน้ นำเข้าส่บู ทเรียน
1. นักศึกษารว่ มกนั อภปิ รายเรอ่ื งร้จู กั กับ Dynamic HTML
2. อาจารย์สรปุ ทำความเขา้ ใจเร่ืองรจู้ ักกับ Dynamic HTML
ขน้ั สอน
1. อาจารยผ์ สู้ อนอธบิ ายเกี่ยวกับ Dynamic HTML คืออะไร
2. อาจารย์ผู้สอนอธบิ ายพื้นฐานการทำงานของแทก็
3. ให้นักเรียนปฏบิ ตั ติ ามคำสงั่ ในใบงาน

ขนั้ สรปุ และการประยกุ ต์
1. นกั ศกึ ษาทำแบบประเมนิ ผลการเรยี นร้หู น่วยท่ี 11 และประเมินตนเองโดยใช้แบบประเมนิ ตนเอง

ท่อี าจารย์มอบให้ เพอ่ื ทดสอบความซ่ือสัตย์
2. อาจารย์และนักศกึ ษาร่วมกันสรุปบทเรียน เปิดโอกาสให้ซกั ถามถ้ามขี อ้ สงสยั ในเร่อื งใด

7. สอ่ื การเรียนการสอน
1. หนงั สือการโปรแกรมเว็บ1
2. สอื่ ภาพนง่ิ power point
3. ส่อื อนิ เทอรเ์ น็ต

8. หลกั ฐานการเรยี นรู้
1. แบบสังเกตพฤติกรรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นรหู้ นว่ ยที่ 11
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคุณลกั ษณะอนั พึงประสงค์ โดยครูผูส้ อนและนกั ศึกษา

ร่วมกันประเมิน

9. วิธวี ัดผลและประเมนิ ผล

วิธวี ัดผล
1. สงั เกตพฤติกรรมรายบุคคล
2. แบบประเมนิ ผลการเรยี นร้หู นว่ ยที่ 11
3. การสงั เกตและประเมนิ ผลพฤติกรรมด้านคณุ ธรรม จรยิ ธรรม ค่านิยม และคณุ ลกั ษณะอนั พึงประสงค์

เคร่ืองมอื วดั ผล
1. แบบสงั เกตพฤตกิ รรมรายบุคคล
2. แบบประเมินผลการเรยี นรู้หนว่ ยท่ี 11
3. แบบประเมินคุณธรรม จริยธรรม คา่ นิยม และคุณลกั ษณะอันพึงประสงค์ โดยครผู ู้สอนและนักศกึ ษา

รว่ มกันประเมนิ
เกณฑก์ ารประเมนิ ผล
21. เกณฑ์ผ่านการสังเกตพฤติกรรมรายบุคคล ต้องไมม่ ชี อ่ งปรับปรงุ
22. แบบประเมินผลการเรยี นรหู้ น่วยที่ 11 เกณฑผ์ า่ นคือ พอใช้
4. แบบประเมินคุณธรรม จริยธรรม คา่ นยิ ม และคณุ ลกั ษณะอนั พึงประสงค์ คะแนนขึ้นอยู่กับการ

ประเมนิ ตามสภาพจริง

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤติกรรมบ่งชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบังคบั และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แตง่ กายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงตอ่ เวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรยี นและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรียนและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอย่างมเี หตุผล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจดั การเรยี นรู้ หนว่ ยท่ี 12
วชิ า การโปรแกรมเวบ็ เบื้องตน้ รหสั วชิ า 30900-0001 สปั ดาหท์ ่ี 16-17
เรื่อง การใช้งานสไตลช์ ตี Cascading Style Sheet : CSS เวลา 10 ชว่ั โมง

1. สาระสำคัญ
ศึกษาและปฏิบัติเกี่ยวกับ CSS ตำแหน่งในการกำหนดสไตล์ชีต การกำหนดลักษณะพื้นหลัง การ

กำหนดลักษณะตัวอักษรและข้อความการกำหนดลักษณะเส้นขอบ การเว้นระยะจากเส้นขอบ การกำหนด
ขนาดและตำแหนง่ การเพิ่มลูกเล่นพเิ ศษ

2. สมรรถนะประจำหนว่ ยการเรยี นรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการใช้งานสไตล์ชีต

Cascading Style Sheet : CSS

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

ได้ ในดา้ นความมมี นษุ ยสมั พันธ์ ความมวี ินัย ความรับผิดชอบ ความเช่ือม่ันในตนเอง ความสนใจใฝ่รู้ ความ
รกั สามคั คี ความกตัญญกู ตเวที

4. สาระการเรยี นรู้
1. รู้จกั CSS
2. ตำแหน่งในการกำหนดสไตล์ชตี
3. การกำหนดลักษณะพ้นื หลงั
4. การกำหนดลกั ษณะตวั อกั ษรและข้อความการกำหนดลักษณะเส้นขอบ
5. การเวน้ ระยะจากเสน้ ขอบ
6. การกำหนดขนาดและตำแหน่ง
7. การเพ่ิมลูกเล่นพิเศษ

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

หว่ งที่ 2 ความมเี หตุผล
1. นกั เรยี นสามารถทำใบงานท่ไี ด้รบั มอบหมายใหต้ ามความรู้ความสามารถของตนเอง
2. นกั เรยี นสามารถอธิบายในเนอ้ื หาหน่วยการเรยี นรดู้ ้วยตนเองได้

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

เงื่อนไขท่ี 1 ความรู้
นักเรยี นมีความรู้ความเขา้ ใจในเรื่อง

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

การเชอื่ มโยง 4 มติ ิ
มิติด้านสงั คม : สามารถทำงานท่ีไดร้ ับมอบหมายรว่ มกบั ผู้ได้เปน็ อยา่ งดี ปฏบิ ตั ิตามคำสง่ั ของครูผูส้ อน

มสี ว่ นรว่ มในการทำกจิ กรรมในช้ันเรียน
ด้านวัฒนธรรม : รบั ผิดชอบต่องานทไ่ี ดร้ บั มอบหมาย มีความตรงตอ่ เวลา มคี วามซอ่ื สัตยส์ จุ รติ ตอ่

ตนเองและผอู้ ่นื
ดา้ นเศรษฐกิจ : รจู้ กั มคี วามประหยัดอดออม ใชก้ ระดาษหน้าสองในการทำรายงานส่งครู ปดิ เครอ่ื ง

คอมพวิ เตอรห์ ลังจากหมดคาบเรียน
ด้านส่งิ แวดล้อม : แตง่ กายให้สุภาพเรยี บรอ้ ยตามระเบยี บของวิทยาลัยฯ ไมน่ ำอาหารหรอื เคร่ืองดม่ื

เข้าไปรับประทานในห้องเรยี น

6. กจิ กรรมการเรยี นรู้
ขน้ั นำเข้าส่บู ทเรียน
1. นักศึกษารว่ มกนั อภปิ รายเรื่องการใช้งานสไตล์ชตี Cascading Style Sheet : CSS
2. อาจารย์สรุปทำความเขา้ ใจเรือ่ งการใชง้ านสไตล์ชตี Cascading Style Sheet : CSS
ขั้นสอน
1. อาจารย์ผู้สอนอธบิ ายเกี่ยวกับ CSS
2. อาจารยผ์ ูส้ อนอธบิ ายเกี่ยวกับ ตำแหน่งในการกำหนดสไตล์ชีต
3. อาจารย์ผสู้ อนอธิบายเก่ยี วกบั การกำหนดลักษณะพ้ืนหลัง
4. อาจารยผ์ ู้สอนอธบิ ายเก่ียวกับการกำหนดลักษณะตวั อกั ษรและข้อความการกำหนดลกั ษณะเสน้ ขอบ
5. อาจารย์ผสู้ อนอธิบายเกย่ี วกบั การเวน้ ระยะจากเสน้ ขอบ
6. อาจารย์ผสู้ อนอธบิ ายเกี่ยวกับการกำหนดขนาดและตำแหน่ง
7. อาจารย์ผสู้ อนอธิบายเกีย่ วกบั การเพิม่ ลูกเลน่ พเิ ศษ
8. ใหน้ กั เรียนปฏบิ ัติตามคำสัง่ ในใบงาน

ข้นั สรุปและการประยุกต์
1. นกั ศึกษาทำแบบประเมินผลการเรยี นรูห้ น่วยท่ี 12 และประเมนิ ตนเองโดยใชแ้ บบประเมนิ ตนเอง

ทอ่ี าจารยม์ อบให้ เพอื่ ทดสอบความซือ่ สัตย์
2. อาจารย์และนักศึกษาร่วมกันสรุปบทเรียน เปิดโอกาสใหซ้ ักถามถ้ามีขอ้ สงสยั ในเรื่องใด

7. สื่อการเรียนการสอน
1. หนงั สือการโปรแกรมเวบ็ 1
2. สื่อภาพนง่ิ power point
3. สอื่ อนิ เทอรเ์ น็ต

8. หลกั ฐานการเรียนรู้
1. แบบสงั เกตพฤตกิ รรมรายบคุ คล
2. แบบประเมนิ ผลการเรียนร้หู น่วยที่ 12
3. แบบประเมินคณุ ธรรม จรยิ ธรรม คา่ นยิ ม และคณุ ลกั ษณะอันพงึ ประสงค์ โดยครูผูส้ อนและนกั ศกึ ษา

ร่วมกนั ประเมิน

9. วิธีวดั ผลและประเมนิ ผล

วธิ วี ัดผล
1. สังเกตพฤติกรรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นรหู้ นว่ ยที่ 12
3. การสังเกตและประเมินผลพฤตกิ รรมดา้ นคณุ ธรรม จริยธรรม คา่ นยิ ม และคุณลกั ษณะอันพงึ ประสงค์

เคร่ืองมอื วดั ผล
1. แบบสงั เกตพฤติกรรมรายบคุ คล
2. แบบประเมนิ ผลการเรยี นร้หู น่วยท่ี 12
3. แบบประเมินคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลกั ษณะอันพงึ ประสงค์ โดยครผู สู้ อนและนกั ศึกษา

ร่วมกันประเมนิ
เกณฑก์ ารประเมนิ ผล
23. เกณฑผ์ า่ นการสังเกตพฤติกรรมรายบคุ คล ตอ้ งไมม่ ชี อ่ งปรบั ปรุง
24. แบบประเมินผลการเรยี นรู้หนว่ ยที่ 12 เกณฑผ์ ่านคอื พอใช้
25. แบบประเมนิ คณุ ธรรม จรยิ ธรรม คา่ นิยม และคณุ ลักษณะอนั พึงประสงค์ คะแนนขน้ึ อย่กู ับการ
ประเมินตามสภาพจริง

10. บันทึกหลงั การสอน (ปญั หาและขอ้ เสนอแนะ)
ข้อสรปุ หลงั การจดั การเรยี นรู้
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

ปัญหาทีพ่ บ
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แนวทางปญั หา
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
...............................................................................................................................................................................
.......................................................

แบบสงั เกตพฤติกรรมการปฏบิ ตั ิงานรายบุคคล

ที่ พฤตกิ รรม การแสดง การตอบ การยอมรบั ทำงาน
คำถาม ฟังคนอนื่ ตามทไ่ี ดร้ บั
ความสนใจ ความ มอบหมาย หมายเหตุ

ช่ือ-สกลุ คิดเหน็

43214321432143214321

เกณฑก์ ารวัดผล ให้คะแนนระดบั คณุ ภาพของแตล่ ะพฤตกิ รรมดงั น้ี
ดีมาก = 4 สนใจฟงั ไมห่ ลับ ไม่พดู คยุ ในชน้ั มีคำถามทด่ี ี ตอบคำถามถกู ต้อง

ทำงานส่งครบตรงเวลา
ดี = 3 การแสดงออกอยูใ่ นเกณฑป์ ระมาณ 70%
ปานกลาง = 2 การแสดงออกอยใู่ นเกณฑป์ ระมาณ 50%
ปรบั ปรุง= 1 เขา้ ช้ันเรยี น แต่การแสดงออกนอ้ ยมาก สง่ งานไมค่ รบ ไม่ตรงเวลา

ลงช่ือ…………………………….ผสู้ ังเกต
(……………………………….)
…………/…………/………..

แบบประเมนิ คุณธรรม จรยิ ธรรม ค่านิยม และคณุ ลักษณะอนั พงึ ประสงค์

ช่ือผปู้ ระเมนิ /กลุ่มประเมิน…………………………………………………………………………………………..
ชื่อกลมุ่ รบั การประเมนิ ………………………………………………………………………………………………
ประเมนิ ผลครงั้ ที่………………….... วันท่ี …………. เดือน …………….. พ.ศ. ……......................
เรือ่ ง……………………………………………………………………………………………………

ท่ี คณุ ลกั ษณะ/พฤตกิ รรมบง่ ชี้ ระดบั พฤติกรรม คะแนนท่ีได้
ใช้ได้ = 1 ควรปรับปรุง= 0

1 ความมีมนุษยสัมพนั ธ์

- แสดงกิริยาท่าทางสุภาพตอ่ ผอู้ ่ืน

- ใหค้ วามรว่ มมือกับผ้อู นื่

2 ความมีวนิ ัย

- ปฏิบตั ติ ามกฎระเบยี บ ข้อบงั คับ และขอ้ ตกลง

ตา่ งๆ ของวทิ ยาลยั ไดแ้ ก่ แต่งกายถกู ตอ้ งตาม

ระเบยี บ และข้อบังคับ ตรงต่อเวลา

3 ความรับผิดชอบ

- มกี ารเตรยี มความพร้อมในการเรียนและการ

ปฏบิ ัติงาน

- ปฏบิ ตั งิ านดว้ ยความตง้ั ใจ

- มคี วามเพยี รพยายามในการเรยี นและการ

ปฏบิ ัตงิ าน

4 ความเชื่อมั่นในตนเอง

- กลา้ แสดงความคดิ เห็นอยา่ งมีเหตผุ ล

5 ความสนใจใฝร่ ู้

- ซักถามปัญหาขอ้ สงสยั

6 ความรักสามคั คี

- รว่ มมือในการทำงาน

7 ความกตัญญูกตเวที

- มีสมั มาคารวะตอ่ คร-ู อาจารย์อยา่ งสมำ่ เสมอ ทั้ง

ต่อหนา้ และลับหลงั

รวมคะแนนทไี่ ดท้ ง้ั หมด = …………… คะแนน

หมายเหตุ : แบบประเมินน้ใี ช้แบบเดยี วกนั ทัง้ ผสู้ อนและประธานกลมุ่ และประเมินคุณลกั ษณะดังกลา่ วตลอด
ภาคการศึกษา

แผนการจัดการเรยี นรู้ หน่วยที่ 13
วิชา การโปรแกรมเว็บเบอื้ งตน้ รหัสวชิ า 30900-0001 สปั ดาหท์ ี่ 18
เรอ่ื ง การอัพโหลดไฟลส์ เู่ วบ็ ไซต์ เวลา 5 ชวั่ โมง

1. สาระสำคญั
ศึกษาและปฏบิ ัติเกยี่ วกบั การอพั โหลดไฟล์ส่เู ว็บไซต์

2. สมรรถนะประจำหนว่ ยการเรยี นรู้
ผู้เรียนสามารถเขียนแสดงความรู้ ความเข้าใจ และแสดงทักษะเบื้องต้นเกี่ยวกับการอัพโหลดไฟล์สู่

เวบ็ ไซต์

3. จุดประสงค์การเรียนรู้
1. บอกขัน้ ตอนการขอพน้ื ทีเ่ ว็บไซต์บนเวบ็ เซิร์ฟเวอรไ์ ด้
2. มีการพัฒนาคณุ ธรรม จริยธรรม คา่ นิยม และคณุ ลกั ษณะอนั พงึ ประสงคท์ ่ีผู้สอนสามารถสังเกตเห็น

ได้ ในดา้ นความมมี นษุ ยสมั พนั ธ์ ความมวี ินยั ความรบั ผดิ ชอบ ความเชอื่ มน่ั ในตนเอง ความสนใจใฝ่รู้ ความ
รกั สามคั คี ความกตญั ญกู ตเวที

4. สาระการเรยี นรู้
1. ข้ันตอนการขอพื้นทีเ่ วบ็ ไซตบ์ นเว็บเซริ ์ฟเวอร์

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

เงือ่ นไขที่ 1 ความรู้
นักเรยี นมคี วามรคู้ วามเข้าใจในเร่ือง
1. ขั้นตอนการขอพน้ื ทเี่ วบ็ ไซตบ์ นเวบ็ เซริ ์ฟเวอร์