แผนการสอน วิชาเขียนเว็บไซต์ 1-2562

การออกแบบการจัดการเรียนรอู งิ มาตรฐานการเรยี นรู กลมุ สาระการเรียนรกู ารงานอาชแี ละเทคโนโลยี รายวชิ า การสรางเว็บไซต รหสั วชิ า 2204-2009 ระดบั ชน้ั มธั ยมศกึ ษาปที่ 6 โดย นายพงศธ ร เปงวงศ ตาํ แหนง พนกั งานราชการ โรงเรียนราชประชานุเคราะห 31 ตําบลชางเคิง่ อําเภอแมแจม จงั หวดั เชยี งใหม สํานกั บริหารงานการศกึ ษาพเิ ศษ สํานักงานคณะกรรมการการศกึ ษาขน้ั พื้นฐานกระทรวงศึกษาธกิ าร

คาํ อธบิ ายรายวชิ า รายวิชา การสรางเว็บไซต รหัสวชิ า 2204-2009 เวลาเรยี น 4 ชวั่ โมง/สปั ดาห ( 80 ช่ัวโมง/ภาคเรียน ) คําอธบิ ายรายวชิ า ศึกษาและปฏิบัติเก่ียวกบั ระบบการทาํ งานของเว็บเพจ ระบบ Hyper Link การออกแบบ เว็บเพจ เบือ้ งตน การสรา งเวบ็ เพจดวยโปรแกรมภาษาหรือโปรแกรมสาํ เร็จรปู การทดสอบการทํางานของเวบ็ เพจ การ Upload เว็บเพจ ผลการเรยี นรู 1. เขา ใจกระบวนการและโครงสรา งการทํางานของเวบ็ เพจเบื้องตน 2. เขาใจโครงสรางและไวยากรณข องโปรแกรมและภาษา หรอื กระบวนการการใชเครือ่ งมอื การ สรางเวบ็ เพจ 3. สามารถออกแบบและกาํ หนดสวนประกอบทจี่ ําเปนของเว็บไดถกู ตองและเหมาะสม 4. มีทกั ษะในการใชโปรแกรมภาษาหรือโปรแกรมสําเรจ็ รูปสาํ หรับการสรา งเวบ็ เพจ 5. มกี ิจนสิ ยั และสง เสริมคุณธรรม จริยธรรม คานิยมที่ดีในการใชคอมพิวเตอร

ผลการเรียนรู รายวิชา การสรา งเว็บไซต รหสั วิชา 2204-2009 เวลาเรียน 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 สาระสําคัญ เวลา นาํ้ หนกั คะแนน คะแนน (ช.ม.) KPA รวม มรูพืน้ ฐานของนกั ศกึ ษาโดยการตง้ั คําถามกอ นเรียน 8 55 - 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 โปรแกรมป ผลการเรยี นรู รอู ะไร ทําอะไร ภาระงาน/ หนวยที่ 1 รจู กั ชิ้นงาน การทํางานของ เวบ็ เพจเบือ้ งตน รอู ะไร นั ก เรี ย น เขี ย หนว ยที่ 2 การ - Tag HTML บันทึกความร สรางเวบ็ เพจ เบ้ืองตน - หนาตา งเวบ็ เพจ ในสมุด ทําอะไร - บรรยาย อธิบาย ยกตวั อยาง แสดงวิธีการปฏิบัติใน แต ละหัวขอการเรียนและใหนักศึกษาปฏิบัติไป พรอมกัน รอู ะไร แบบฝกหัดบท - การกําหนดโครงรางของเว็บ 2 เรื่องการสร - การจดั การโครงสรา งโฟลเดอร เวบ็ เพจเบือ้ งตน - การเปด เวบ็ เพจใหม - ทําให Dreamweaver ใชภ าษาไทยได - การลบฟอนต - กาํ หนดรายละเอยี ดของหนาเวบ็ - หลักการเพิ่มและแกไของคประกอบบนหนา เวบ็ - การแทรกขอ ความ - สรางเสน ค่นั ระหวา งบรรทัด

ตรฐานและตวั ชีว้ ัด ประมวลผลขอ มูล ช้ัน ปวช.3 ปการศึกษา 2562 สมรรถนะสําคญั คณุ ลกั ษณะของวชิ า คุณลกั ษณะ ย น - ความสามารถในการ - สามารถนําความรูท่ีได อันพึงประสงค รูลง คิด ไปใชประโยชนไดจรงิ - ซ่อื สตั ยส จุ ริต - ความสามรถในการใช - มวี ินัย เทคโนโลยี - ใฝเ รียนรู - อยูอยางพอเพยี ง - มุงม่นั ในการทาํ งาน ทท่ี - ความสามารถในการ - สามารถนําความรูที่ได - ซือ่ สัตยส ุจรติ - มวี ินัย ราง คดิ ไปใชป ระโยชนไ ดจรงิ - ใฝเ รยี นรู น - ความสามรถในการใช - อยอู ยางพอเพียง เทคโนโลยี - มุง ม่ันในการทํางาน

