โครงสร้างรายวิชาการสร้างเว็บไซต์ ม.6 2564

การจดั ทำโครงสรา้ งรายวชิ า รายวชิ า การสร้างเว็บไซต์ ช้นั ม.6 จำนวน 80 ช่วั โมง ปีการศึกษา 2564 ท่ี ช่อื หนว่ ย ผลการเรยี นรู้ สาระสำคญั เวลา น้ำหนักคะแนน คะแนน (ช.ม.) K P A รวม 1. หน่วยท1ี่ รจู้ ักการ ทำงานของเว็บเพจ 1. รจู้ กั กับ HTML - ทดสอบความรูพ้ น้ื ฐานของนกั ศกึ ษาโดยการตง้ั คำถามก่อนเรียน 8 5 5 - 10 เบื้องตน้ 2. หนา้ ต่างเว็บเพจ - บรรยาย อธิบาย ยกตวั อยา่ ง แสดงวิธีการปฏบิ ตั ิในแต่ ละ 2. หน่วยท2่ี การสร้าง เว็บเพจเบือ้ งตน้ หวั ข้อการเรียนและใหน้ ักศกึ ษาปฏบิ ตั ิไปพรอ้ มกนั 1. เร่ิมโดยกำหนดโครงร่างของเวบ็ - ทดสอบความรพู้ ้นื ฐาน 20 2. เรม่ิ ต้นสร้างเวบ็ ไซต์ - บรรยาย 3. การจัดการโครงสร้างโฟลเดอร์ - อธิบาย ยกตัวอย่าง 4. การเปิดเว็บเพจใหม่ - แสดงวธิ กี ารปฏบิ ตั ิในแต่ ละหวั ข้อการเรียนและให้นักศกึ ษา 5. ทำให้ Dreamweaver ใชภ้ าษาไทยได้ ปฏิบัตไิ ปพร้อมกัน 6. การเพม่ิ ฟอนตเ์ พ่ือใช้งาน 7. การลบฟอนต์ 8. กำหนดรายละเอียดของหน้าเว็บ 9. หลักการเพม่ิ และแก้ไของค์ประกอบ บนหนา้ เวบ็ 10.การแทรกขอ้ ความ 11.สรา้ งเสน้ คน่ั ระหว่างบรรทดั 12.การจัดรปู แบบขอ้ ความ 13.การแทรกวนั ที่ในหนา้ เวบ็ เพจ 14.การใช้ Rulers และ Grid ช่วยจัด หนา้ เว็บ

ท่ี ชื่อหนว่ ย ผลการเรยี นรู้ สาระสำคัญ เวลา นำ้ หนกั คะแนน คะแนน (ช.ม.) K P A รวม 15.ย้อนกลับเพอื่ แกไ้ ขขอ้ ผดิ พลาดด้วย History 16.การเซฟหน้าเวบ็ เพจ 17.ใบงานและแบบฝึกหัดกอ่ นเรียน 18.แบบฝกึ หดั หลงั เรยี น 3. หน่วยท3ี่ การใช้ 1. หนา้ ต่าง CSS Styles -ใหน้ กั ศึกษาคน้ คว้าหน่วยการเรยี น 18 5 5 - 10 Cascading Style 2. การกำหนดสไตล์ชีทแบบ -บรรยาย Sheet Embedded -อธิบาย ยกตัวอย่าง 3. การใช้สไตลช์ ที ทกี่ ำหนด - แสดงวิธกี ารปฎิบตั ิในแต่ ละหวั ข้อการเรยื นและใหน้ ักศึกษา 4. การบันทกึ ไฟลส์ ไตลช์ ีทไวใ้ ช้ ปฎิบตั ไิ ปพร้อมกนั 5. การนำสไตล์ชีททีอ่ อกแบบไว้มาใช้ งานอกี 6. การแกไ้ ขสไตล์ชที ในสไตล์ชที ท่ีเรา ออกแบบไว้ 7. การลบสไตล์ชีท - สอบกลางภาค 1/2564 4 15 15 - 30 4. หนว่ ยท4ี่ การตดิ ต่อ 1. การใช้งาน phpmyadmin -ให้นกั ศกึ ษาค้นควา้ หน่วยการเรยี น 18 5 5 - 10 ฐานข้อมลู MySQL 2. การใช้งาน MySQL Front - บรรยาย 3. การเขียนโค้ด PHP ติดตอ่ ฐานขอ้ มลู - อธบิ าย ยกตัวอย่าง 4. การเพมิ่ ข้อมูล - แสดงวิธกี ารปฎิบตั ิในแต่ ละหวั ขอ้ การเรยื นและใหน้ กั ศกึ ษา 5. การแสดงขอ้ มูล ปฎบิ ัตไิ ปพรอ้ มกนั

