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

การจดั ทาํ โครง รายวิชา การสรางเว็บไซต ชัน้ ม.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 ชว ยจดั หนา เว็บ 15.ยอ นกลบั เพื่อแกไ ขขอ ผิดพลาดดวย History 16.การเซฟหนาเว็บเพจ 17.ใบงานและแบบฝกหัดกอนเรยี น

งสรางรายวิชา นวน 80 ชว่ั โมง ปการศกึ ษา 2562 เวลา นาํ้ หนักคะแนน คะแนน สาระสาํ คญั (ช.ม.) KPA รวม 55 - 10 มรูพ้ืนฐานของนักศึกษาโดยการตัง้ คําถามกอ นเรียน 8 บาย ยกตัวอยา ง แสดงวิธีการปฏิบัติในแต ละ นและใหน ักศกึ ษาปฏบิ ตั ิไปพรอ มกัน มรพู ืน้ ฐาน 20 วอยา ง ปฏบิ ตั ิในแต ละหวั ขอการเรยี นและใหน กั ศึกษา มกัน

ที่ ช่อื หนว ย ผลการเรยี นรู 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. การแสดงขอ มูล ปฎบิ ัติไปพรอ ม 6. การแกไ ขขอ มูล 7. การลบขอมูล

สาระสําคญั เวลา นํา้ หนกั คะแนน คะแนน (ช.ม.) K P A รวม นควาหนว ยการเรียน 18 5 5 - 10 อยาง ปฎิบตั ิในแต ละหวั ขอการเรืยนและใหน กั ศึกษา มกัน นควา หนวยการเรียน 4 15 15 - 30 วอยาง 18 5 5 - 10 ปฎบิ ตั ิในแต ละหวั ขอ การเรืยนและใหนักศึกษา มกัน

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

คนควาหนว ยการเรียน 8 5 5 - 10 วอยา ง ปฎบิ ตั ิในแต ละหวั ขอการเรยื นและใหนักศึกษา มกนั 4 15 15 - 30 รวม 80 ช.ม. 50 50 - 100

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

การวิเคราะหมาต วชิ าการสรางเว็บไซต ช้ัน ภาระงาน/ ผลการเรยี นรู รอู ะไร ทําอะไร ชนิ้ งาน หนว ยท่ี 1 รูจ ัก การทาํ งานของ รูอ ะไร นั ก เรี ย น เขี ย เว็บเพจเบื้องตน - TagHTML บันทึกความรู - หนาตา งเว็บเพจ ในสมดุ หนว ยท่ี 2 การ ทาํ อะไร สรา งเว็บเพจ - บรรยาย อธิบาย ยกตัวอยาง แสดงวิธกี ารปฏิบัติใน เบอื้ งตน แต ละหัวขอการเรียนและใหนักศึกษาปฏิบัติไป พรอ มกนั รอู ะไร แบบฝกหัดบทท - การกาํ หนดโครงรางของเวบ็ เรื่องการสรางเว - การจัดการโครงสรา งโฟลเดอร เพจเบอ้ื งตน - การเปดเว็บเพจใหม - ทําให Dreamweaver ใชภาษาไทยได - การลบฟอนต -กําหนดรายละเอียดของหนาเว็บ -หลกั การเพิ่มและแกไของคป ระกอบบนหนา เว็บ - การแทรกขอความ - สรา งเสนค่ันระหวา งบรรทัด - การจดั รูปแบบขอความ - การแทรกวันทใี่ นหนา เว็บเพจ - การใช Rulers และ Grid ชว ยจัดหนาเว็บ - ยอ นกลับเพ่อื แกไ ขขอ ผิดพลาดดวย History ทําอะไร

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

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

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

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

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