ผลการเรยี นรู รูอะไร ทําอะไร ภาระงาน/ ชิ้นงาน - การจดั รปู แบบขอ ความ - การแทรกวันที่ในหนา เวบ็ เพจ - การใช Rulers และ Grid ชวยจัดหนา เว็บ - ยอนกลบั เพือ่ แกไ ขขอผดิ พลาดดว ย History ทําอะไร - บรรยาย อธิบาย ยกตวั อยาง แสดงวิธีการปฏบิ ัติใน แต ละหัวขอการเรียนและใหน ักศกึ ษาปฏบิ ัติไป พรอมกนั หนว ยท่ี 3 การใช รอู ะไร แบบฝก หัดบทท Cascading - หนาตา ง CSS Styles 2 เร่อื งการสรา Style Sheet - การกาํ หนดสไตลช ีทแบบ Embedded เว็บเพจเบือ้ งตน - การใชส ไตลชีทที่กําหนด - การบนั ทึกไฟลส ไตลช ีทไวใช - การนาํ สไตลช ีทที่ออกแบบไวม าใชง านอกี - การแกไ ขสไตลชีทในสไตลช ที ท่เี ราออกแบบไว - การลบสไตลชที ทําอะไร - บรรยาย อธิบาย ยกตัวอยาง แสดงวิธกี ารปฏิบัติใน แต ละหัวขอการเรียนและใหนักศึกษาปฏิบัติไป

สมรรถนะสาํ คญั คณุ ลกั ษณะของวชิ า คุณลักษณะ อันพึงประสงค ที่ - ความสามารถในการ - สามารถนําความรูทไ่ี ด - ซอ่ื สัตยส จุ ริต าง คดิ ไปใชประโยชนไ ดจริง - มีวนิ ัย น - ความสามรถในการใช - ใฝเ รียนรู เทคโนโลยี - อยอู ยางพอเพียง - มงุ มนั่ ในการทาํ งาน

ผลการเรยี นรู รูอ ะไร ทําอะไร ภาระงาน/ หนวยที่ 4 การ ช้ินงาน ติดตอ ฐานขอ มลู MySQL พรอมกัน หนว ยที่ 5 การ รูอะไร แบบฝก หดั บทท อพั โหลดไฟลส ู เวบ็ ไซต - การใชง าน phpmyadmin 4 การตดิ ตอ - การใชง าน MySQL Front ฐานขอ มูล - การเขยี นโคด PHP ติดตอฐานขอ มูล MySQL - การเพ่ิมขอ มูล - การแสดงขอมูล - การแกไขขอ มลู - การลบขอมูล ทําอะไร - บรรยาย อธิบาย ยกตวั อยาง แสดงวิธกี ารปฏิบัติใน แต ละหัวขอการเรียนและใหนักศึกษาปฏิบัติไป พรอมกนั รูอะไร แบบฝกหัดบทท - เขาใจเร่ืองการจดั โครงรางไฟล 5 การอพั โหลด - การจัดและเปล่ียนแปลงโครงสรางโฟลเดอรใ น ไฟลส ูเ วบ็ ไซต เว็บไซต - ตรวจสอบ Link ในเว็บไซต - แกไ ข Broken Link

สมรรถนะสาํ คญั คณุ ลักษณะของวชิ า คุณลักษณะ อนั พงึ ประสงค ที่ - ความสามารถในการ - สามารถนาํ ความรูทไ่ี ด - ซ่ือสตั ยส จุ รติ คดิ ไปใชประโยชนไดจริง - มวี นิ ยั - ความสามรถในการใช - ใฝเรียนรู เทคโนโลยี - อยูอยา งพอเพยี ง - มุงม่ันในการทํางาน ที่ - ความสามารถในการ - สามารถนําความรูท่ไี ด - ซอื่ สัตยส จุ ริต ด คิด ไปใชป ระโยชนไดจริง - มีวนิ ยั - ความสามรถในการใช - ใฝเรยี นรู เทคโนโลยี - อยอู ยา งพอเพียง - มงุ มน่ั ในการทาํ งาน

ผลการเรยี นรู รอู ะไร ทาํ อะไร ภาระงาน/ ชิน้ งาน - ทดสอบการแสดงผลบนบราวเซอรแตละรนุ - การขอพนื้ ท่เี ว็บไซต - กําหนดรายละเอยี ดเกีย่ วกบั เครือ่ งเวบ็ เซิรฟเวอรใ น หนาตาง Site - สรปุ รายละเอียดเพิม่ เติมของหนาตาง Site Definition - ตวั อยางการอพั โหลดไฟลไ ปยัง host ทาํ อะไร - บรรยาย อธบิ าย ยกตวั อยางแสดงวิธีการปฏิบตั ใิ นแต ละหวั ขอ การเรยี นและใหนักศึกษาปฏิบัตไิ ปพรอ มกัน

สมรรถนะสาํ คัญ คณุ ลกั ษณะของวชิ า คุณลักษณะ อันพึงประสงค

แผนการจดั การเรยี นรู หนว ยการเรยี นรูท่ี 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. ขนั้ การสรุปและนําเสนอผลการคนหาคาํ ตอบ - ครูและนกั เรียนรว มกนั สรปุ สาระสาํ คัญ - เปด โอกาสใหน กั เรยี นซกั ถามขอ สงสัย