ท่ี ชอ่ื หน่วย ผลการเรยี นรู้ สาระสำคญั เวลา นำ้ หนกั คะแนน คะแนน 5. หนว่ ยท5ี่ การอัพ (ช.ม.) KPA รวม 55 - 10 โหลดไฟลส์ ู่เวบ็ ไซต์ 6. การแก้ไขข้อมูล 15 15 - 30 - 7. การลบขอ้ มูล 50 50 - 100 1. เขา้ ใจเรื่องการจัดโครงรา่ งไฟล์ - ให้นกั ศึกษาค้นควา้ หน่วยการเรียน 8 2. การจัดและเปลี่ยนแปลงโครงสร้าง - บรรยาย โฟลเดอร์ในเวบ็ ไซต์ - อธบิ าย ยกตวั อย่าง 3. ตรวจสอบ Link ในเว็บไซต์ - แสดงวิธีการปฎบิ ัติในแต่ ละหวั ขอ้ การเรยื นและให้นกั ศกึ ษา 4. แกไ้ ข Broken Link ปฎิบัติไปพร้อมกนั 5. ทดสอบการแสดงผลบนบราวเซอร์แต่ ละรุ่น 6. การขอพน้ื ที่เว็บไซต์ 7. กำหนดรายละเอียดเกยี่ วกบั เครอ่ื ง เว็บเซริ ฟ์ เวอรใ์ นหนา้ ตา่ ง Site 8. สรุปรายละเอยี ดเพิม่ เติมของหน้าตา่ ง Site Definition 9. ตวั อยา่ งการอัพโหลดไฟลไ์ ปยงั host สอบปลายภาค 2/2564 4 รวม 80 ช.ม.

ผังมโนทัศน์วิชาการสรา้ งเว็บไซต์ ระดบั ช้นั ม.6 หน่วยที่ 1 ร้จู กั การทำงาน หน่วยท่ี 2 การสร้างเวบ็ เพจ หนว่ ยที่ 3 การใช้ สอบกลางภาค1/2562 ของเวบ็ เพจเบือ้ งต้น เบอื้ งต้น Cascading Style Sheet จำนวน 4 ชว่ั โมง จำนวน 8 ชวั่ โมง จำนวน 20 ช่ัวโมง จำนวน 18 ช่ัวโมง วิชาการสรา้ งเว็บไซต์ ระดับ ม.6 จำนวน 80 ชว่ั โมง หน่วยที่ 4 การติดต่อ หนว่ ยท5ี่ การอัพโหลดไฟล์ สอบกลางภาค1/2562 ฐานขอ้ มลู MySQL สเู่ วบ็ ไซต์ จำนวน 4 ช่วั โมง จำนวน 18 ช่วั โมง จำนวน 8 ชั่วโมง

การวเิ คราะห์มาตรฐานและตัวชว้ี ัด วชิ าการสรา้ งเวบ็ ไซต์ ชน้ั ม.6 ปกี ารศึกษา 2564 ผลการเรียนรู้ ร้อู ะไร ทำอะไร ภาระงาน/ สมรรถนะสำคญั คุณลักษณะของวิชา คุณลักษณะ หน่วยท่ี 1 รจู้ ัก ชน้ิ งาน อันพึงประสงค์ การทำงานของ เวบ็ เพจเบื้องต้น รอู้ ะไร นั ก เรี ย น เขี ย น - ความสามารถในการ - สามารถนำความรู้ทีไ่ ด้ - ซือ่ สตั ย์สุจริต หนว่ ยที่ 2 การ - TagHTML บันทึกความรู้ลง คิด ไปใช้ประโยชนไ์ ด้จรงิ - มีวนิ ัย สรา้ งเวบ็ เพจ - ใฝเ่ รยี นรู้ เบอ้ื งตน้ - หน้าตา่ งเว็บเพจ ในสมุด - ความสามรถในการใช้ - อยู่อย่างพอเพียง เทคโนโลยี - มุ่งมั่นในการทำงาน ทำอะไร - บรรยาย อธบิ าย ยกตัวอย่าง แสดงวิธกี ารปฏิบัติใน แต่ ละหัวข้อการเรียนและให้นักศึกษาปฏิบัติไป พร้อมกัน รู้อะไร แบบฝึกหัดบทที่2 - ความสามารถในการ - สามารถนำความรู้ที่ได้ - ซอื่ สัตย์สจุ ริต - การกำหนดโครงร่างของเวบ็ เรื่องการสร้างเว็บ คิด ไปใชป้ ระโยชน์ได้จริง - มวี ินยั - การจดั การโครงสรา้ งโฟลเดอร์ เพจเบ้อื งต้น - ความสามรถในการใช้ - ใฝเ่ รียนรู้ - การเปดิ เว็บเพจใหม่ - อยู่อย่างพอเพียง - ทำให้ Dreamweaver ใชภ้ าษาไทยได้ เทคโนโลยี - มงุ่ มน่ั ในการทำงาน - การลบฟอนต์ -กำหนดรายละเอียดของหน้าเว็บ -หลักการเพ่มิ และแก้ไของค์ประกอบบนหน้าเวบ็ - การแทรกข้อความ - สรา้ งเส้นคนั่ ระหวา่ งบรรทดั - การจดั รปู แบบข้อความ

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

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

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