การออกแบบการจดั การเรยี นรูอ้ งิ มาตรฐานการเรยี นรู้ กลุ่มสาระการเรียนรกู้ ารงานอาชแี ละเทคโนโลยี รายวชิ า การสรา้ งเว็บไซต์ รหสั วิชา ง 33266 ระดับชั้นมธั ยมศกึ ษาปีที่ 6 โดย นายพงศธ์ ร เปงวงศ์ ตำแหน่ง ครผู ู้ช่วย โรงเรียนราชประชานุเคราะห์ 31 ตำบลชา่ งเคง่ิ อำเภอแมแ่ จม่ จงั หวดั เชยี งใหม่ สำนักบริหารงานการศกึ ษาพเิ ศษ สำนักงานคณะกรรมการการศึกษาขนั้ พื้นฐานกระทรวงศึกษาธกิ าร
คำอธิบายรายวชิ า รายวชิ า การสรา้ งเว็บไซต์ รหัสวชิ า ง 33266 เวลาเรียน 4 ชวั่ โมง/สปั ดาห์ ( 80 ช่ัวโมง/ภาคเรยี น ) คำอธบิ ายรายวชิ า ศึกษาและปฏบิ ัตเิ กี่ยวกบั ระบบการทํางานของเว็บเพจ ระบบ Hyper Link การออกแบบ เว็บเพจ เบื้องตน้ การสรา้ งเวบ็ เพจด้วยโปรแกรมภาษาหรือโปรแกรมสาํ เรจ็ รูป การทดสอบการทํางานของเวบ็ เพจ การ Upload เว็บเพจ ผลการเรยี นรู้ 1. เข้าใจกระบวนการและโครงสร้างการทำงานของเวบ็ เพจเบอื้ งตน้ 2. เขา้ ใจโครงสรา้ งและไวยากรณข์ องโปรแกรมและภาษา หรอื กระบวนการการใช้เครื่องมอื การ สร้างเว็บเพจ 3. สามารถออกแบบและกำหนดส่วนประกอบที่จำเปน็ ของเว็บไดถ้ ูกตอ้ งและเหมาะสม 4. มีทักษะในการใชโ้ ปรแกรมภาษาหรือโปรแกรมสำเรจ็ รูปสำหรับการสรา้ งเว็บเพจ 5. มกี จิ นิสยั และสง่ เสริมคณุ ธรรม จริยธรรม ค่านยิ มทด่ี ใี นการใช้คอมพิวเตอร์
ผลการเรียนรู้ รายวชิ า การสรา้ งเว็บไซต์ รหัสวิชา ง 33266 เวลาเรียน 4 ชวั่ โมง/สปั ดาห์ ( 80 ชั่วโมง/ภาคเรียน ) 1. เขา้ ใจกระบวนการและโครงสรา้ งการทำงานของเวบ็ เพจเบอ้ื งตน้ 2. เข้าใจโครงสรา้ งและไวยากรณ์ของโปรแกรมและภาษา หรือ กระบวนการการใชเ้ ครือ่ งมอื การสรา้ งเว็บเพจ 3. สามารถออกแบบและกำหนดส่วนประกอบทีจ่ ำเป็นของเว็บได้ถูกต้องและเหมาะสม 4. มที ักษะในการใชโ้ ปรแกรมภาษาหรือโปรแกรมสำเร็จรูปสำหรบั การสร้างเว็บเพจ 5. มีกจิ นสิ ยั และสง่ เสริมคณุ ธรรม จริยธรรม คา่ นิยมท่ดี ใี นการใช้คอมพิวเตอร์
การจดั ทำโครง รายวิชา การสรา้ งเวบ็ ไซต์ ชั้นมัธยมศกึ ษาปีท่ี 6 ท่ี ชือ่ หนว่ ย ผลการเรยี นรู้ 1. หน่วยท่ี 1 รู้จกั การ 1. ร้จู กั กับ HTML - ทดสอบควา ทำงานของเวบ็ เพจ 2. หน้าต่างเวบ็ เพจ - บรรยาย อธ เบื้องต้น หวั ข้อการเรยี น 2. หน่วยที่ 2 การสรา้ ง 1. เริ่มโดยกำหนดโครงรา่ งของเวบ็ - ทดสอบควา เว็บเพจเบื้องต้น 2. เรม่ิ ต้นสร้างเว็บไซต์ - บรรยาย 3. การจัดการโครงสรา้ งโฟลเดอร์ - อธบิ าย ยกต 4. การเปดิ เวบ็ เพจใหม่ - แสดงวธิ ีการ 5. ทำให้ Dreamweaver ใช้ภาษาไทยได้ ปฏบิ ตั ิไปพร้อ 6. การเพิ่มฟอนตเ์ พือ่ ใชง้ าน 7. การลบฟอนต์ 8. กำหนดรายละเอียดของหนา้ เวบ็ 9. หลักการเพิ่มและแก้ไของคป์ ระกอบ บนหน้าเว็บ 10.การแทรกขอ้ ความ 11.สร้างเส้นค่นั ระหวา่ งบรรทดั 12.การจัดรปู แบบข้อความ 13.การแทรกวันท่ีในหน้าเว็บเพจ 14.การใช้ Rulers และ Grid ช่วยจดั หนา้ เว็บ
งสรา้ งรายวิชา 6 จำนวน 80 ช่ัวโมง ปีการศึกษา 2562 สาระสำคัญ เวลา นำ้ หนกั คะแนน คะแนน (ช.ม.) K P A รวม ามร้พู นื้ ฐานของนักศกึ ษาโดยการต้ังคำถามกอ่ นเรยี น 8 5 5 - 10 ธบิ าย ยกตวั อยา่ ง แสดงวธิ ีการปฏิบัติในแต่ ละ นและใหน้ กั ศกึ ษาปฏบิ ตั ิไปพร้อมกัน ามรู้พ้นื ฐาน 20 ตวั อยา่ ง รปฏิบัติในแต่ ละหวั ข้อการเรยี นและให้นักศึกษา อมกัน
ท่ี ชอ่ื หน่วย ผลการเรยี นรู้ 15.ยอ้ นกลับเพื่อแก้ไขข้อผิดพลาดด้วย History 16.การเซฟหนา้ เวบ็ เพจ 17.ใบงานและแบบฝกึ หัดก่อนเรยี น 18.แบบฝกึ หัดหลังเรยี น 3. หน่วยที่ 3 การใช้ 1. หน้าต่าง CSS Styles - ใหน้ ักศกึ ษาค Cascading Style 2. การกำหนดสไตลช์ ีทแบบ - บรรยาย Sheet Embedded - อธิบาย ยกต 3. การใชส้ ไตลช์ ที ทก่ี ำหนด - แสดงวิธกี าร 4. การบนั ทกึ ไฟลส์ ไตลช์ ีทไว้ใช้ ปฎิบตั ิไปพรอ้ 5. การนำสไตล์ชีทที่ออกแบบไวม้ าใช้ งานอกี 6. การแกไ้ ขสไตล์ชีทในสไตล์ชีทที่เรา ออกแบบไว้ 7. การลบสไตล์ชีท - สอบกลางภาค 1/2562 4. หนว่ ยที่ 4 การติดตอ่ 1. การใชง้ าน phpmyadmin - ให้นกั ศกึ ษาค ฐานข้อมลู MySQL 2. การใช้งาน MySQL Front - บรรยาย 3. การเขียนโคด้ PHP ติดต่อฐานขอ้ มูล - อธบิ าย ยกต 4. การเพ่ิมข้อมลู - แสดงวธิ กี าร 5. การแสดงขอ้ มลู ปฎบิ ัตไิ ปพรอ้
สาระสำคญั เวลา นำ้ หนักคะแนน คะแนน (ช.ม.) K P A รวม คน้ ควา้ หนว่ ยการเรยี น 18 5 5 - 10 ตวั อยา่ ง รปฎิบตั ิในแต่ ละหวั ข้อการเรยื นและใหน้ ักศึกษา อมกัน ค้นคว้าหนว่ ยการเรยี น 4 15 15 - 30 18 5 5 - 10 ตัวอยา่ ง รปฎบิ ตั ิในแต่ ละหวั ข้อการเรยื นและให้นกั ศึกษา อมกนั
ท่ี ช่อื หนว่ ย ผลการเรียนรู้ 5. หน่วยท่ี 5 การอพั 6. การแกไ้ ขขอ้ มลู โหลดไฟลส์ ู่เวบ็ ไซต์ 7. การลบขอ้ มูล - 1. เขา้ ใจเรอ่ื งการจัดโครงร่างไฟล์ - ให้นกั ศึกษาค 2. การจดั และเปลย่ี นแปลงโครงสร้าง - บรรยาย โฟลเดอร์ในเว็บไซต์ - อธบิ าย ยกต 3. ตรวจสอบ Link ในเวบ็ ไซต์ - แสดงวธิ กี าร 4. แกไ้ ข Broken Link ปฎบิ ตั ไิ ปพรอ้ 5. ทดสอบการแสดงผลบนบราวเซอรแ์ ต่ ละรุ่น 6. การขอพ้ืนท่เี วบ็ ไซต์ 7. กำหนดรายละเอียดเกย่ี วกบั เคร่ือง เว็บเซิร์ฟเวอร์ในหนา้ ต่าง Site 8. สรปุ รายละเอยี ดเพิ่มเตมิ ของหน้าตา่ ง Site Definition 9. ตัวอย่างการอัพโหลดไฟลไ์ ปยัง host สอบปลายภาค 2/2562
สาระสำคัญ เวลา น้ำหนักคะแนน คะแนน (ช.ม.) K P A รวม ค้นควา้ หน่วยการเรยี น 8 5 5 - 10 ตวั อย่าง รปฎิบตั ิในแต่ ละหัวขอ้ การเรยื นและให้นกั ศกึ ษา อมกนั 4 15 15 - 30 รวม 80 ช.ม. 50 50 - 100
ผงั มโนทัศน์ วชิ าการสรา้ งเว็บไซต์ ระดบั ชน้ั มธั ยมศึกษาปที ่ี 6 หนว่ ยท่ี 1 รจู้ กั การทำงาน หน่วยที่ 2 การสร้างเวบ็ เพจ หน่วยที่ 3 การใช้ สอบกลางภาค 1/2559 ของเว็บเพจเบือ้ งต้น เบื้องตน้ Cascading Style Sheet จำนวน 4 ช่วั โมง จำนวน 8 ช่วั โมง จำนวน 20 ชวั่ โมง จำนวน 18 ชวั่ โมง วชิ าการสรา้ งเวบ็ ไซต์ ระดบั ม.6 จำนวน 80 ชัว่ โมง หน่วยที่ 4 การติดตอ่ หนว่ ยท่ี 5 การอพั โหลด สอบกลางภาค 1/2559 ฐานข้อมูล MySQL ไฟลส์ เู่ วบ็ ไซต์ จำนวน 4 ชั่วโมง จำนวน 18 ชัว่ โมง จำนวน 8 ช่ัวโมง
การวเิ คราะห์มาต วชิ าการสร้างเว็บไซต์ ชัน้ มธั ยม ผลการเรยี นรู้ รอู้ ะไร ทำอะไร ภาระงาน หนว่ ยที่ 1 รู้จกั ช้ินงาน การทำงานของ เวบ็ เพจเบื้องตน้ รูอ้ ะไร น ัก เร ียนเข หนว่ ยท่ี 2 การ - Tag HTML บันทึกความ สร้างเว็บเพจ เบอื้ งต้น - หนา้ ตา่ งเวบ็ เพจ ในสมดุ ทำอะไร - บรรยาย อธบิ าย ยกตัวอยา่ ง แสดงวิธกี ารปฏิบัติใน แต่ ละหัวข้อการเรียนและให้นักศึกษาปฏบิ ัติไปพร้อม กนั รอู้ ะไร แบบฝึกหัดบ - การกำหนดโครงรา่ งของเวบ็ 2 เรื่องการส - การจัดการโครงสร้างโฟลเดอร์ เว็บเพจเบือ้ งต - การเปดิ เวบ็ เพจใหม่ - ทำให้ Dreamweaver ใช้ภาษาไทยได้ - การลบฟอนต์ - กำหนดรายละเอียดของหนา้ เวบ็ - หลักการเพมิ่ และแกไ้ ของคป์ ระกอบบนหน้าเวบ็ - การแทรกขอ้ ความ - สรา้ งเส้นคั่นระหว่างบรรทัด
ตรฐานและตวั ชีว้ ัด คุณลักษณะของวิชา คุณลกั ษณะ มศึกษาปที ี่ 6 ปกี ารศึกษา 2562 อนั พึงประสงค์ น/ สมรรถนะสำคัญ - สามารถนำความรู้ทไ่ี ด้ - ซอ่ื สตั ย์สจุ ริต ไปใช้ประโยชน์ได้จรงิ - มีวินยั ขียน - ความสามารถในการ - ใฝเ่ รียนรู้ มรู้ลง คดิ - อยู่อย่างพอเพียง - มงุ่ มนั่ ในการทำงาน - ความสามรถในการใช้ เทคโนโลยี บทที่ - ความสามารถในการ - สามารถนำความรู้ท่ไี ด้ - ซอ่ื สัตยส์ จุ ริต สร้าง คิด ไปใชป้ ระโยชนไ์ ด้จริง - มีวินยั ต้น - ความสามรถในการใช้ - ใฝ่เรยี นรู้ เทคโนโลยี - อยู่อย่างพอเพียง - มงุ่ มน่ั ในการทำงาน
ผลการเรียนรู้ รอู้ ะไร ทำอะไร ภาระงาน ช้ินงาน หน่วยท่ี 3 การใช้ - การจดั รปู แบบข้อความ Cascading - การแทรกวนั ทใี่ นหนา้ เวบ็ เพจ แบบฝกึ หัดบท Style Sheet - การใช้ Rulers และ Grid ชว่ ยจัดหนา้ เว็บ 2 เรอื่ งการสร - ย้อนกลับเพ่ือแกไ้ ขข้อผิดพลาดด้วย History เวบ็ เพจเบื้องต ทำอะไร - บรรยาย อธิบาย ยกตัวอย่าง แสดงวิธกี ารปฏบิ ตั ิใน แต่ ละหวั ข้อการเรยี นและใหน้ ักศึกษาปฏบิ ตั ิไป พร้อมกนั รู้อะไร - หนา้ ตา่ ง CSS Styles - การกำหนดสไตลช์ ที แบบ Embedded - การใช้สไตล์ชที ทีก่ ำหนด - การบันทึกไฟล์สไตลช์ ที ไวใ้ ช้ - การนำสไตลช์ ีทท่อี อกแบบไว้มาใชง้ านอกี - การแกไ้ ขสไตล์ชีทในสไตล์ชีทท่เี ราออกแบบไว้ - การลบสไตลช์ ีท ทำอะไร
น/ สมรรถนะสำคัญ คุณลักษณะของวชิ า คุณลกั ษณะ อนั พงึ ประสงค์ ทที่ - ความสามารถในการ - สามารถนำความรู้ท่ไี ด้ - ซอ่ื สัตยส์ ุจรติ ร้าง คดิ ไปใชป้ ระโยชนไ์ ด้จริง - มีวินัย ต้น - ความสามรถในการใช้ - ใฝ่เรียนรู้ เทคโนโลยี - อยู่อย่างพอเพียง - มงุ่ มนั่ ในการทำงาน
ผลการเรยี นรู้ รอู้ ะไร ทำอะไร ภาระงาน ชน้ิ งาน หนว่ ยที่ 4 การ ติดต่อฐานขอ้ มูล - บรรยาย อธบิ าย ยกตวั อย่าง แสดงวธิ กี ารปฏิบัติใน MySQL แต่ ละหวั ขอ้ การเรยี นและใหน้ กั ศึกษาปฏบิ ัติไปพรอ้ ม หนว่ ยที่ 5 การ อัพโหลดไฟล์สู่ กนั เว็บไซต์ รอู้ ะไร แบบฝึกหดั บท - การใช้งาน phpmyadmin 4 การตดิ ตอ่ - การใช้งาน MySQL Front ฐานข้อมลู - การเขียนโคด้ PHP ตดิ ต่อฐานขอ้ มลู MySQL - การเพ่ิมข้อมลู - การแสดงข้อมูล - การแก้ไขข้อมูล - การลบขอ้ มูล ทำอะไร - บรรยาย อธบิ าย ยกตวั อย่าง แสดงวิธีการปฏิบัติใน แต่ ละหวั ข้อการเรียนและให้นักศึกษาปฏิบัติไปพรอ้ ม กนั ร้อู ะไร แบบฝกึ หดั บท - เข้าใจเรื่องการจดั โครงร่างไฟล์ 5 การอัพโหล - การจดั และเปลี่ยนแปลงโครงสร้างโฟลเดอร์ใน ไฟล์สู่เว็บไซต เวบ็ ไซต์
น/ สมรรถนะสำคญั คุณลกั ษณะของวิชา คุณลกั ษณะ อนั พงึ ประสงค์ ทที่ - ความสามารถในการ - สามารถนำความรู้ที่ได้ - ซ่ือสัตย์สจุ รติ คดิ ไปใชป้ ระโยชนไ์ ดจ้ รงิ - มวี นิ ยั - ความสามรถในการใช้ - ใฝ่เรียนรู้ เทคโนโลยี - อยู่อย่างพอเพียง - มุ่งม่ันในการทำงาน ทที่ - ความสามารถในการ - สามารถนำความรู้ทไี่ ด้ - ซอ่ื สัตย์สจุ รติ ลด คดิ ไปใช้ประโยชนไ์ ดจ้ ริง - มีวนิ ยั ต์ - ความสามรถในการใช้ - ใฝเ่ รียนรู้ เทคโนโลยี - อยู่อย่างพอเพียง
ผลการเรยี นรู้ รู้อะไร ทำอะไร ภาระงาน ช้นิ งาน - ตรวจสอบ Link ในเวบ็ ไซต์ - แกไ้ ข Broken Link - ทดสอบการแสดงผลบนบราวเซอร์แต่ละรนุ่ - การขอพื้นที่เว็บไซต์ - กำหนดรายละเอยี ดเกี่ยวกับเครื่องเวบ็ เซิร์ฟเวอรใ์ น หน้าตา่ ง Site - สรปุ รายละเอียดเพมิ่ เตมิ ของหน้าต่าง Site Definition - ตวั อย่างการอัพโหลดไฟล์ไปยงั host ทำอะไร - บรรยาย อธบิ าย ยกตวั อย่างแสดงวธิ กี ารปฏิบตั ิในแต่ ละหัวข้อการเรยี นและใหน้ ักศกึ ษาปฏบิ ตั ไิ ปพรอ้ มกัน
น/ สมรรถนะสำคัญ คณุ ลกั ษณะของวิชา คณุ ลักษณะ อนั พงึ ประสงค์ - มุ่งม่ันในการทำงาน
หนว่ ยท่ี 5 การ รู้อะไร แบบฝกึ หัดบท อัพโหลดไฟล์สู่ เวบ็ ไซต์ - เขา้ ใจเรอ่ื งการจดั โครงรา่ งไฟล์ 5 การอพั โหล - การจัดและเปลย่ี นแปลงโครงสร้างโฟลเดอร์ใน ไฟลส์ เู่ ว็บไซต เว็บไซต์ - ตรวจสอบ Link ในเว็บไซต์ - แก้ไข Broken Link - ทดสอบการแสดงผลบนบราวเซอรแ์ ต่ละร่นุ - การขอพน้ื ท่ีเวบ็ ไซต์ - กำหนดรายละเอียดเกย่ี วกับเคร่ืองเวบ็ เซริ ฟ์ เวอรใ์ น หนา้ ตา่ ง Site - สรุปรายละเอียดเพิม่ เตมิ ของหนา้ ตา่ ง Site Definition - ตัวอยา่ งการอพั โหลดไฟลไ์ ปยงั host ทำอะไร - บรรยาย อธบิ าย ยกตวั อย่างแสดงวิธีการปฏิบตั ิในแต่ ละหัวขอ้ การเรยี นและใหน้ กั ศกึ ษาปฏบิ ัตไิ ปพรอ้ มกัน
ทที่ - ความสามารถในการ - สามารถนำความรู้ทีไ่ ด้ - ซอื่ สตั ยส์ จุ รติ ลด คดิ ไปใช้ประโยชนไ์ ดจ้ ริง - มีวนิ ยั ต์ - ความสามรถในการใช้ - ใฝ่เรียนรู้ เทคโนโลยี - อยู่อย่างพอเพียง - มุ่งมั่นในการทำงาน
บนั ทกึ ขอ้ ความ สว่ นราชการ โรงเรยี นราชประชานุเคราะห์ 31 อำเภอแมแ่ จม่ จังหวดั เชยี งใหม่ ท่ี วนั ท่ี เรื่อง การเสนอแผนการจดั การเรียนร้เู พื่อขออนญุ าตใชใ้ นการจัดกิจกรรมการเรียนการสอน เรียน ผ้อู ำนวยการโรงเรียนราชประชานเุ คราะห์ 31 ข้าพเจ้า นายพงศ์ธร เปงวงศ์ ตำแหน่ง ครูผู้ช่วย กลุ่มสาระการเรียนรู้การงานอาชีพและ เทคโนโลยี ได้จัดทำการวิเคราะห์และการออกแบบการเรียนรู้และจดั ทำแผนการจัดการเรียนรู้ รายวิชาการ สรา้ งเวบ็ ไซต์ รหสั วิชา ง 33266 ชั้น ม.6 ภาคเรยี นท่ี 1 ปี 2562 ดังรายละเอียดท่ีแนบมาพร้อมนี้ จึงเรยี นมาเพ่ือโปรดทราบและพิจารณา ลงช่อื ครผู ู้สอนประจำวิชา (นายพงศ์ธร เปงวงศ์) ………/……………/………… ความเหน็ ของหัวหนา้ กลมุ่ สาระการเรียนรู้ การงานอาชพี และเทคโนโลยี (กลุม่ วิชาคอมพวิ เตอร์) ไดท้ ำการตรวจสอบ แผนการจดั การเรียนรู้ที่ 1 ช่ือวชิ าการสร้างเว็บไซต์ รหสั วชิ า ง 33266 ของ นาย พงศธ์ ร เปงวงศ์ แลว้ มคี วามคิดเห็นดังนี้ 1. ส่วนประกอบของแผนการจัดการเรยี นรู้ ท่ี รายการ มี ไมม่ ี หมายเหตุ 1 คำอธบิ ายรายวชิ า / 2 ผลการเรยี นรู้/ตวั ชี้วัด / 3 สาระการเรียนรู้ / 4 เวลาเรียน(จำนวน ชัว่ โมง) / 5 การออกแบบกระบวนการจดั กิจกรรมการเรียนรู้ / 6 แผนการวดั และประเมินผลการเรยี นรู้ / 7 รายละเอยี ดแผนการวัดและประเมนิ การเรยี นรู้ / 2. เป็นแผนการจดั การเรียนรู้ท่ี 1 ชื่อวิชา การสร้างเวบ็ ไซต์ ( / ) ดีมาก ( ) ดี ( ) พอใช้ ( ) ควรปรบั ปรุง
3. กิจกรรมการเรยี นรู้ได้นำเอากระบวนการเรยี นรู้ ( / ) ท่ีเนน้ ผ้เู รยี นเปน็ สำคัญมาใชใ้ นการจดั กิจกรรมไดอ้ ย่างเหมาะสม ( ) ท่ียงั ไม่เน้นผเู้ รียนเปน็ สำคญั ควรปรบั ปรุงพฒั นาตอ่ ไป 4. เป็นแผนการจดั กิจกรรมการเรยี นรู้ท่ี ( / ) นำไปใชจ้ ริง ( ) ควรปรับปรงุ กอ่ นนำไปใช้ 5. ข้อเสนอแนะ ........................................................................................................................................................................... ........................................................................................................................................................................... ลงช่ือ (นางสาวฐิตารัตน์ คัมภีระ) …………./………../…………. ความเหน็ ของผู้ชว่ ยผอู้ ำนวยการโรงเรยี น กล่มุ บรหิ ารงานวิชาการ ได้ทำการตรวจสอบ แผนการจัดการเรียนรู้ท่ี 1 ชื่อวิชา การสร้างเว็บไซต์ รหัสวิชา ง 33266 ของ นายพงศธ์ ร เปงวงศ์ แล้ว มีความคดิ เห็นดังนี้ 1. เปน็ การวิเคราะห์และออกแบบกระบวนการเรยี นรู้ท่ี ( ) ดมี าก ( ) ดี ( ) พอใช้ ( ) ควรปรบั ปรงุ 2. เปน็ การวเิ คราะหแ์ ละการออกแบบกระบวนการเรยี นรู้ ท่ี ( ) ทเี่ นน้ ผูเ้ รยี นเปน็ สำคญั มาใช้ในการจดั กิจกรรมไดอ้ ยา่ งเหมาะสม ( ) ทยี่ ังไมเ่ นน้ ผเู้ รียนเป็นสำคัญ ควรปรบั ปรงุ พฒั นาตอ่ ไป 3. เปน็ การวเิ คราะห์และการออกแบบกระบวนการเรยี นรทู้ ี่ ( ) นำไปใชจ้ ริง ( ) ควรปรบั ปรงุ กอ่ นนำไปใช้ 4. ข้อเสนอแนะ ........................................................................................................................................................................... ........................................................................................................................................................................... ลงชือ่ (.........................................) ………./…………../……………..
ความคดิ เห็นของผบู้ ริหารสถานศกึ ษา ( ) อนญุ าตใหใ้ ช้ แผนการเรยี นรู้ นไ้ี ด้ ( ) ไมอ่ นญุ าต เพราะ................................................................................. ลงชอ่ื (นางวิลาวัลย์ ปาลี) ผู้อำนวยการโรงเรยี นราชประชานเุ คราะห์ 31
แบบตรวจสอบและประเมินแผนจัดการเรียนรู้ โรงเรียนราชประชานเุ คราะห์ 31 อำเภอแม่แจม่ จงั หวัดเชยี งใหม่ รายวชิ า การสร้างเวบ็ ไซต์ ช้ัน ม.6 กล่มุ สาระการเรียนรู้ การงานอาชพี และเทคโนโลยี จำนวน 2 นก./นน. เวลาเรยี น 4 ชวั่ โมง/สัปดาห์ เวลาทีใ่ ช้ในการจดั การเรียนรู้ในหน่วยน้ี 8 ชว่ั โมง หนว่ ยการเรยี นรทู้ ่ี 1 เร่ือง รจู้ ักการทำงานของเวบ็ เพจเบอ้ื งต้น ************************** ตอนที่ 1 แบบตรวจสอบการจัดแผนการจดั การเรยี นรู้ คำอธิบาย ใหค้ รูผสู้ อนพิจารณาตรวจสอบแผนการจัดการเรยี นรตู้ ามรายการตรวจสอบแล้วเขยี น เครอ่ื งหมาย ✓ ลงในช่องผลการตรวจสอบตามสภาพจริง ผลการตรวจสอบ ผลการตรวจสอบ ท่ี รายการตรวจสอบ ครผู ้สู อน หวั หน้ากลมุ่ สาระ หมายเหตุ มี ไมม่ ี มี ไม่มี 1 มกี ารระบุหน่วยการเรียนรแู้ ละชอ่ื หนว่ ยการ / / เรียนรู้ 2 มกี ารระบชุ ่อื รายวชิ า รหสั วิชา ระดบั ชัน้ ที่สอน / / 3 มกี ารระบุเวลาทใ่ี ช้แผนการจดั การเรียนร(ู้ ภาค / / เรยี นที/่ ปีการศึกษา/นำ้ หนกั เวลาเรยี น/เวลา เรยี นแตล่ ะสัปดาห/์ เวลาที่ใชจ้ ัดกจิ กรรมตาม หน่วยการเรยี นรู้ 4 มีการระบสุ าระของหนว่ ยการเรียนรู้ / / 5 มกี ารระบุเป้าหมายการเรยี นรู้ ดังน้ี / / 5.1 มีการะบุตวั ชีว้ ัด (วิชาพื้นฐาน) 5.2 มกี ารระบผุ ลการเรยี นรู้ (วิชาเพ่ิมเตมิ ) 6 มกี ารระบกุ ารเรียนรดู้ ังน้ี // 6.1 เนอื้ หาสาระหลกั (ผเู้ รยี น.ตอ้ งร้อู ะไร) 6.2 ทักษะกระบวนการ (ผู้เรยี น.ต้องทำอะไร) 7 มีการระบุคณุ ลกั ษณะดงั น้ี // 7.1 คุณลักษณะของรายวิชา 7.2 คณุ ลกั ษณะอนั พงึ ประสงค์ 8 มีการระบจุ ดุ เน้นของโรงเรียน ดังนี้ / / 8.1 หลักปรัชญาเศรษฐกิจพอเพยี ง (ทกุ หน่วย การเรยี นรู้ต้องระบุ) 8.2 กจิ กรรมสวนพฤกษศาสตรใ์ นโรงเรยี น
9 มกี ารระบภุ าระงานหรอื ชิน้ งาน ดงั นี้ / / 9.1 ตามตัวช้ีวดั หรอื ผลการเรียนรู้ / / 9.2 รวบยอด / / 10 มกี าระบุกจิ กรรมการเรยี นร้ดู งั นี้ / / 10.1 ข้ันตัง้ คำถาม 10.2 ขน้ั การเตรียมการคน้ หาคำตอบ / / 10.3 ข้นั ดำเนนิ การคน้ หาคำตอบและตรวจสอบ / / คำตอบ 10.4 การสรุปและนำเสนอผลการค้นหาคำตอบ 10.5 มกี ารระบุเวลาดำเนินการตามข้อ 10.1 ถึง 10.4 ทเี่ หมาะสมกับกิจกรรม 11 มีการระบสุ ่อื อุปกรณห์ รอื แหลง่ เรียนรู้ 12 มีการระบกุ ารวัดและประเมนิ ผล ดังนี้ 12.1 เปา้ หมายการเรยี นรทู้ ี่ตอ้ งวัดและระเมินผล 12.2 ภาระงานหรอื ชน้ิ งานท่ตี ้องวดั และประเมนิ 12.3 วิธีการวัดทส่ี อดคล้องตาม 12.1 และ12.2 12.4 เคร่ืองมือวดั ผลสอดคล้องตาม 12.1ถึง12.3 13 มีเอกสารใบความร้แู ละใบงาน(ถ้าไมม่ ใี หร้ ะบุ เหตผุ ล) 14 มีเอกสารประกอบตามขอ้ 12 (ตอ้ งมีทกุ ประเด็น) ลงชอ่ื ..................................................................... ลงชื่อ..................................................................... ( นายพงศ์ธร เปงวงศ์ ) (นางสาวฐิตารตั น์ คัมภีระ) ตำแหนง่ ครผู ูช้ ่วย ตำแหนง่ ครู คศ.1 ผู้รบั การนิเทศ หัวหน้ากลมุ่ สาระการเรยี นรู้ ลงชือ่ ..................................................................... ลงชอ่ื ..................................................................... ( นางสาวรตั ติกาล ยศสุข ) (นางวลิ าวลั ย์ ปาลี) ผู้ช่วยผูอ้ ำนวยการ กลุม่ บริหารงานวิชาการ ผู้อำนวยการโรงเรียนราชประชานุเคราะห์ 31
แผนการจดั การเรี/ยนรู้ หนว่ ยการเรียนร้ทู ี่ 1 เร่อื ง รจู้ ักการทำงานของเวบ็ เพจเบอื้ งตน้ รายวชิ าการสรา้ งเว็บไซต์ รหัสวิชา 2204-2009 ระดบั ชั้น ม.6 ภาคเรยี นท่ี 1 ปีการศึกษา 2562 น้ำหนักเวลาเรยี น 2 (นน./นก.) เวลาเรยี น 4 ช่วั โมง/สัปดาห์ เวลาท่ใี ช้ในการจดั กิจกรรมการเรียนรู้ 8 ชั่วโมง 1. สาระสำคญั (ความเข้าใจที่คงทน) ศึกษา วิเคราะห์ ฝึกปฏิบัติ เพื่อให้มีความรู้ความเข้าใจ ตระหนักและเห็นคุณค่าในเรื่อง ต่อไปน้ี หลกั การเบือ้ งต้นเก่ียวกับการสร้างเว็บเพจ ความรเู้ กยี่ วกับอินเตอร์เน็ตเบ้ืองต้น,กระบวนการพัฒนา เว็บเพจ หลักการออกแบบเวบ็ เพจ, โปรแกรมทใ่ี ชใ้ นการสร้างเว็บเพจ, เร่มิ ต้นสรา้ งเว็บเพจ, การใชข้ ้อความ ในเว็บเพจ, การใช้ภาพกราฟิกในเวบ็ เพจ, การใช้ตารางในเว็บเพจ, การเชื่อมโยงเว็บเพจ, การจัดแบง่ เว็บ เพจด้วยเฟรมเซต, การสร้างเลเยอร์, การสร้างฟอร์ม, การใช้มัลติมีเดียบนเว็บเพจ, และการอัพโหลด เวบ็ ไซต์เขา้ สอู่ ินเตอร์เน็ต โดยใช้กระบวนการเรียนรู้ กระบวนการคิด กระบวนการแก้ปญั หา กระบวนการ กลมุ่ กระบวนการปฏิบัติ เพ่อื ให้เกิดความตระหนักและเหน็ คุณค่า มีความรู้ ความเข้าใจ และมีทักษะใน การปฏบิ ัตงิ าน สามารถสร้างเว็บเพจเผยแพร่ข้อมูลสอู่ ินเตอร์เน็ต หรอื ประยุกตใ์ ชง้ านในชีวิตประจำวันได้ อย่างเหมาะสม มีความรบั ผิดชอบ และมีคุณธรรมจรยิ ธรรมในการใชง้ านเทคโนโลยี การวัดและประเมินผล ใชว้ ิธที ีห่ ลากหลาย และประเมนิ ตามสภาพจริง 2. มาตรฐานการเรยี นรู้ มาตรฐาน ง 3.1 เข้าใจ เหน็ คุณคา่ และใชก้ ระบวนการเทคโนโลยีสารสนเทศในการสบื คน้ ขอ้ มูล การ เรียนรู้ การสอ่ื สาร การแกป้ ัญหา การทำงาน และอาชพี อยา่ งมีประสทิ ธภิ าพ ประสทิ ธิผล มคี ุณธรรม 3. ผลการเรยี นรู้ 1. อธบิ ายลักษณะทัว่ ไปของอินเทอร์เนต็ ได้ 2. อธิบายกระบวนการพัฒนาเว็บเพจได้ 3. อธบิ ายหลักการและออกแบบเวบ็ เพจได้ 4. มีความรู้ความเข้าใจเบอื้ งต้นเก่ยี วกับโปรแกรม Adobe Dreamweaver CC 4. สาระการเรยี นรู้ 4.1 เน้อื หาสาระหลกั : Knowledge (ผู้เรยี นต้องรอู้ ะไร) 1. แนะนำโปรแกรม Adobe Dreamweaver CC 2. การสรา้ งไฟล์ Adobe Dreamweaver CC 3. หลักการและออกแบบเว็บเพจได้ 4. ความเข้าใจเบอ้ื งตน้ เกย่ี วกบั โปรแกรม Adobe Dreamweaver CC 4.2 ทกั ษะ/กระบวนการ: Process (ผูเ้ รยี นสามารถปฏบิ ตั อิ ะไรได้) 1. อธบิ ายการใช้งานโปรแกรม Adobe Dreamweaver CC และการใช้งานเบื้องต้นได้
5. ปฏิบัตกิ ารไฟล์ Adobe Dreamweaver CC ได้ 2. ปฏิบตั กิ ารตกแต่งเวบ็ ไซตไ์ ด้ 3. ปฏบิ ัตกิ ารสร้างเว็บไซต์ได้ 4.3 คณุ ลกั ษณะท่พี ึงประสงค์: Attitude (ผูเ้ รยี นควรแสดงพฤติกรรมการเรยี นอะไรบา้ ง) 1. ซื่อสัตยส์ ุจริต 2. มีวินยั 3. ใฝเ่ รียนรู้ 4. อยู่อย่างพอเพียง 5. มงุ่ มน่ั ในการทำงาน 5. สมรรถนะสำคญั ของนักเรยี น 1. ความสามารถในการคดิ 2. ความสามรถในการใช้เทคโนโลยี 6. คณุ ลกั ษณะของวชิ า 1. ใช้เทคโนโลยีอยา่ งสรา้ งสรรค์ 7. คุณลักษณะอันพึงประสงค์ 1. ซ่อื สตั ย์สุจริต 2. มวี นิ ัย 3. ใฝเ่ รียนรู้ 4. อยู่อย่างพอเพียง 5. มงุ่ มั่นในการทำงาน 8. ช้ินงาน / ภาระงาน 1. นกั เรียนเขยี นบันทกึ ความรลู้ งในสมดุ 2. ประเมินคณุ ลกั ษณะอนั พึงประสงค์ (ซอื่ สัตยส์ จุ รติ ,มวี ินัย,ใฝ่เรียนรู้ ,อยู่อย่างพอเพยี ง ,มงุ่ มน่ั ในการ ทำงาน) 9. กจิ กรรมการเรยี นรู้ ( สปั ดาหท์ ี่ 1 คาบเรยี นท่ี 1-4 ) 1. ข้นั ตั้งคำถาม - ตรวจสอบรายชือ่ นกั เรียนทีเ่ ข้าเรยี น - ใหน้ ักเรียนคน้ ควา้ โปรแกรมประยกุ ต์ Adobe Dreamweaver CC - รว่ มสนทนาเกี่ยวกับเรอื่ ง การใชง้ าน Adobe Dreamweaver CC 2. ข้ันการเตรยี มการคน้ หาคำตอบ - นกั เรยี นค้นคว้าโปรแกรมประยุกต์ Adobe Dreamweaver CC - นักเรียนร่วมสนทนาและแสดงความคิดเห็น เรอื่ ง การใชง้ าน Adobe Dreamweaver CC 3. ขัน้ การดำเนนิ การค้นหาคำตอบและตรวจสอบคำถาม
- บอกจุดประสงคก์ ารเรยี น - บรรยาย อธิบาย ยกตวั อยา่ ง แสดงวิธกี ารปฎบิ ัติในแต่ ละหัวข้อการเรียนไดแ้ ก่ การใชง้ าน Adobe Dreamweaver CC สว่ นประกอบต่างๆ ของโปรแกรม Adobe Dreamweaver CC หนา้ ท่ขี องส่วนประกอบของโปรแกรม Adobe Dreamweaver CC หน้าทีแ่ ละส่วนประกอบของ แถบเครือ่ งมือ Adobe Dreamweaver CC หน้าทีข่ องคีย์ตา่ งๆ บนแปน้ พมิ พ์ การใช้งานคยี ์ ตา่ งๆ บนแปน้ พมิ พ์ ความหมายของสัญลกั ษณ์ต่างๆ ของตัวชีเ้ มาส์ การควบคมุ จุดแทรกขอ้ ความ การออกจากโปรแกรม Adobe Dreamweaver CC และใหน้ ักเรยี นปฎิบตั ิไปพร้อมกนั - ครบู อกวธิ กี ารและแนวคดิ ในการปฏบิ ัตทิ ี่ถกู ตอ้ งให้แก่นักเรียน - ประเมนิ พฤติกรรมรายบุคคลโดยครูจะซกั ถามในแต่ละคน 4. ขน้ั การสรุปและนำเสนอผลการค้นหาคำตอบ - ครแู ละนักเรยี นรว่ มกันสรปุ สาระสำคัญ - เปิดโอกาสใหน้ กั เรยี นซักถามขอ้ สงสัย - มอบหมายใหไ้ ปหัดทำและศึกษาเพิม่ เตมิ - ทำแบบฝึกปฏิบัติ ( สัปดาหท์ ี่ 2 คาบเรยี นท่ี 4-8 ) 1. ข้นั ตงั้ คำถาม - ตรวจสอบรายชอื่ นักเรยี นทเ่ี ขา้ เรยี น - ให้นักเรียนค้นคว้าการจัดรูปแบบของเอกสาร,มุมมองต่างๆ บนเอกสาร,การใช้เมาส์และคำส่ัง ตา่ งๆ บนโปรแกรม - รว่ มสนทนาเกย่ี วกบั เรือ่ ง ใช้งานโปรแกม Adobe Dreamweaver CC 2. ขัน้ การเตรยี มการค้นหาคำตอบ - นักเรียนคน้ คว้าการจัดรูปแบบของเอกสาร,มุมมองต่างๆ บนเอกสาร,การใช้เมาส์และคำสั่งตา่ งๆ บนโปรแกรม - รว่ มสนทนาและแสดงความคิดเห็น 3. ข้นั การดำเนนิ การคน้ หาคำตอบและตรวจสอบคำถาม - บอกจดุ ประสงค์การเรยี น - บรรยาย อธบิ าย ยกตัวอยา่ ง แสดงวธิ กี ารปฎิบตั ิในแต่ ละหวั ขอ้ การเรืยนได้แก่ การสร้างเอกสาร และปอ้ นข้อมลู ลงในเอกสาร การแทรกขอ้ ความลงในเอกสาร การ เลือกข้อความในลักษณะต่างๆ การ ยา้ ยข้อความ คดั ลอกและลบข้อความ และให้นักเรียนปฎิบตั ิไปพรอ้ มกัน - ครูบอกวิธีการและแนวคิดในการปฏบิ ัตทิ ่ีถูกตอ้ งใหแ้ กน่ ักเรียน - ประเมินพฤตกิ รรมรายบคุ คลโดยครูจะซักถามในแต่ละคน 4. ขั้นการสรุปและนำเสนอผลการคน้ หาคำตอบ - ครูและนกั เรยี นรว่ มกันสรปุ สาระสำคญั - เปิดโอกาสใหน้ ักเรียนซกั ถามข้อสงสยั
- มอบหมายใหไ้ ปหัดทำและศึกษาเพิม่ เตมิ จำนวน สภาพการใช้ส่ือ (ระบุข้ันตอนท่ใี ช)้ - ทำแบบฝกึ ปฏิบตั ิ 1 ขณะเรียน เรอ่ื ง โปรแกรม 10. สอ่ื อปุ กรณแ์ ละแหล่งเรียนรู้ 1 ประมวลผลคำ 1 หลงั เรยี น เรือ่ ง โปรแกรมประมวลผล รายการสื่อ 1 คำ - ใบความรปู้ ระจำหนว่ ย ขณะเรยี น เรือ่ ง โปรแกรม ประมวลผลคำ - แบบฝกึ ปฏิบัติ และแบบฝึกหัด ขณะเรยี น เร่ือง โปรแกรม ประมวลผลคำ - เครอ่ื งคอมพิวเตอร์ - โปรแจ๊คเตอร์ 11. การวัดผลและประเมินผล เป้าหมาย หลกั ฐานการเรียนรู้ วิธีวดั เคร่อื งมือวดั ฯ ประเดน็ /เกณฑ์ การเรยี นรู้ ช้ินงาน/ภาระงาน การให้คะแนน มาตรฐาน ผลการ - ใบความรู้ที่ 1 - ทำใบความรู้ที่ 1 - แบบบันทึกการทำใบ วดั ผลสัมฤทธิ์ เรียนรู้/ตวั ชวี้ ัด เรื่อง โปรแกรม เรื่อง โปรแกรม ความรู้ที่ 1 เรื่อง - ร้อยละ 80- 1. โ ป ร แ ก ร ม ประมวลผลคำ ประมวลผลคำ โปรแกรมประมวลผล 100 หมายถงึ ประมวลผลคำ - แบบฝกึ ปฏบิ ตั ิ - ทำแบบฝึกปฏบิ ตั ิ คำ ดีมาก - แบบฝึกหัดบทที่ - ทำแบบฝึกหัดบทท่ี - แบบบันทึกการทำ - รอ้ ยละ 70- 1 เรื่องโปรแกรม 1 เรื่องโปรแกรม แบบฝกึ ปฏบิ ตั ิ 79 หมายถึง ประมวลผลคำ ประมวลผลคำ - แบบบันทึกการทำ ดี - ประเมนิ แบบฝึกหัดบทท่ี1 - ร้อยละ 60- คุณลกั ษณะอันพึง เ ร ื ่ อ ง โ ป ร แ ก ร ม 69 หมายถึง ประสงค์ (ซอ่ื สัตย์ ประมวลผลคำ ปานกลาง สุจรติ ,มีวนิ ัย ,ใฝ่ - แ บ บ บ ั น ท ึ ก ก า ร - ร้อยละ 50- เรยี นรู้ ,อยู่อยา่ ง ประเมินคุณลักษณะ 59 หมายถึง พอเพยี ง ,มุ่งมนั่ ใน อ ั น พ ึ ง ป ร ะ ส ง ค์ ผา่ นเกณฑ์ การทำงาน) (ซือ่ สตั ยส์ ุจรติ ,มีวนิ ัย - ตำ่ กวา่ ร้อย ,ใฝ่เรียนรู้ ,อยู่อย่าง ละ 50 พอเพียง ,มุ่งมั่นใน หมายถงึ ไม่ การทำงาน) ผา่ นเกณฑ์
เปา้ หมาย หลักฐานการเรียนรู้ วธิ วี ดั เครอ่ื งมือวัดฯ ประเด็น/เกณฑ์ การเรียนรู้ ช้ินงาน/ภาระงาน การให้คะแนน แบบบนั ทึก คณุ ลักษณะอัน พึงประสงค์ - 3 คะแนน หมายถึง มี พฤติกรรมดี - 2 คะแนน หมายถึง มี พฤติกรรม พอใช้ - 1 คะแนน หมายถึง มี พฤติกรรม ตอ้ งปรบั ปรงุ - 0 คะแนน ห ม า ย ถ ึ ง ไ ม่ ผา่ น 12. การบูรณาการตามจดุ เน้นของโรงเรียน ปรัชญาเศรษฐกิจพอเพยี ง ครู ผเู้ รียน 1. พอประมาณ การวางแผนและปฏิบัติตามแผนที่ การวางแผนและปฏิบัติตามแผนที่ วางไว้ในด้านการดำรงชีวิต งานใน วางไว้ในด้านการดำรงชีวิต การ หนา้ ท่ี และงานทไี่ ด้รบั มอบหมาย เรียน และการใช้เวลาว่างให้เกิด ประโยชน์ 2. ความมเี หตุผล การวางแผนและปฏบิ ัตติ ามแผนที่ การวางแผนและปฏิบตั ิตามแผนที่ วางไวท้ ำใหบ้ รรลุเป้าหมาย วางไวท้ ำใหบ้ รรลเุ ป้าหมาย 3. มีภมู ิคุ้มกันที่ดีในตัว ท ำ ใ ห ้ เ ก ิ ด ค ว า ม พ ร ้ อ ม ทุ ก ท ำ ใ ห ้ เ ก ิ ด ค ว า ม พ ร ้ อ ม ทุ ก สถานการณ์ พฒั นาตน พัฒนางาน สถานการณ์ พฒั นาตน พฒั นางาน 4. เงื่อนไขความรู้ เป็นคนที่รู้ตัวอยู่เสมอ รู้บทบาท เป็นคนที่รู้ตัวอยู่เสมอ รู้บทบาท หน้าทที่ พี่ ึงปฏบิ ัติ หนา้ ทีท่ ี่พงึ ปฏิบัติ
ปรชั ญาเศรษฐกจิ พอเพยี ง ครู ผเู้ รียน 5. เง่ือนไขคณุ ธรรม ขุนเขาไมส่ ะเทือนเพราะแรงลมฉนั ทา่ นผใู้ ดควบคุมอนิ ทรียค์ ือ ตา, ห,ู ใด จมกู , ลิน้ , กาย, ใจ ได้ เหมือนม้าท่ี บัณฑิตก็ไม่หวน่ั ไหวเพราะนินทา สารถคี วบคมุ ได้อยา่ งดี ท่านผ้นู ้ี หรือสรรเสริญฉนั นั้น หมดความไว้ตัว หมดกเิ ลส ม่ันคง ย่อมเปน็ ทโ่ี ปรดปราน แม้กระทั่ง ของเทวดาท้งั หลาย กิจกรรมสวนพฤกษศาสตร์ ครู ผเู้ รียน การเก็บรวบรวมข้อมูลประกอบการ มอบหมายงานให้ผู้เรียนรวบรวม รวบรวมข้อมูลพันธ์ไม้ในจุดท่ี ออกแบบและพัฒนางานตามจุดท่ี ข้อมูลพันธ์ไม้ในจุดที่ตน เอง ตนเองรับผิดชอบพร้อมแต่งกลอน นกั เรยี นสนใจ ร ับผิดชอ บพ ร ้อ ม แ ต่ ง ก ล อ น เกยี่ วกับต้นไมข้ องตนจำนวน 1 บท เกี่ยวกับตน้ ไมข้ องตนจำนวน 1 บท เพื่อทำเป็นที่คั่นหนังสือพร้อม เพ่อื ทำเปน็ ทค่ี น่ั หนงั สอื ตกแต่งให้สวยงาม สิ่งแวดลอ้ ม ครู ผเู้ รียน การประกอบอาชีพตามมาตรฐาน การประกอบอาชีพตามมาตรฐาน การประกอบอาชพี ตามมาตรฐาน - การเลือกใช้อยา่ งถกู วธิ ี - การเลือกใช้อยา่ งถูกวิธี/ - ยกตวั อยา่ งการใชอ้ ปุ กรณ/์ - การอนรุ ักษส์ ิง่ แวดล้อม เทคนิควธิ กี าร เครื่องใช้ไฟฟา้ อยา่ งถูกวิธี - กระบวนการการอนุรกั ษ์ - แสนอแนะแนวทางอนรุ ักษ์ สิง่ แวดลอ้ ม สงิ่ แวดล้อม ลงชอื่ ..................................................ผสู้ อน ( นายพงศ์ธร เปงวงศ์ )
บนั ทกึ หลังการสอน ( หนว่ ยท่ี 1 ร้จู ักการทำงานของเว็บเพจเบือ้ งตน้ ) 1. ผลการสอน ( ผูเ้ รียนชัน้ ม.6/3 จำนวนทง้ั ส้ิน 11 คน จำนวนทั้งส้นิ 11 คน) การประเมนิ ดา้ นความรู้ : Knowledge 1. ผู้เรยี นสามารถอธบิ ายสว่ นประกอบของโปรแกรม Adobe Dreamweaver CC ได้ 2. ผูเ้ รียนสามารถอธิบายการสร้างไฟล์ Adobe Dreamweaver CC ได้ 3. ผเู้ รยี นสามารถอธิบายหลักการและออกแบบเว็บเพจได้ 4. ผู้เรียนสามารถอธบิ ายการใชง้ านโปรแกรม Adobe Dreamweaver CC เบอื้ งต้นได้ การประเมินดา้ นทักษะกระบวนการ : Process 1. ผเู้ รียนสามารถใชง้ านโปรแกรม Adobe Dreamweaver CC ได้ 2. ผู้เรยี นสามารถสร้างไฟล์ Adobe Dreamweaver CC ได้ 3. ผเู้ รยี นสามารถตกแตง่ เว็บไซต์ได้ถูกตอ้ งตามหลกั ของการออกแบบ 4. ผูเ้ รยี นสามารถสร้างเวบ็ ไซต์ดว้ ยโปรแกรม Adobe Dreamweaver CC ได้ การประเมินด้านคุณลักษณะทพี่ งึ ประสงค์ : Attitude ผ้เู รยี นมีความซื่อสตั ย์ มวี นิ ยั ใฝเ่ รยี นรู้ มคี วามพอเพียง และมคี วามมงุ่ มัน่ ในการทำงานตามที่ไดร้ ับ มอบหมาย 2. ปญั หาอปุ สรรค ………………………………..………………………………………………………………………………………………………………………… ………………………………..………………………………………………………………………………………………………………………… 3. แนวทางแก้ไข จัดกิจกรรมเสรมิ ทักษะหรอื ซ่อมเสริม ………………………………..………………………………………………………………………………………………………………………… ………………………………..………………………………………………………………………………………………………………………… ลงช่ือ …..........………….......................…….. ผู้จัดกิจกรรมการเรียนรู้ ( นายพงศ์ธร เปงวงศ์ ) ตำแหน่ง ครูผู้ช่วย ………..… / …………… /…………….
บนั ทกึ การนิเทศ รายละเอียดความเห็นของผนู้ ิเทศ ลายมือชือ่ ท่ี รายการผนู้ เิ ทศ ………………………………………………........................... หัวหน้ากลมุ่ สาระการ ………………………………………………........................... 1 เรยี นรู้/ ผู้ทไ่ี ดร้ บั ………………………………………………........................... มอบหมาย ………………………………………………........................... ..………………………………………………......................... (นางสาวฐติ ารัตน์ คมั ภรี ะ) หัวหนา้ กลมุ่ วิชาคอมพิวเตอร์ ………………………………………………........................... 2 รองผู้อำนวยการ ………………………………………………........................... (........................................) กล่มุ บรหิ ารงานวิชาการ ………………………………………………........................... ผชู้ ว่ ยผู้อำนวยการ ………………………………………………........................... กลุม่ บริหารงานวชิ าการ ..………………………………………………......................... ………………………………………………........................... (นางวิลาวลั ย์ ปาลี) ………………………………………………........................... ผู้อำนวยการโรงเรยี น 3 ผอู้ ำนวยการโรงเรยี น ………………………………………………........................... ………………………………………………........................... ..……………………………………………….........................
แบบตรวจสอบและประเมินแผนจดั การเรียนรู้ โรงเรยี นราชประชานุเคราะห์ 31 อำเภอแม่แจม่ จงั หวดั เชยี งใหม่ รายวิชา การสรา้ งเวบ็ ไซต์ ชน้ั ม.6 กลุ่มสาระการเรยี นรู้ การงานอาชีพและเทคโนโลยี จำนวน 2 นก./นน. เวลาเรียน 4 ช่วั โมง/สปั ดาห์ เวลาท่ใี ช้ในการจดั การเรยี นรใู้ นหนว่ ยน้ี 20 ชัว่ โมง หนว่ ยการเรยี นร้ทู ่ี 2 เรอื่ ง สรา้ งเว็บเพจเบ้อื งต้น ************************** ตอนที่ 1 แบบตรวจสอบการจัดแผนการจัดการเรยี นรู้ คำอธิบาย ให้ครผู ู้สอนพจิ ารณาตรวจสอบแผนการจัดการเรียนร้ตู ามรายการตรวจสอบแลว้ เขียน เครื่องหมาย ✓ ลงในชอ่ งผลการตรวจสอบตามสภาพจรงิ ผลการตรวจสอบ ผลการตรวจสอบ ท่ี รายการตรวจสอบ ครผู ้สู อน หวั หนา้ กล่มุ สาระ หมายเหตุ มี ไม่มี มี ไมม่ ี 1 มกี ารระบหุ น่วยการเรียนรแู้ ละชอ่ื หน่วยการ / / เรียนรู้ 2 มกี ารระบุช่อื รายวชิ า รหัสวิชา ระดับชัน้ ที่สอน / / 3 มีการระบเุ วลาทใ่ี ช้แผนการจัดการเรยี นร(ู้ ภาค / / เรยี นท่/ี ปีการศกึ ษา/นำ้ หนกั เวลาเรียน/เวลา เรียนแต่ละสปั ดาห/์ เวลาท่ีใช้จัดกจิ กรรมตาม หน่วยการเรียนรู้ 4 มีการระบสุ าระของหน่วยการเรยี นรู้ / / 5 มีการระบุเปา้ หมายการเรียนรู้ ดังนี้ / / 5.1 มีการะบตุ วั ชว้ี ัด (วชิ าพ้นื ฐาน) 5.2 มกี ารระบผุ ลการเรยี นรู้ (วชิ าเพม่ิ เตมิ ) 6 มีการระบกุ ารเรยี นรูด้ ังนี้ // 6.1 เนอื้ หาสาระหลัก (ผู้เรยี น.ตอ้ งรู้อะไร) 6.2 ทกั ษะกระบวนการ (ผู้เรียน.ต้องทำอะไร) 7 มกี ารระบคุ ุณลกั ษณะดงั นี้ // 7.1 คุณลักษณะของรายวิชา 7.2 คณุ ลกั ษณะอันพงึ ประสงค์ 8 มกี ารระบุจุดเนน้ ของโรงเรยี น ดังน้ี / / 8.1 หลักปรัชญาเศรษฐกิจพอเพียง (ทกุ หน่วย การเรยี นรู้ต้องระบุ) 8.2 กิจกรรมสวนพฤกษศาสตร์ในโรงเรยี น
9 มกี ารระบภุ าระงานหรอื ชิน้ งาน ดงั นี้ / / 9.1 ตามตัวช้ีวดั หรอื ผลการเรียนรู้ / / 9.2 รวบยอด / / 10 มกี าระบุกจิ กรรมการเรยี นร้ดู งั นี้ / / 10.1 ข้ันตัง้ คำถาม 10.2 ขน้ั การเตรียมการคน้ หาคำตอบ / / 10.3 ข้นั ดำเนนิ การคน้ หาคำตอบและตรวจสอบ / / คำตอบ 10.4 การสรุปและนำเสนอผลการค้นหาคำตอบ 10.5 มกี ารระบุเวลาดำเนินการตามข้อ 10.1 ถึง 10.4 ทเี่ หมาะสมกบั กิจกรรม 11 มีการระบสุ ่อื อุปกรณห์ รอื แหลง่ เรียนรู้ 12 มีการระบกุ ารวัดและประเมนิ ผล ดังนี้ 12.1 เปา้ หมายการเรยี นรทู้ ี่ตอ้ งวัดและระเมินผล 12.2 ภาระงานหรอื ชน้ิ งานท่ตี ้องวดั และประเมนิ 12.3 วิธีการวัดทส่ี อดคล้องตาม 12.1 และ12.2 12.4 เคร่ืองมือวดั ผลสอดคล้องตาม 12.1ถึง12.3 13 มีเอกสารใบความรู้และใบงาน(ถ้าไมม่ ใี หร้ ะบุ เหตผุ ล) 14 มีเอกสารประกอบตามขอ้ 12 (ตอ้ งมีทกุ ประเด็น) ลงชอ่ื ..................................................................... ลงชื่อ..................................................................... ( นายพงศ์ธร เปงวงศ์ ) (นางสาวฐิตารตั น์ คัมภีระ) ตำแหน่ง ครผู ูช้ ่วย ตำแหนง่ ครู คศ.1 ผู้รบั การนิเทศ หัวหน้ากลมุ่ สาระการเรยี นรู้ ลงชือ่ ..................................................................... ลงชอ่ื ..................................................................... ( นางสาวรตั ติกาล ยศสุข ) (นางวลิ าวลั ย์ ปาลี) ผู้ช่วยผูอ้ ำนวยการ กลมุ่ บริหารงานวิชาการ ผู้อำนวยการโรงเรียนราชประชานุเคราะห์ 31
แผนการจดั การเรียนรู้ หนว่ ยการเรียนรทู้ ่ี 2 เรือ่ ง สรา้ งเว็บเพจเบอื้ งตน้ รายวชิ าการสรา้ งเวบ็ ไซต์ รหสั วิชา 2204-2009 ระดับชน้ั ม.6 ภาคเรยี นท่ี 1 ปกี ารศึกษา 2562 นำ้ หนกั เวลาเรียน 2 (นน./นก.) เวลาเรยี น 4 ชวั่ โมง/สปั ดาห์ เวลาทใี่ ชใ้ นการจัดกิจกรรมการเรยี นรู้ 20 ช่ัวโมง 1. สาระสำคญั (ความเข้าใจทีค่ งทน) ศึกษา วิเคราะห์ ฝึกปฏิบัติ เพื่อให้มีความรู้ความเข้าใจ ตระหนักและเห็นคุณค่าในเรื่อง ต่อไปน้ี หลกั การเบ้อื งตน้ เกี่ยวกับการสร้างเว็บเพจ ความรเู้ กีย่ วกบั อนิ เตอร์เน็ตเบอื้ งตน้ ,กระบวนการพัฒนา เวบ็ เพจ หลักการออกแบบเวบ็ เพจ, โปรแกรมทใ่ี ช้ในการสรา้ งเวบ็ เพจ, เริม่ ต้นสรา้ งเวบ็ เพจ, การใช้ข้อความ ในเว็บเพจ, การใช้ภาพกราฟิกในเว็บเพจ, การใช้ตารางในเว็บเพจ, การเชื่อมโยงเว็บเพจ, การจัดแบง่ เวบ็ เพจด้วยเฟรมเซต, การสร้างเลเยอร์, การสร้างฟอร์ม, การใช้มัลติมีเดียบนเว็บเพจ, และการอัพโหลด เว็บไซตเ์ ข้าสู่อนิ เตอร์เน็ต โดยใชก้ ระบวนการเรยี นรู้ กระบวนการคดิ กระบวนการแกป้ ญั หา กระบวนการ กลมุ่ กระบวนการปฏิบัติ เพอ่ื ให้เกิดความตระหนักและเหน็ คณุ ค่า มีความรู้ ความเข้าใจ และมีทักษะใน การปฏบิ ตั ิงาน สามารถสร้างเว็บเพจเผยแพร่ขอ้ มูลสูอ่ นิ เตอร์เน็ต หรือประยกุ ตใ์ ชง้ านในชีวิตประจำวันได้ อยา่ งเหมาะสม มีความรับผดิ ชอบ และมคี ุณธรรมจรยิ ธรรมในการใช้งานเทคโนโลยี การวดั และประเมินผล ใช้วธิ ที หี่ ลากหลาย และประเมินตามสภาพจริง 2. มาตรฐานการเรียนรู้ มาตรฐาน ง 3.1 เข้าใจ เห็นคุณค่า และใชก้ ระบวนการเทคโนโลยสี ารสนเทศในการสืบค้นข้อมูล การ เรียนรู้ การสือ่ สาร การแกป้ ญั หา การทำงาน และอาชีพอยา่ งมีประสิทธภิ าพ ประสทิ ธิผล มคี ุณธรรม 3. ผลการเรียนรู้ 1. อธบิ ายลกั ษณะทั่วไปของอนิ เทอรเ์ น็ตได้ 2. อธิบายกระบวนการพฒั นาเวบ็ เพจได้ 3. อธบิ ายหลักการและออกแบบเว็บเพจได้ 4. มีความรคู้ วามเข้าใจเบื้องตน้ เกยี่ วกับโปรแกรม Adobe Dreamweaver CC 4. สาระการเรียนรู้ 4.1 เนื้อหาสาระหลัก: Knowledge (ผเู้ รยี นต้องรอู้ ะไร) 1. แนะนำโปรแกรม Adobe Dreamweaver CC 2. การสร้างไฟล์ Adobe Dreamweaver CC 3. หลักการและออกแบบเว็บเพจได้ 4. ความเขา้ ใจเบือ้ งตน้ เก่ยี วกับโปรแกรม Adobe Dreamweaver CC 4.2 ทักษะ/กระบวนการ: Process (ผ้เู รยี นสามารถปฏบิ ตั อิ ะไรได้) 1. อธิบายการใชง้ านโปรแกรม Adobe Dreamweaver CC และการใช้งานเบื้องตน้ ได้
5. ปฏิบัตกิ ารไฟล์ Adobe Dreamweaver CC ได้ 2. ปฏิบัตกิ ารตกแตง่ เวบ็ ไซตไ์ ด้ 3. ปฏิบตั กิ ารสรา้ งเวบ็ ไซตไ์ ด้ 4.3 คุณลักษณะทีพ่ งึ ประสงค:์ Attitude (ผู้เรียนควรแสดงพฤติกรรมการเรยี นอะไรบา้ ง) 1. ซ่ือสัตย์สจุ รติ 2. มีวนิ ยั 3. ใฝ่เรยี นรู้ 4. อยู่อย่างพอเพียง 5. มงุ่ มนั่ ในการทำงาน 5. สมรรถนะสำคัญของนกั เรยี น 1. ความสามารถในการคดิ 2. ความสามรถในการใชเ้ ทคโนโลยี 6. คุณลักษณะของวิชา 1. ใช้เทคโนโลยอี ย่างสร้างสรรค์ 7. คุณลกั ษณะอนั พึงประสงค์ 1. ซื่อสตั ย์สุจรติ 2. มีวนิ ยั 3. ใฝเ่ รยี นรู้ 4. อยู่อย่างพอเพียง 5. มงุ่ มั่นในการทำงาน 8. ชิ้นงาน / ภาระงาน 1. นักเรยี นเขยี นบันทกึ ความรู้ลงในสมดุ 2. ประเมินคุณลักษณะอันพึงประสงค์ (ซือ่ สัตยส์ จุ รติ ,มีวินยั ,ใฝ่เรียนรู้ ,อย่อู ยา่ งพอเพยี ง ,มงุ่ มน่ั ในการ ทำงาน) 9. กจิ กรรมการเรียนรู้ ( สปั ดาห์ที่ 3 คาบเรยี นท่ี 9-12 ) - เร่มิ โดยกำหนดโครงรา่ งของเวบ็ - เร่ิมตน้ สรา้ งเว็บไซต์ - การจดั การโครงสรา้ งโฟลเดอร์ - การเปดิ เว็บเพจใหม่ ( สัปดาห์ท่ี 4 คาบเรียนที่ 13-16 ) - ทำให้ Dreamweaver ใชภ้ าษาไทยได้ - การเพิม่ ฟอนตเ์ พอ่ื ใชง้ าน - การลบฟอนต์
- กำหนดรายละเอียดของหน้าเว็บ ( สัปดาห์ท่ี 5 คาบเรยี นที่ 17-20 ) - หลักการเพิม่ และแกไ้ ของคป์ ระกอบบนหนา้ เว็บ - การแทรกข้อความ ( สัปดาห์ที่ 6 คาบเรียนที่ 21-24 ) - สร้างเสน้ ค่ันระหวา่ งบรรทัด - การจัดรูปแบบข้อความ ( สปั ดาหท์ ี่ 7 คาบเรียนที่ 25-28 ) - การแทรกวนั ที่ในหน้าเว็บเพจ - การใช้ Rulers และ Grid ชว่ ยจัดหนา้ เว็บ - ย้อนกลบั เพอ่ื แก้ไขขอ้ ผดิ พลาดด้วย History 10. ส่อื อุปกรณ์และแหลง่ เรยี นรู้ จำนวน สภาพการใชส้ ือ่ (ระบขุ ัน้ ตอนท่ีใช)้ รายการสอ่ื 1 ขณะเรยี น เรอ่ื ง การสรา้ งเว็บเพจ 1 เบอ้ื งต้น - ใบความรู้ประจำหน่วย 1 หลังเรยี น เร่อื ง การสร้างเวบ็ เพจ 1 เบ้ืองตน้ - แบบฝึกปฏิบัติ และแบบฝกึ หัด ขณะเรียน เร่อื ง การสรา้ งเวบ็ เพจ เบอื้ งต้น - เคร่อื งคอมพิวเตอร์ ขณะเรียน เร่ือง การสรา้ งเวบ็ เพจ เบ้ืองตน้ - โปรแจค๊ เตอร์ 11. การวัดผลและประเมินผล เปา้ หมาย หลกั ฐานการเรยี นรู้ วธิ วี ดั เครอ่ื งมอื วดั ฯ ประเดน็ /เกณฑ์ การเรียนรู้ ชน้ิ งาน/ภาระงาน การใหค้ ะแนน มาตรฐาน ผลการ แบบฝึกหัดบทที่ 2 - ทำใบความรู้ที่ 1 - แบบบันทึกการทำใบ วัดผลสัมฤทธ์ิ เรียนรู้/ตัวชี้วัด เรื่องการสร้างเว็บ เรื่อง การสร้างเว็บ ความรู้ท่ี 1 เร่ือง การ - ร้อยละ 80- 1. การสร้างเว็บเพจ เพจเบ้ืองตน้ เพจเบ้ืองตน้ สร้างเวบ็ เพจเบอ้ื งต้น 100 หมายถงึ เบ้อื งต้น - ทำแบบฝกึ ปฏบิ ัติ - แบบบันทึกการทำ ดีมาก - ทำแบบฝกึ หัดบทท่ี แบบฝึกปฏบิ ัติ - ร้อยละ 70- 1 เร่ืองการสร้าง - แบบบันทึกการทำ 79 หมายถึง เวบ็ เพจเบ้ืองตน้ แบบฝึ ก หัดบทท่ี1 ดี
เป้าหมาย หลกั ฐานการเรยี นรู้ วธิ วี ัด เครอื่ งมือวดั ฯ ประเด็น/เกณฑ์ การเรยี นรู้ ช้นิ งาน/ภาระงาน การใหค้ ะแนน คณุ ลักษณะอนั พึง ประสงค์ (ซ่ือสตั ย์ เรอ่ื งการสรา้ งเวบ็ เพจ - ร้อยละ 60- สุจริต ,มวี นิ ยั ,ใฝ่ เรียนรู้ ,อยอู่ ย่าง เบือ้ งตน้ 69 หมายถงึ พอเพยี ง ,มุ่งม่ันใน การทำงาน) - แ บ บ บ ั น ท ึ ก ก า ร ปานกลาง ประเมินคุณลักษณะ - รอ้ ยละ 50- อ ั น พ ึ ง ป ร ะ ส ง ค์ 59 หมายถงึ (ซ่ือสัตยส์ ุจริต ,มีวินัย ผ่านเกณฑ์ ,ใฝ่เรียนรู้ ,อยู่อย่าง - ตำ่ กว่ารอ้ ย พอเพียง ,มุ่งมั่นใน ละ 50 การทำงาน) หมายถงึ ไม่ ผา่ นเกณฑ์ แบบบันทกึ คุณลักษณะอัน พึงประสงค์ - 3 คะแนน หมายถึง มี พฤตกิ รรมดี - 2 คะแนน หมายถึง มี พฤติกรรม พอใช้ - 1 คะแนน หมายถึง มี พฤติกรรม ต้องปรบั ปรงุ - 0 คะแนน ห ม า ย ถ ึ ง ไ ม่ ผ่าน
12. การบรู ณาการตามจดุ เน้นของโรงเรยี น ปรัชญาเศรษฐกิจพอเพยี ง ครู ผู้เรียน 1. พอประมาณ การวางแผนและปฏิบัติตามแผน การวางแผนและปฏิบัติตามแผน ทวี่ างไว้ในดา้ นการดำรงชีวติ งาน ท่วี างไวใ้ นด้านการดำรงชวี ิต การ ในหน้าที่ และงานที่ได้รับ เรียน และการใช้เวลาว่างให้เกิด มอบหมาย ประโยชน์ 2. ความมเี หตุผล การวางแผนและปฏบิ ัติตามแผน การวางแผนและปฏิบัตติ ามแผน ทว่ี างไว้ทำใหบ้ รรลุเป้าหมาย ท่วี างไวท้ ำให้บรรลเุ ป้าหมาย 3. มีภูมิคมุ้ กนั ที่ดใี นตัว ท ำ ใ ห ้ เ ก ิ ด ค ว า ม พ ร้ อ ม ทุ ก ท ำ ใ ห ้ เ ก ิ ด ค ว า ม พ ร ้ อ ม ทุ ก สถานการณ์ พัฒนาตน พัฒนา สถานการณ์ พัฒนาตน พัฒนา งาน งาน 4. เงอ่ื นไขความรู้ เป็นคนที่รู้ตัวอยู่เสมอ รู้บทบาท เป็นคนที่รู้ตัวอยู่เสมอ รู้บทบาท หนา้ ท่ที ี่พึงปฏบิ ตั ิ หนา้ ท่ีทพ่ี งึ ปฏบิ ัติ 5. เงอ่ื นไขคุณธรรม ใ จ เ ป ็ น ผ ู ้ น ำ ส ร ร พ สิ่ ง ใ จ เ ป ็ น ผ ู ้ น ำ ส ร ร พ สิ่ ง ใจเป็นใหญ่ (กว่าสรรพสิ่ง) ใจเป็นใหญ่ (กว่าสรรพสิ่ง) ส ร ร พ ส ิ ่ ง ส ำ เ ร ็ จ ไ ด ้ ด ้ว ยใจ ถ้าพูดหรอื ทำสิ่งใดด้วยใจบริสุทธ์ิ ถ้าพูดหรือทำสิ่งใดด้วยใจชั่ว ค ว า ม ส ุ ข ย ่ อ ม ต ิ ด ต า ม เ ข า ความทุกข์ย่อมติดตามตัวเขา เหมอื นเงาตดิ ตามตน เหมอื นล้อหมุนเต้าตามเทา้ โค กิจกรรมสวนพฤกษศาสตร์ ครู ผ้เู รยี น การเก็บรวบรวมข้อมูลประกอบการ มอบหมายงานให้นักเรียนสร้าง นักเรียนสร้างแผนภูมิแท่งแสดง ออกแบบและพัฒนางานตามจุดที่ แผนภูมิแท่งแสดงจำนวนต้นไม้5 จำนวนต้นไม้5 รายการ นักเรียนสนใจ รายการ สิง่ แวดลอ้ ม ครู ผเู้ รยี น การประกอบอาชพี ตามมาตรฐาน การประกอบอาชพี ตามมาตรฐาน การประกอบอาชีพตามมาตรฐาน - การเลือกใชอ้ ย่างถูกวิธี - การเลือกใช้อย่างถูกวิธี/ - ยกตัวอย่างการใช้อุปกรณ์/ - การอนรุ กั ษส์ ่งิ แวดลอ้ ม เทคนิควิธกี าร เครอ่ื งใช้ไฟฟา้ อย่างถกู วิธี - กระบวนการการอนุรักษ์ - แสนอแนะแนวทางอนุรักษ์ ส่งิ แวดล้อม สงิ่ แวดล้อม ลงช่ือ..................................................ผู้สอน ( นายพงศ์ธร เปงวงศ์ )
บนั ทกึ หลังการสอน ( หนว่ ยที่ 2 รู้จักการทำงานของเว็บเพจเบ้อื งต้น ) 1. ผลการสอน ( ผู้เรียนช้นั ม.6/3 จำนวนทง้ั ส้ิน 11 คน จำนวนทง้ั สนิ้ 11 คน) การประเมนิ ดา้ นความรู้ : Knowledge 1. ผู้เรยี นสามารถอธิบายส่วนประกอบของโปรแกรม Adobe Dreamweaver CC ได้ 2. ผูเ้ รียนสามารถอธิบายการสร้างไฟล์ Adobe Dreamweaver CC ได้ 3. ผเู้ รยี นสามารถอธบิ ายหลักการและออกแบบเว็บเพจได้ 4. ผู้เรียนสามารถอธิบายการใชง้ านโปรแกรม Adobe Dreamweaver CC เบ้ืองต้นได้ การประเมินดา้ นทกั ษะกระบวนการ : Process 1. ผเู้ รียนสามารถใช้งานโปรแกรม Adobe Dreamweaver CC ได้ 2. ผู้เรยี นสามารถสร้างไฟล์ Adobe Dreamweaver CC ได้ 3. ผเู้ รยี นสามารถตกแต่งเวบ็ ไซตไ์ ด้ถูกตอ้ งตามหลกั ของการออกแบบ 4. ผูเ้ รยี นสามารถสร้างเวบ็ ไซต์ดว้ ยโปรแกรม Adobe Dreamweaver CC ได้ การประเมินด้านคณุ ลกั ษณะที่พึงประสงค์ : Attitude ผ้เู รยี นมีความซื่อสัตย์ มีวนิ ยั ใฝเ่ รยี นรู้ มีความพอเพยี ง และมคี วามมงุ่ มัน่ ในการทำงานตามที่ไดร้ ับ มอบหมาย 2. ปญั หาอปุ สรรค ………………………………..………………………………………………………………………………………………………………………… ………………………………..………………………………………………………………………………………………………………………… 3. แนวทางแก้ไข จัดกิจกรรมเสริมทักษะหรอื ซ่อมเสรมิ ………………………………..………………………………………………………………………………………………………………………… ………………………………..………………………………………………………………………………………………………………………… ลงช่อื …..........………….......................…….. ผูจ้ ัดกิจกรรมการเรียนรู้ ( นายพงศ์ธร เปงวงศ์ ) ตำแหน่ง ครผู ู้ชว่ ย ………..… / …………… /…………….
บนั ทกึ การนิเทศ รายละเอียดความเห็นของผนู้ ิเทศ ลายมือชือ่ ท่ี รายการผนู้ เิ ทศ ………………………………………………........................... หัวหน้ากลมุ่ สาระการ ………………………………………………........................... 1 เรยี นรู้/ ผู้ทไ่ี ดร้ บั ………………………………………………........................... มอบหมาย ………………………………………………........................... ..………………………………………………......................... (นางสาวฐติ ารัตน์ คมั ภรี ะ) หัวหนา้ กลมุ่ วิชาคอมพิวเตอร์ ………………………………………………........................... 2 รองผู้อำนวยการ ………………………………………………........................... (........................................) กล่มุ บรหิ ารงานวิชาการ ………………………………………………........................... ผชู้ ว่ ยผู้อำนวยการ ………………………………………………........................... กลุม่ บริหารงานวชิ าการ ..………………………………………………......................... ………………………………………………........................... (นางวิลาวลั ย์ ปาลี) ………………………………………………........................... ผู้อำนวยการโรงเรยี น 3 ผอู้ ำนวยการโรงเรยี น ………………………………………………........................... ………………………………………………........................... ..……………………………………………….........................
แบบตรวจสอบและประเมินแผนจัดการเรยี นรู้ โรงเรียนราชประชานเุ คราะห์ 31 อำเภอแม่แจ่ม จังหวดั เชยี งใหม่ รายวชิ า การสรา้ งเวบ็ ไซต์ ชั้น ม.6 กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี จำนวน 2 นก./นน. เวลาเรยี น 4 ช่วั โมง/สัปดาห์ เวลาทใ่ี ช้ในการจัดการเรียนรู้ในหน่วยน้ี 18 ช่วั โมง หนว่ ยการเรยี นรู้ที่ 3 เรอ่ื ง การใช้ Cascading Style Sheet ************************** ตอนที่ 1 แบบตรวจสอบการจัดแผนการจดั การเรยี นรู้ คำอธิบาย ใหค้ รผู ้สู อนพจิ ารณาตรวจสอบแผนการจัดการเรียนร้ตู ามรายการตรวจสอบแลว้ เขยี น เครือ่ งหมาย ✓ ลงในช่องผลการตรวจสอบตามสภาพจริง ผลการตรวจสอบ ผลการตรวจสอบ ท่ี รายการตรวจสอบ ครูผ้สู อน หัวหน้ากล่มุ สาระ หมายเหตุ มี ไมม่ ี มี ไม่มี 1 มกี ารระบหุ น่วยการเรยี นรู้และช่ือหนว่ ยการ / / เรียนรู้ 2 มีการระบุช่อื รายวิชา รหสั วชิ า ระดบั ช้ันท่ีสอน / / 3 มกี ารระบุเวลาทีใ่ ช้แผนการจดั การเรยี นรู้(ภาค / / เรียนที่/ปีการศกึ ษา/นำ้ หนักเวลาเรยี น/เวลา เรยี นแตล่ ะสัปดาห์/เวลาที่ใชจ้ ัดกจิ กรรมตาม หนว่ ยการเรยี นรู้ 4 มีการระบุสาระของหน่วยการเรยี นรู้ / / 5 มีการระบเุ ปา้ หมายการเรยี นรู้ ดังนี้ / / 5.1 มีการะบุตวั ชว้ี ดั (วชิ าพน้ื ฐาน) 5.2 มีการระบุผลการเรยี นรู้ (วิชาเพม่ิ เตมิ ) 6 มกี ารระบุการเรียนรู้ดังน้ี // 6.1 เนอื้ หาสาระหลัก (ผู้เรียน.ตอ้ งรู้อะไร) 6.2 ทักษะกระบวนการ (ผู้เรียน.ตอ้ งทำอะไร) 7 มีการระบคุ ณุ ลกั ษณะดังนี้ // 7.1 คณุ ลกั ษณะของรายวิชา 7.2 คณุ ลักษณะอันพึงประสงค์ 8 มีการระบุจดุ เน้นของโรงเรียน ดงั น้ี / / 8.1 หลกั ปรชั ญาเศรษฐกิจพอเพียง (ทุกหนว่ ย การเรยี นรูต้ ้องระบ)ุ 8.2 กจิ กรรมสวนพฤกษศาสตร์ในโรงเรียน
9 มกี ารระบภุ าระงานหรอื ชิน้ งาน ดงั นี้ / / 9.1 ตามตัวช้ีวดั หรอื ผลการเรียนรู้ / / 9.2 รวบยอด / / 10 มกี าระบุกจิ กรรมการเรยี นร้ดู งั นี้ / / 10.1 ข้ันตัง้ คำถาม 10.2 ขน้ั การเตรียมการคน้ หาคำตอบ / / 10.3 ข้นั ดำเนนิ การคน้ หาคำตอบและตรวจสอบ / / คำตอบ 10.4 การสรุปและนำเสนอผลการค้นหาคำตอบ 10.5 มกี ารระบุเวลาดำเนินการตามข้อ 10.1 ถึง 10.4 ทเี่ หมาะสมกบั กิจกรรม 11 มีการระบสุ ่อื อุปกรณห์ รอื แหลง่ เรียนรู้ 12 มีการระบกุ ารวัดและประเมนิ ผล ดังนี้ 12.1 เปา้ หมายการเรยี นรทู้ ี่ตอ้ งวัดและระเมินผล 12.2 ภาระงานหรอื ชน้ิ งานท่ตี ้องวดั และประเมนิ 12.3 วิธีการวัดทส่ี อดคล้องตาม 12.1 และ12.2 12.4 เคร่ืองมือวดั ผลสอดคล้องตาม 12.1ถึง12.3 13 มีเอกสารใบความรู้และใบงาน(ถ้าไมม่ ใี หร้ ะบุ เหตผุ ล) 14 มีเอกสารประกอบตามขอ้ 12 (ตอ้ งมีทกุ ประเด็น) ลงชอ่ื ..................................................................... ลงชื่อ..................................................................... ( นายพงศ์ธร เปงวงศ์ ) (นางสาวฐิตารตั น์ คัมภีระ) ตำแหน่ง ครผู ูช้ ่วย ตำแหนง่ ครู คศ.1 ผู้รบั การนิเทศ หัวหน้ากลมุ่ สาระการเรยี นรู้ ลงชือ่ ..................................................................... ลงชอ่ื ..................................................................... ( นางสาวรตั ติกาล ยศสุข ) (นางวลิ าวลั ย์ ปาลี) ผู้ช่วยผูอ้ ำนวยการ กลมุ่ บริหารงานวิชาการ ผู้อำนวยการโรงเรียนราชประชานุเคราะห์ 31
แผนการจัดการเรยี นรู้ หนว่ ยการเรียนรทู้ ่ี 3 เรอ่ื ง Cascading Style Sheet รายวชิ าการสร้างเวบ็ ไซต์ รหัสวชิ า 2204-2009 ระดับช้ัน ม.6 ภาคเรียนที่ 1 ปกี ารศึกษา 2562 น้ำหนักเวลาเรียน 2 (นน./นก.) เวลาเรียน 4 ช่วั โมง/สปั ดาห์ เวลาท่ใี ช้ในการจดั กจิ กรรมการเรยี นรู้ 18 ช่ัวโมง 1. สาระสำคญั (ความเข้าใจที่คงทน) ศึกษา วิเคราะห์ ฝึกปฏิบัติ เพื่อให้มีความรู้ความเข้าใจ ตระหนักและเห็นคุณค่าในเรื่อง ต่อไปน้ี หลกั การเบ้อื งต้นเก่ียวกับการสร้างเว็บเพจ ความรเู้ ก่ียวกบั อินเตอร์เนต็ เบื้องต้น,กระบวนการพัฒนา เว็บเพจ หลักการออกแบบเวบ็ เพจ, โปรแกรมทใี่ ชใ้ นการสรา้ งเวบ็ เพจ, เร่ิมตน้ สร้างเว็บเพจ, การใช้ข้อความ ในเว็บเพจ, การใช้ภาพกราฟิกในเวบ็ เพจ, การใช้ตารางในเว็บเพจ, การเชื่อมโยงเว็บเพจ, การจัดแบง่ เวบ็ เพจด้วยเฟรมเซต, การสร้างเลเยอร์, การสร้างฟอร์ม, การใช้มัลติมีเดียบนเว็บเพจ, และการอัพโหลด เว็บไซต์เขา้ ส่อู นิ เตอร์เน็ต โดยใชก้ ระบวนการเรียนรู้ กระบวนการคดิ กระบวนการแกป้ ัญหา กระบวนการ กลมุ่ กระบวนการปฏิบัติ เพ่อื ให้เกิดความตระหนักและเห็นคณุ ค่า มคี วามรู้ ความเข้าใจ และมีทักษะใน การปฏบิ ัตงิ าน สามารถสร้างเว็บเพจเผยแพร่ขอ้ มูลสอู่ นิ เตอร์เน็ต หรือประยกุ ต์ใช้งานในชีวิตประจำวันได้ อยา่ งเหมาะสม มีความรบั ผิดชอบ และมีคณุ ธรรมจริยธรรมในการใชง้ านเทคโนโลยี การวัดและประเมินผล ใชว้ ิธที ่หี ลากหลาย และประเมนิ ตามสภาพจรงิ 2. มาตรฐานการเรยี นรู้ มาตรฐาน ง 3.1 เข้าใจ เหน็ คุณคา่ และใชก้ ระบวนการเทคโนโลยีสารสนเทศในการสบื คน้ ขอ้ มูล การ เรียนรู้ การสอ่ื สาร การแก้ปญั หา การทำงาน และอาชพี อย่างมปี ระสิทธภิ าพ ประสทิ ธิผล มคี ุณธรรม 3. ผลการเรยี นรู้ 1. อธบิ ายลกั ษณะทัว่ ไปของอนิ เทอร์เนต็ ได้ 2. อธบิ ายกระบวนการใช้งาน CSS Styles 3. อธบิ ายหลักการและออกแบบเวบ็ เพจดว้ ย CSS Styles 4. มคี วามรคู้ วามเข้าใจเบอื้ งต้นเก่ียวกับ Code CSS Styles 4. สาระการเรยี นรู้ 4.1 เนอื้ หาสาระหลัก: Knowledge (ผเู้ รียนต้องรอู้ ะไร) 1. แนะนำ Code CSS Styles 2. การสร้างไฟล์ CSS Styles 3. หลักการและออกแบบเวบ็ เพจโดยใช้ Code CSS Styles 4. ความเข้าใจเบอื้ งต้นเก่ียวกบั Code CSS Styles 4.2 ทกั ษะ/กระบวนการ: Process (ผู้เรยี นสามารถปฏิบัตอิ ะไรได)้ 1. อธิบายการใชง้ าน Code CSS Styles และการใช้งานเบอื้ งตน้ ได้
5. ปฏบิ ัตกิ ารใชก้ ารงาน Code CSS Styles ได้ 2. ปฏบิ ัติการตกแตง่ เวบ็ ไซต์ด้วย Code CSS Styles 3. ปฏบิ ัตกิ ารสรา้ งเวบ็ ไซตไ์ ด้ 4.3 คณุ ลกั ษณะที่พงึ ประสงค:์ Attitude (ผเู้ รียนควรแสดงพฤติกรรมการเรียนอะไรบา้ ง) 1. ซอ่ื สตั ยส์ ุจรติ 2. มีวินยั 3. ใฝ่เรียนรู้ 4. อยู่อย่างพอเพียง 5. มุง่ ม่นั ในการทำงาน 5. สมรรถนะสำคัญ 1. ความสามารถในการคิด 2. ความสามรถในการใชเ้ ทคโนโลยี 6. คุณลกั ษณะของวิชา 1. ใช้เทคโนโลยอี ย่างสร้างสรรค์ 7. คณุ ลกั ษณะอนั พงึ ประสงค์ 1. ซื่อสตั ย์สจุ ริต 2. มวี ินยั 3. ใฝเ่ รยี นรู้ 4. อยู่อย่างพอเพียง 5. มุ่งม่นั ในการทำงาน 8. ช้นิ งาน / ภาระงาน 1. นกั เรยี นเขียนบนั ทึกความรู้ลงในสมุด 2. ประเมินคุณลักษณะอันพึงประสงค์ (ซื่อสตั ยส์ จุ รติ ,มวี นิ ัย,ใฝเ่ รยี นรู้ ,อยอู่ ยา่ งพอเพยี ง ,มงุ่ ม่นั ในการ ทำงาน) 9. กจิ กรรมการเรยี นรู้ ( สปั ดาหท์ ่ี 8 คาบเรียนที่ 29-32 ) - หนา้ ต่าง CSS Styles - การกำหนดสไตล์ชีทแบบ Embedded ( สปั ดาหท์ ี่ 9 คาบเรียนที่ 25-28 ) - การใช้สไตลช์ ีททีก่ ำหนด - การบันทึกไฟล์สไตล์ชีทไว้ใช้ ( สปั ดาห์ท่ี 10 คาบเรยี นที่ 29-32 ) - การนำสไตล์ชที ท่ีออกแบบไว้มาใช้งานอีก ( สปั ดาห์ที่ 11 คาบเรียนท่ี 31-32 )
- การแกไ้ ขสไตลช์ ีทในสไตล์ชีทท่ีเราออกแบบไว้ จำนวน สภาพการใช้ส่ือ (ระบขุ น้ั ตอนท่ีใช)้ ( สปั ดาห์ที่ 12 คาบเรยี นที่ 31-32 ) 1 ขณะเรยี น เร่อื ง การใช้ Cascading 1 Style Sheet - การลบสไตลช์ ีท 1 หลังเรยี น เรือ่ ง การใช้ Cascading 10. ส่ือ อปุ กรณแ์ ละแหลง่ เรียนรู้ 1 Style Sheet ขณะเรียน เรือ่ ง การใช้ Cascading รายการส่ือ Style Sheet - ใบความรูป้ ระจำหนว่ ย ขณะเรียน เรือ่ ง การใช้ Cascading Style Sheet - แบบฝกึ ปฏบิ ัติ และแบบฝึกหัด - เครื่องคอมพิวเตอร์ - โปรแจ๊คเตอร์ 11. การวัดผลและประเมนิ ผล เปา้ หมาย หลกั ฐานการเรยี นรู้ วธิ วี ดั เคร่อื งมอื วัดฯ ประเดน็ /เกณฑ์การ การเรยี นรู้ ชิน้ งาน/ภาระงาน ใหค้ ะแนน มาตรฐาน ผล - ใบความรู้ที่ 3 - ทำใบความรู้ที่ 3 - แบบบันทึกการทำใบ วดั ผลสมั ฤทธ์ิ การเรียนรู้/ เรื่อง โปรแกรม เ ร ื ่ อ ง ก า ร ใ ช้ ความรู้ท่ี3 เรื่อง การ - รอ้ ยละ 80-100 ตัวชี้วัด นำเสนอขอ้ มลู Cascading Style ใช้ Cascading Style หมายถึง ดมี าก 3. ก า ร ใ ช้ - แบบฝกึ ปฏิบตั ิ Sheet Sheet - ร้อยละ 70-79 Cascading Style - แบบฝึกหัดบทท่ี - ทำแบบฝกึ ปฏิบตั ิ - แบบบันทึกการทำ หมายถึง ดี Sheet 2 เรื่องการสร้าง - ทำแบบฝึกหัดบทที่ แบบฝึกปฏบิ ตั ิ - ร้อยละ 60-69 เวบ็ เพจเบอื้ งตน้ 3 เรื่อง การใช้ - แบบบันทึกการทำ หมายถงึ ปาน Cascading Style แบบฝึกหัดบทท่ี 3 กลาง Sheet เ ร ื ่ อ ง ก า ร ใ ช้ - ร้อยละ 50-59 - คณุ ลักษณะอนั พึง Cascading Style หมายถึง ผา่ น ประสงค์ (ซอื่ สตั ย์ Sheet เกณฑ์ สุจริต ,มวี นิ ยั ,ใฝ่ - แ บ บ บ ั น ท ึ ก ก า ร - ตำ่ กว่ารอ้ ยละ เรยี นรู้ ,อยอู่ ย่าง ประเมินคุณลักษณะ 50 หมายถึง ไม่ พอเพยี ง ,มงุ่ มั่นใน อ ั น พ ึ ง ป ร ะ ส ง ค์ ผ่านเกณฑ์ การทำงาน) (ซ่อื สัตยส์ ุจริต ,มีวินัย ,ใฝ่เรียนรู้ ,อยู่อย่าง
เป้าหมาย หลักฐานการเรยี นรู้ วิธีวัด เครอื่ งมอื วดั ฯ ประเดน็ /เกณฑ์การ การเรยี นรู้ ชิน้ งาน/ภาระงาน ให้คะแนน พอเพียง ,มุ่งมั่นใน แบบบนั ทกึ การทำงาน) คณุ ลักษณะอนั พึง ประสงค์ - 3 คะแนน ห ม า ย ถ ึ ง มี พฤตกิ รรมดี - 2 คะแนน ห ม า ย ถ ึ ง มี พฤติกรรมพอใช้ - 1 คะแนน ห ม า ย ถ ึ ง มี พฤติกรรม ต้อง ปรับปรงุ - 0 คะแนน หมายถงึ ไมผ่ ่าน 12. จุดเนน้ ของโรงเรียน บูรณาการหลกั ปรชั ญาของเศรษฐกิจพอเพียงและกิจกรรมสวนพฤกษาศาสตรใ์ นโรงเรียน ปรชั ญาเศรษฐกจิ พอเพียง ครู ผเู้ รยี น 1. พอประมาณ การวางแผนและปฏิบัติตาม การวางแผนและปฏิบัตติ ามแผน แ ผ น ท ี ่ ว า ง ไ ว ้ ใ น ด ้ า น ก า ร ที่วางไว้ในด้านการดำรงชีวิต ดำรงชีวิต งานในหน้าที่ และ การเรียน และการใชเ้ วลาว่างให้ งานทีไ่ ด้รบั มอบหมาย เกิดประโยชน์ 2. ความมีเหตุผล การวางแผนและปฏบิ ัติตาม การวางแผนและปฏบิ ตั ติ ามแผน แผนทว่ี างไวท้ ำให้บรรลุ ทว่ี างไว้ทำใหบ้ รรลเุ ป้าหมาย เปา้ หมาย 3. มภี มู ิคุ้มกนั ท่ีดีในตวั ทำให้เก ิด คว า มพ ร ้ อ ม ทุ ก ท ำ ใ ห ้ เ ก ิ ด ค ว า ม พ ร ้อ มทุก สถานการณ์ พัฒนาตน พัฒนา สถานการณ์ พัฒนาตน พัฒนา งาน งาน 4. เงือ่ นไขความรู้ เป็นคนท่รี ้ตู วั อยู่เสมอ รู้บทบาท เป็นคนที่รู้ตัวอยู่เสมอ รู้บทบาท หนา้ ท่ีทพี่ ึงปฏบิ ัติ หน้าทที่ พ่ี ึงปฏบิ ตั ิ
ปรชั ญาเศรษฐกิจพอเพียง ครู ผ้เู รยี น 5. เงือ่ นไขคุณธรรม ขันติคือความอดทน เป็นตบะ ไม่ว่าร้ายใคร ไม่กระทบกระท่ัง อย่างยอดนพิ พาน ท่านผู้รู้กล่าว ใครระมัดระวังในปาติโมกข์ วา่ เป็นยอดผทู้ ี่ยังทำร้ายผู้อ่ืนอยู่ บรโิ ภคพอประมาณ อยูใ่ นสถาน ไม่จัดว่าเป็นบรรพชิตผู้ที่ยัง สงัด ฝึกหัดจิตให้สงบ นี้คือคำ เบียดเบียนคนอื่นอยู่ ไม่จัดว่า สอนของพระพทุ ธเจา้ ท้งั หลาย เปน็ สมณะ กจิ กรรมสวนพฤกษศาสตร์ ครู ผเู้ รียน การเก็บรวบรวมข้อมูลประกอบการ มอบหมายงานให้นักเรียนสร้าง นักเรียนสร้างงานนำเสนอ ออกแบบและพัฒนางานตามจุดที่ งานนำเสนอแนะนำพรรณไม้5 แนะนำพรรณไม้5 รายการ นักเรยี นสนใจ รายการ ลงช่อื ..................................................ผู้สอน ( นายพงศธ์ ร เปงวงศ์ )
บนั ทึกหลงั การสอน ( หนว่ ยที่ 3 Cascading Style Sheet) 1. ผลการสอน ( ผูเ้ รียนชัน้ ม.6/3 จำนวนทง้ั ส้นิ 11 คน จำนวนท้งั สิ้น 11 คน) การประเมินดา้ นความรู้ : Knowledge 1. ผู้เรียนสามารถอธิบายส่วนประกอบของ Code CSS Styles ได้ 2. ผู้เรียนสามารถอธิบายขั้นตอนการสร้างไฟล์ CSS Styles ได้ 3. ผูเ้ รียนสามารถอธบิ ายหลกั การและออกแบบเว็บเพจโดยใช้ Code CSS Styles ได้ 4. ผู้เรยี นสามารถอธบิ ายการใช้งาน Code CSS Styles เบ้ืองต้นได้ การประเมนิ ดา้ นทกั ษะกระบวนการ : Process 1. ผเู้ รียนสามารถเขยี น Code CSS Styles ได้ 2. ผู้เรยี นสามารถสร้างไฟล์ CSS Styles ได้ 3. ผเู้ รยี นสามารถตกแตง่ เว็บไซต์โดยใช้ Code CSS Styles ได้ 4. ผ้เู รียนสามารถสรา้ งเว็บไซต์ด้วย Code CSS Styles ได้ การประเมนิ ดา้ นคุณลกั ษณะทีพ่ ึงประสงค์ : Attitude ผู้เรยี นมีความซอื่ สตั ย์ มวี นิ ัย ใฝเ่ รยี นรู้ มีความพอเพียง และมคี วามม่งุ มนั่ ในการทำงานตามที่ไดร้ บั มอบหมาย 2. ปญั หาอุปสรรค ………………………………..………………………………………………………………………………………………………………………… ………………………………..………………………………………………………………………………………………………………………… 3. แนวทางแก้ไข จัดกิจกรรมเสริมทักษะหรือซ่อมเสริม ………………………………..………………………………………………………………………………………………………………………… ………………………………..………………………………………………………………………………………………………………………… ลงช่อื …..........………….......................…….. ผู้จัดกิจกรรมการเรยี นรู้ ( นายพงศธ์ ร เปงวงศ์ ) ตำแหนง่ ครูผู้ช่วย ………..… / …………… /…………….
Search