- มอบหมายใหไปหดั ทาํ และศกึ ษาเพม่ิ เตมิ จํานวน สภาพการใชส อื่ (ระบุขัน้ ตอนทีใ่ ช) - ทําแบบฝกปฏบิ ตั ิ 10. สื่อ อปุ กรณแ ละแหลงเรียนรู 1 ขณะเรยี น เร่ือง โปรแกรม ประมวลผลคํา รายการสอื่ - ใบความรูประจาํ หนว ย 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 บท เพื่ อทํ าเปนท่ี ค่ัน หนังสือพ รอม เพอื่ ทําเปนทคี่ ั่นหนังสือ ตกแตง ใหส วยงาม สง่ิ แวดลอม ครู ผเู รียน การประกอบอาชีพตามมาตรฐาน การประกอบอาชีพตามมาตรฐาน การประกอบอาชีพตามมาตรฐาน - การเลือกใชอยา งถูกวิธี - การเลือกใชอ ยางถูกวธิ ี/ - ยกตัวอยางการใชอ ปุ กรณ/ - การอนุรกั ษส ิง่ แวดลอม เทคนิควธิ ีการ เครือ่ งใชไฟฟา อยางถูกวิธี - กระบวนการการอนรุ กั ษ - แสนอแนะแนวทางอนุรักษ สิง่ แวดลอ ม สิง่ แวดลอ ม ลงชื่อ..................................................ผูสอน (............................................)

แผนการจดั การเรยี นรู หนว ยการเรียนรูท่ี 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 ) 1 ขณะเรียน เร่ือง การสรางเวบ็ เพจ - หลักการเพิม่ และแกไ ของคประกอบบนหนา เว็บ เบอื้ งตน - การแทรกขอความ ( สปั ดาหที่ 6 คาบเรยี นที่ 21-24 ) 1 หลังเรียน เรอ่ื ง การสรางเว็บเพจ - สรางเสน ค่ันระหวางบรรทัด เบ้ืองตน - การจดั รปู แบบขอความ ( สัปดาหที่ 7 คาบเรยี นท่ี 25-28 ) 1 ขณะเรียน เร่ือง การสรา งเว็บเพจ - การแทรกวนั ทีใ่ นหนาเวบ็ เพจ เบ้อื งตน - การใช Rulers และ Grid ชวยจัดหนาเวบ็ - ยอนกลับเพือ่ แกไ ขขอผิดพลาดดวย History 1 ขณะเรยี น เรื่อง การสรางเว็บเพจ 10. ส่อื อุปกรณและแหลงเรยี นรู เบือ้ งตน รายการสอื่ - ใบความรปู ระจําหนวย - แบบฝก ปฏบิ ัติ และแบบฝกหัด - เคร่ืองคอมพิวเตอร - โปรแจคเตอร 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 รายการ นกั เรยี นสนใจ รายการ สง่ิ แวดลอม ครู ผูเรียน การประกอบอาชพี ตามมาตรฐาน การประกอบอาชพี ตามมาตรฐาน การประกอบอาชพี ตามมาตรฐาน - การเลือกใชอ ยางถูกวธิ ี - ก ารเลื อก ใช อย างถู ก วิธี / - ยกตัวอยางการใชอุปกรณ/ - การอนุรกั ษส ง่ิ แวดลอม เทคนิควิธีการ เครือ่ งใชไฟฟาอยางถูกวธิ ี - กระบวนการการอนุรักษ - แสนอแนะแนวทางอนุรักษ สิ่งแวดลอ ม ส่งิ แวดลอม ลงชือ่ ..................................................ผสู อน (............................................)

แผนการจัดการเรยี นรู หนวยการเรียนรูท่ี 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 - การลบสไตลช ที Style Sheet 10. สอ่ื อปุ กรณแ ละแหลงเรยี นรู 1 หลงั เรยี น เร่อื ง การใช Cascading รายการสอื่ Style Sheet - ใบความรูประจาํ หนวย 1 ขณะเรยี น เรอื่ ง การใช Cascading - แบบฝกปฏิบัติ และแบบฝกหัด Style Sheet - เครื่องคอมพิวเตอร 1 ขณะเรยี น เร่อื ง การใช 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 รายการ นักเรยี นสนใจ รายการ ลงช่ือ..................................................ผูสอน (............................................)

