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

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

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

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

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

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