แผนการจดั การเรียนรู หนว ยการเรียนรูท่ี 4 เร่ือง การติดตอ ฐานขอมลู MySQL รายวิชาการสรา งเว็บไซต รหัสวิชา 2204-2009 ระดบั ชน้ั ม.6 ภาคเรียนท่ี 1 ปก ารศึกษา 2562 นาํ้ หนักเวลาเรยี น 2 (นน./นก.) เวลาเรยี น 4 ชั่วโมง/สัปดาห เวลาท่ใี ชใ นการจัดกจิ กรรมการเรียนรู 18 ช่ัวโมง 1. สาระสาํ คัญ (ความเขาใจที่คงทน) ศึกษา วิเคราะห ฝกปฏิบัติ เพ่ือใหมีความรูความเขาใจ ตระหนักและเห็นคุณคาในเร่ือง ตอ ไปน้ี หลักการเบ้ืองตน เก่ียวกับการสรางเว็บเพจ ความรเู ก่ียวกับอินเตอรเน็ตเบื้องตน,กระบวนการพัฒนา เว็บเพจ หลักการออกแบบเว็บเพจ, โปรแกรมท่ีใชในการสรา งเว็บเพจ, เร่มิ ตนสรา งเวบ็ เพจ, การใชขอความ ในเว็บเพจ, การใชภ าพกราฟก ในเว็บเพจ, การใชตารางในเว็บเพจ, การเชื่อมโยงเว็บเพจ, การจัดแบงเว็บ เพจดวยเฟรมเซต, การสรางเลเยอร, การสรางฟอรม, การใชมัลติมีเดียบนเว็บเพจ, และการอัพโหลด เว็บไซตเขาสูอินเตอรเน็ต โดยใชก ระบวนการเรียนรู กระบวนการคิด กระบวนการแกปญหา กระบวนการ กลุม กระบวนการปฏิบัติ เพ่ือใหเกิดความตระหนักและเห็นคุณคา มีความรู ความเขาใจ และมีทักษะใน การปฏิบัติงาน สามารถสรา งเวบ็ เพจเผยแพรขอมลู สูอินเตอรเน็ต หรือประยุกตใชงานในชีวติ ประจําวนั ได อยางเหมาะสม มคี วามรับผดิ ชอบ และมคี ณุ ธรรมจริยธรรมในการใชงานเทคโนโลยี การวดั และประเมินผล ใชวธิ ที ี่หลากหลาย และประเมนิ ตามสภาพจริง 2. มาตรฐานการเรียนรู มาตรฐาน ง 3.1 เขาใจ เห็นคุณคา และใชก ระบวนการเทคโนโลยีสารสนเทศในการสืบคนขอ มูล การ เรียนรู การสอื่ สาร การแกป ญ หา การทํางาน และอาชพี อยางมีประสทิ ธิภาพ ประสทิ ธิผล มคี ุณธรรม 3. ผลการเรียนรู 1. อธิบายลกั ษณะทวั่ ไปของอนิ เทอรเน็ตได 2. อธบิ ายกระบวนการใชง าน ฐานขอ มูล MySQL 3. อธิบายหลักการและออกแบบฐานขอ มลู MySQL 4. มคี วามรูความเขาใจเบื้องตนเกีย่ วกับ ฐานขอ มูล MySQL 4. สาระการเรยี นรู 4.1 เนอ้ื หาสาระหลัก: Knowledge (ผเู รียนตองรูอะไร) 6. แนะนาํ การใชงานฐานขอ มลู 7. การสรางฐานขอ มูล MySQL 8. หลักการและออกแบบฐานขอมลู MySQL 9. ความเขา ใจเบอ้ื งตน เกย่ี วกับ คําสั่งในการตดิ ตอ ฐานขอ มูล MySQL 4.2 ทักษะ/กระบวนการ: Process (ผเู รยี นสามารถปฏิบัตอิ ะไรได) 4. อธิบายการใชงานฐานขอมูลและการใชง านเบือ้ งตนได

10. ปฏิบตั ิการสรางฐานขอมูล MySQL 11. ปฏบิ ัติการออกแบบฐานขอมูล MySQL 5. ปฏิบตั ิการเขยี นคาํ ส่งั ในการตดิ ตอ ฐานขอ มลู MySQL 4.3 คณุ ลักษณะท่ีพงึ ประสงค: Attitude (ผูเ รยี นควรแสดงพฤติกรรมการเรียนอะไรบา ง) 6. ซอื่ สตั ยสจุ ริต 7. มวี นิ ัย 8. ใฝเ รยี นรู 9. อยูอยา งพอเพียง 10. มุงมัน่ ในการทํางาน 5. สมรรถนะสาํ คญั ของนกั เรยี น 1. ความสามารถในการคดิ 2. ความสามรถในการใชเ ทคโนโลยี 6. คณุ ลักษณะของวิชา 2. ใชเทคโนโลยีอยา งสรา งสรรค 7. คณุ ลักษณะอันพึงประสงค 6. ซ่อื สัตยสุจรติ 7. มีวนิ ยั 8. ใฝเรียนรู 9. อยูอ ยางพอเพยี ง 10. มุงมั่นในการทํางาน 8. ชน้ิ งาน / ภาระงาน 1. นกั เรียนเขยี นบันทกึ ความรูลงในสมดุ 2. ประเมินคุณลักษณะอนั พึงประสงค (ซอื่ สตั ยส จุ ริต,มวี นิ ยั ,ใฝเ รยี นรู ,อยูอยางพอเพยี ง ,มงุ ม่ันในการ ทํางาน) 9. กจิ กรรมการเรียนรู ( สัปดาหท ี่ 12 คาบเรยี นที่ 33-34 ) - การใชงาน phpmyadmin ( สัปดาหที่ 13 คาบเรยี นท่ี 35-38 ) - การใชง าน MySQL Front - การเขียนโคด PHP ติดตอ ฐานขอมลู ( สปั ดาหที่ 14 คาบเรียนท่ี 39-42 ) - การเพิม่ ขอมูล - การแสดงขอมูล ( สปั ดาหที่ 15 คาบเรียนท่ี 43-46 )

- การแกไขขอมลู ( สัปดาหท ี่ 16 คาบเรียนที่ 43-46 ) - การลบขอมูล 10. สอ่ื อปุ กรณแ ละแหลงเรียนรู จํานวน สภาพการใชส ื่อ (ระบขุ น้ั ตอนทีใ่ ช) รายการสือ่ 1 ขณะเรยี น เรอ่ื ง การติดตอ ฐานขอ มูล - ใบความรูประจาํ หนว ย MySQL - แบบฝก ปฏิบัติ และแบบฝกหัด 1 หลังเรียน เรือ่ ง การตดิ ตอฐานขอ มูล MySQL - เคร่ืองคอมพิวเตอร 1 ขณะเรียน เรื่อง การตดิ ตอฐานขอมูล - โปรแจคเตอร MySQL 1 ขณะเรียน เร่ือง การติดตอฐานขอ มูล MySQL 11. การวัดผลและประเมินผล เปา หมาย หลกั ฐานการเรียนรู วธิ วี ดั เคร่ืองมอื วัดฯ ประเด็น/เกณฑการ การเรียนรู ชนิ้ งาน/ภาระงาน ใหคะแนน มาตรฐาน ผล - ใบ ค ว าม รูท่ี 3 - ทําใบความรูท่ี 3 - แบบบันทึกการทําใบ วดั ผลสมั ฤทธ์ิ การเรยี นร/ู เรื่อง การติดตอ เร่ือ ง ก ารติ ดต อ ความรูท่ี3 เรื่อง การ - รอ ยละ 80-100 ตวั ชี้วัด ฐ า น ข อ มู ล ฐานขอ มูล MySQL ติ ด ต อ ฐ า น ข อ มู ล หมายถงึ ดมี าก 3. ก า ร ติ ด ต อ MySQL - ทําแบบฝกปฏบิ ัติ MySQL - รอยละ 70-79 ฐ า น ข อ มู ล - แบบฝกปฏิบัติ - ทําแบบฝก หัดบทท่ี - แบบบันทึกการทํา หมายถงึ ดี MySQL - แบบฝกหัดบทท่ี 3 เรื่อง การตดิ ตอ แบบฝกปฏบิ ตั ิ - รอ ยละ 60-69 2 เรื่องการตดิ ตอ ฐานขอ มลู MySQL - แบบบันทึกการทํา หมายถงึ ปาน ฐ า น ข อ มู ล - คณุ ลกั ษณะอันพงึ แบ บ ฝก หั ดบ ท ท่ี 3 กลาง MySQL ประสงค (ซอ่ื สตั ย เรื่ อ ง ก า ร ติ ด ต อ - รอ ยละ 50-59 สุจรติ ,มวี ินัย ,ใฝ ฐานขอมลู MySQL หมายถงึ ผาน เรียนรู ,อยอู ยา ง - แ บ บ บั น ทึ ก ก า ร เกณฑ พอเพยี ง ,มุงมั่นใน ประเมินคุณลักษณะ - ต่าํ กวารอ ยละ การทาํ งาน) อั น พึ ง ป ร ะ ส ง ค 50 หมายถงึ ไม (ซอื่ สัตยส จุ ริต ,มีวนิ ัย ผา นเกณฑ ,ใฝเรียนรู ,อยูอยาง แบบบนั ทกึ

เปา หมาย หลกั ฐานการเรียนรู วิธวี ดั เคร่อื งมอื วัดฯ ประเดน็ /เกณฑก าร การเรียนรู ชน้ิ งาน/ภาระงาน ใหคะแนน พอเพียง ,มุงมั่นใน คุณลกั ษณะอนั พึง การทํางาน) ประสงค - 3คะแนน ห ม า ย ถึ ง มี พฤติกรรมดี - 2คะแนน ห ม า ย ถึ ง มี พฤติกรรมพอใช - 1คะแนน ห ม า ย ถึ ง มี พฤติกรรม ตอง ปรบั ปรงุ - 0คะแนน หมายถงึ ไมผาน 12. การบูรณาการตามจดุ เนนของโรงเรียน ปรัชญาเศรษฐกิจพอเพียง ครู ผูเรยี น 6. พอประมาณ การวางแผนและปฏิบัติตามแผน การวางแผนและปฏิบัติตามแผน ทีว่ างไวใ นดานการดาํ รงชีวิต งาน ท่วี างไวในดา นการดํารงชวี ติ การ ใน ห น าที่ แ ล ะ ง า น ที่ ได รั บ เรียน และการใชเวลาวางใหเกิด มอบหมาย ประโยชน 7. ความมเี หตุผล การวางแผนและปฏบิ ัตติ ามแผน การวางแผนและปฏบิ ัติตามแผน ที่วางไวทาํ ใหบ รรลเุ ปาหมาย ท่วี างไวทําใหบรรลเุ ปาหมาย 8. มภี มู ิคมุ กันท่ดี ีในตัว ทํ า ให เกิ ด ค ว า ม พ ร อ ม ทุ ก ทํ า ให เกิ ด ค ว า ม พ ร อ ม ทุ ก สถานการณ พัฒนาตน พัฒนา สถานการณ พัฒนาตน พัฒนา งาน งาน 9. เง่อื นไขความรู เปนคนที่รูตัวอยูเสมอ รูบทบาท เปนคนท่ีรูตัวอยูเสมอ รูบทบาท หนา ที่ทีพ่ ึงปฏิบตั ิ หนา ทีท่ พ่ี ึงปฏบิ ัติ 10. เง่อื นไขคณุ ธรรม ขันติคือความอดทน เปนตบะ ไมวารายใคร ไมกระทบกระทั่ง อยางยอดนิพพาน ทานผูรูกลาว ใครระมั ดระวังใน ปาติโมก ข วาเปนยอดผูท่ียังทํารายผูอ่ืนอยู บริโภคพอประมาณ อยูในสถาน

ปรัชญาเศรษฐกิจพอเพียง ครู ผเู รยี น ไมจัดวาเป น บ รรพ ชิ ตผู ที่ ยั ง สงัด ฝกหัดจิตใหสงบ น้ีคือคํา เบียดเบียนคนอื่นอยู ไมจัดวา สอนของพระพทุ ธเจา ทั้งหลาย เปนสมณะ กจิ กรรมสวนพฤกษศาสตร ครู ผูเรียน การเก็บรวบรวมขอมูลประกอบการ มอบหมายงานใหนักเรียนสราง นักเรียนสรางงานนาํ เสนอแนะนาํ ออกแบบและพัฒนางานตามจุดที่ งานนําเสนอแนะนําพรรณไม5 พรรณไม5 รายการ นกั เรยี นสนใจ รายการ ส่ิงแวดลอ ม ครู ผเู รียน การประกอบอาชพี ตามมาตรฐาน การประกอบอาชีพตาม การประกอบอาชพี ตาม - การเลอื กใชอยางถูกวิธี มาตรฐาน มาตรฐาน - การอนุรกั ษส่ิงแวดลอ ม - การเลอื กใชอยา งถกู วิธี/ - ยกตวั อยา งการใชอ ุปกรณ/ เทคนคิ วธิ ีการ เครื่องใชไฟฟาอยา งถกู วธิ ี - กระบวนการการอนุรักษ - แสนอแนะแนวทางอนุรักษ ส่ิงแวดลอ ม สิง่ แวดลอม ลงชอื่ ..................................................ผูสอน (............................................)

แผนการจัดการเรยี นรู หนวยการเรยี นรูท ่ี 5 เร่อื ง การอพั โหลดไฟลส เู ว็บไซต รายวชิ าการสรางเว็บไซต รหัสวิชา 2204-2009 ระดบั ชั้น ม.6 ภาคเรยี นท่ี 1 ปก ารศกึ ษา 2562 น้ําหนกั เวลาเรียน 2 (นน./นก.) เวลาเรียน 4 ชั่วโมง/สัปดาห เวลาท่ใี ชใ นการจดั กิจกรรมการเรยี นรู 8 ชั่วโมง 1. สาระสาํ คญั (ความเขา ใจท่ีคงทน) ศึกษา วิเคราะห ฝกปฏิบัติ เพื่อใหมีความรูความเขาใจ ตระหนักและเห็นคุณคาในเรื่อง ตอ ไปนี้ หลักการเบื้องตนเกี่ยวกับการสรางเว็บเพจ ความรูเกี่ยวกับอินเตอรเน็ตเบื้องตน,กระบวนการพัฒนา เวบ็ เพจ หลกั การออกแบบเว็บเพจ, โปรแกรมท่ีใชในการสรางเว็บเพจ, เรม่ิ ตน สรางเว็บเพจ, การใชขอความ ในเว็บเพจ, การใชภ าพกราฟก ในเว็บเพจ, การใชตารางในเว็บเพจ, การเชื่อมโยงเว็บเพจ, การจัดแบงเว็บ เพจดวยเฟรมเซต, การสรางเลเยอร, การสรางฟอรม, การใชมัลติมีเดียบนเว็บเพจ, และการอัพโหลด เวบ็ ไซตเ ขาสูอินเตอรเน็ต โดยใชก ระบวนการเรียนรู กระบวนการคิด กระบวนการแกปญหา กระบวนการ กลุม กระบวนการปฏิบัติ เพ่ือใหเกิดความตระหนักและเห็นคุณคา มีความรู ความเขาใจ และมีทักษะใน การปฏิบัติงาน สามารถสรา งเว็บเพจเผยแพรข อมลู สูอินเตอรเน็ต หรือประยุกตใชงานในชีวติ ประจําวนั ได อยา งเหมาะสม มีความรับผิดชอบ และมคี ณุ ธรรมจรยิ ธรรมในการใชงานเทคโนโลยี การวัดและประเมนิ ผล ใชวิธที หี่ ลากหลาย และประเมนิ ตามสภาพจริง 2. มาตรฐานการเรยี นรู มาตรฐาน ง 3.1 เขาใจ เหน็ คุณคา และใชก ระบวนการเทคโนโลยสี ารสนเทศในการสบื คนขอมูล การ เรียนรู การส่อื สาร การแกปญหา การทาํ งาน และอาชีพอยา งมีประสิทธิภาพ ประสิทธิผล มีคุณธรรม 3. ผลการเรยี นรู 1. อธบิ ายลกั ษณะท่ัวไปของอนิ เทอรเนต็ ได 2. อธบิ ายกระบวนการใชง าน โปรแกม FileZilla Client 3. อธบิ ายวิธีการ Upload File ไปยงั Server 4. มคี วามรคู วามเขา ใจเบ้ืองตน เกี่ยวกบั โปรแกรม FileZilla Client 4. สาระการเรยี นรู 4.1 เน้อื หาสาระหลกั : Knowledge (ผูเรียนตองรอู ะไร) 12. แนะนาํ การใชงานโปรแกรม FileZilla Client 13. การสรา ง Folder ใน hosting 14. หลักการ Upload File ไปยัง Server 15. ความเขา ใจเบอ้ื งตนเก่ยี วกับโปรแกรม FileZilla Client 4.2 ทกั ษะ/กระบวนการ: Process (ผเู รียนสามารถปฏิบัตอิ ะไรได) 6. อธิบายการใชง านโปรแกรม FileZilla Client

16. ปฏิบัติการ Upload File ไปยัง Server 17. หลักการ Upload File ไปยัง Server 7. ปฏิบัติการจัดการใชง านขอ Hosting 4.3 คุณลักษณะที่พงึ ประสงค: Attitude (ผูเรยี นควรแสดงพฤติกรรมการเรียนอะไรบา ง) 11. ซอ่ื สตั ยส จุ ริต 12. มีวนิ ัย 13. ใฝเ รยี นรู 14. อยอู ยา งพอเพยี ง 15. มงุ มนั่ ในการทาํ งาน 5. สมรรถนะสาํ คัญ 1. ความสามารถในการคดิ 2. ความสามรถในการใชเทคโนโลยี 6. คณุ ลักษณะของวิชา 1. ใชเ ทคโนโลยีอยา งสรางสรรค 7. คณุ ลักษณะอนั พึงประสงค 1. ซ่อื สัตยสุจริต 2. มีวนิ ยั 3. ใฝเรียนรู 4. อยูอยางพอเพยี ง 5. มงุ ม่ันในการทํางาน 8. ชิ้นงาน / ภาระงาน 1. นกั เรียนเขียนบันทกึ ความรลู งในสมุด 2. ประเมินคุณลักษณะอนั พงึ ประสงค (ซอ่ื สัตยส ุจริต,มวี ินยั ,ใฝเรยี นรู ,อยูอยา งพอเพียง ,มงุ ม่ันในการ ทาํ งาน) 9. กจิ กรรมการเรยี นรู ( สัปดาหท ี่ 17 คาบเรยี นที่ 65-68 ) - เขาใจเร่อื งการจัดโครงรางไฟล - การจดั และเปล่ยี นแปลงโครงสรางโฟลเดอรใ นเว็บไซต - ตรวจสอบ Link ในเว็บไซต - แกไ ข Broken Link - ทดสอบการแสดงผลบนบราวเซอรแตละรนุ ( สัปดาหท ี่ 18 คาบเรียนท่ี 69-73 ) - การขอพน้ื ที่เวบ็ ไซต - กาํ หนดรายละเอยี ดเก่ยี วกับเครือ่ งเวบ็ เซิรฟเวอรในหนาตาง Site

- สรปุ รายละเอียดเพ่มิ เตมิ ของหนา ตาง Site Definition - ตัวอยา งการอพั โหลดไฟลไ ปยงั host 10. ส่ือ อุปกรณแ ละแหลงเรียนรู จํานวน สภาพการใชส ือ่ (ระบุข้นั ตอนท่ีใช) รายการสือ่ 1 ขณะเรยี น เร่อื ง การอัพโหลดไฟลส ู - ใบความรปู ระจาํ หนว ย เวบ็ ไซต - แบบฝกปฏบิ ัติ และแบบฝกหัด 1 หลงั เรยี น เร่ือง การอัพโหลดไฟลส ู เว็บไซต - เคร่ืองคอมพิวเตอร 1 ขณะเรยี น เรอื่ ง การอัพโหลดไฟลส ู - โปรแจค เตอร เว็บไซต 1 ขณะเรยี น เรือ่ ง การอพั โหลดไฟลส ู เวบ็ ไซต 11. การวัดผลและประเมินผล เปาหมาย หลกั ฐานการเรยี นรู วิธีวดั เครื่องมอื วดั ฯ ประเดน็ /เกณฑการ การเรยี นรู ช้ินงาน/ภาระงาน ใหคะแนน มาตรฐาน ผล - ใบ ค ว าม รูที่ 3 - ทําใบความรูท่ี 3 - แบบบันทึกการทําใบ วัดผลสมั ฤทธิ์ การเรียนรู/ เรื่ อ ง ก า ร อั พ เร่ือง การอัพโหลด ความรูที่3 เร่ือง การ - รอยละ 80-100 ตัวช้ีวัด โ ห ล ด ไ ฟ ล สู ไฟลส เู ว็บไซต อั พ โ ห ล ด ไ ฟ ล สู หมายถึง ดีมาก 3. การอัพโหลด เวบ็ ไซต - ทาํ แบบฝกปฏิบัติ เวบ็ ไซต - รอ ยละ 70-79 ไฟลส เู วบ็ ไซต - แบบฝก ปฏิบัติ - ทําแบบฝกหดั บทท่ี - แบบบันทึกการทํา หมายถึง ดี - แบบฝกหัดบทท่ี 3 เร่ือง การอัพ แบบฝก ปฏบิ ตั ิ - รอ ยละ 60-69 2 เร่ืองการอัพ โหลดไฟลส ูเว็บไซต - แบบบันทึกการทํา หมายถึง ปาน โ ห ล ด ไ ฟ ล สู - คณุ ลกั ษณะอนั พึง แบ บ ฝก หั ดบ ท ท่ี 3 กลาง เว็บไซต ประสงค (ซอ่ื สัตย เรื่อง การอัพโหลด - รอ ยละ 50-59 สุจรติ ,มีวนิ ยั ,ใฝ ไฟลส เู ว็บไซต หมายถงึ ผาน เรยี นรู ,อยูอยา ง - แ บ บ บั น ทึ ก ก า ร เกณฑ พอเพียง ,มุง มนั่ ใน ประเมินคุณลักษณะ - ตํ่ากวารอยละ การทํางาน) อั น พึ ง ป ร ะ ส ง ค 50 หมายถึง ไม (ซอื่ สตั ยส จุ รติ ,มีวนิ ัย ผา นเกณฑ ,ใฝเรียนรู ,อยูอยาง แบบบันทึก พอเพียง ,มุงมั่นใน คุณลักษณะอันพึง

เปาหมาย หลักฐานการเรยี นรู วิธีวัด เครื่องมอื วดั ฯ ประเดน็ /เกณฑการ การเรียนรู ช้ินงาน/ภาระงาน การทาํ งาน) ใหคะแนน ประสงค - 3คะแนน ห ม า ย ถึ ง มี พฤตกิ รรมดี - 2คะแนน ห ม า ย ถึ ง มี พฤตกิ รรมพอใช - 1คะแนน ห ม า ย ถึ ง มี พฤติกรรม ตอง ปรบั ปรงุ - 0คะแนน หมายถงึ ไมผาน 12. การบรู ณาการตามจุดเนนของโรงเรียน ปรชั ญาเศรษฐกิจพอเพยี ง ครู ผเู รียน 1. พอประมาณ การวางแผนและปฏิบัติตามแผน การวางแผนและปฏิบัติตามแผน ทวี่ างไวในดา นการดาํ รงชวี ติ งาน ทวี่ างไวใ นดา นการดํารงชีวติ การ ใน ห น าท่ี แ ล ะ ง า น ที่ ได รั บ เรียน และการใชเวลาวางใหเกิด มอบหมาย ประโยชน 2. ความมีเหตุผล การวางแผนและปฏิบัติตามแผน การวางแผนและปฏบิ ัติตามแผน ทวี่ างไวทาํ ใหบ รรลุเปาหมาย ทีว่ างไวทําใหบ รรลุเปาหมาย 3. มภี มู คิ ุมกนั ท่ีดีในตัว ทํ า ให เกิ ด ค ว า ม พ ร อ ม ทุ ก ทํ า ให เกิ ด ค ว า ม พ ร อ ม ทุ ก สถานการณ พัฒนาตน พัฒนา สถานการณ พัฒนาตน พัฒนา งาน งาน 4. เง่อื นไขความรู เปนคนที่รูตัวอยูเสมอ รูบทบาท เปนคนท่ีรูตัวอยูเสมอ รูบทบาท หนา ทที่ ่พี ึงปฏิบตั ิ หนา ทีท่ พ่ี ึงปฏิบตั ิ 5. เง่ือนไขคณุ ธรรม ขันติคือความอดทน เปนตบะ ไมวารายใคร ไมกระทบกระท่ัง อยางยอดนิพพาน ทานผูรูกลาว ใครระมั ดระวังใน ปาติโมก ข วาเปนยอดผูที่ยังทํารายผูอื่นอยู บริโภคพอประมาณ อยูในสถาน ไมจัดวาเป น บ รรพ ชิ ตผู ที่ ยั ง สงัด ฝกหัดจิตใหสงบ น้ีคือคํา

เบียดเบียนคนอ่ืนอยู ไมจัดวา สอนของพระพุทธเจา ท้งั หลาย เปนสมณะ กิจกรรมสวนพฤกษศาสตร ครู ผูเรยี น การเก็บรวบรวมขอมูลประกอบการ มอบหมายงานใหนักเรียนสราง นักเรียนสรางงานนาํ เสนอแนะนาํ ออกแบบและพัฒนางานตามจุดที่ งานนําเสนอแนะนําพรรณไม5 พรรณไม5 รายการ นกั เรยี นสนใจ รายการ สง่ิ แวดลอ ม ครู ผูเรยี น การประกอบอาชพี ตามมาตรฐาน การประกอบอาชีพตาม การประกอบอาชีพตาม - การเลือกใชอ ยางถูกวธิ ี มาตรฐาน มาตรฐาน - การอนรุ ักษส งิ่ แวดลอม - การเลอื กใชอ ยา งถกู วธิ ี/ - ยกตัวอยางการใชอปุ กรณ/ เทคนิควิธีการ เคร่ืองใชไฟฟา อยา งถกู วิธี - กระบวนการการอนุรักษ - แสนอแนะแนวทางอนรุ ักษ สิ่งแวดลอ ม สงิ่ แวดลอ ม ลงชือ่ ..................................................ผูสอน (............................................)