คำอธิบายรายวิชา
รายวิชา การสร้างเว็บไซต์ รหัสวิชา ง30241
กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปีที่ 5
ภาคเรียนที่ 1 จำนวน 1.0 หน่วยกิต
ศึกษาเกี่ยวกับหลักการสร้างเว็บเพจด้วยโปรแกรมสำเร็จรูป Adobe Dreamweaver
การประยุกต์การสร้างเว็บไซต์ การจัดและการตกแต่งข้อความ การแทรกรูปภาพลงในเว็บเพจ
การสร้างตาราง การสร้างการเชื่อมโยงในแต่ละหน้าเว็บเพจ เว็บไซต์ การแบ่งหน้าเว็บเพจเป็นส่วน ๆ การประยุกต์สร้างเลเยอร์ในการตกแต่งเอกสารเว็บเพจ การแทรกมัลติมีเดียสื่อต่างๆ ลงในเว็บเพจ การจัดการเว็บไซต์ เช่น การขอพื้นที่เพื่อรองรับเว็บไซต์ของเรา การขอใช้บริการเสริมต่างๆ การนำเว็บไซต์ขึ้นสู่อินเทอร์เน็ต
ปฏิบัติและประยุกต์ใช้โปรแกรมสำเร็จรูป Adobe Dreamweaver ในการสร้างเว็บเพจ โดยใช้กระบวนการเรียนรู้ความเข้าใจ กระบวนการคิดวิเคราะห์ กระบวนการแก้ปัญหา ความสามารถในการคิด การสื่อสาร และการใช้เทคโนโลยี
เพื่อให้เกิดความรู้ความเข้าใจในการสร้างสรรค์ผลงานทางด้านเทคโนโลยีสารสนเทศ และ
เกิดเจตคติที่ดีทำให้สามารถใช้คอมพิวเตอร์ในทางสร้างสรรค์ได้
ผลการเรียนรู้
1. อธิบายส่วนประกอบของเว็บเพจได้
2. อธิบายหลักการออกแบบและกระบวนการพัฒนาเว็บไซต์ได้
3. มีความรู้ ความเข้าใจเกี่ยวกับการใช้โปรแกรม Adobe Dreamweaver CS6
4. มีความรู้ ความเข้าใจ สามารถสร้างไซต์และจัดการไซต์ได้
5. มีความรู้ ความเข้าใจและสามารถจัดการข้อความบนเว็บเพจได้
6. มีความรู้ ความเข้าใจและสามารถจัดการรูปภาพบนเว็บเพจได้
7. มีความรู้ ความเข้าใจและสามารถใช้ตารางบนเว็บเพจได้
8. มีความรู้ ความเข้าใจและสามารถสร้างการเชื่อมโยงรูปแบบต่าง ๆ ได้
9. มีความรู้ ความเข้าใจและสามารถเพิ่มลูกเล่นให้กับเว็บเพจได้
10. มีความรู้ ความเข้าใจและสามารถตกแต่งและแก้ไขเว็บเพจด้วยเทมเพลตได้
11. มีความรู้ ความเข้าใจและสามารถสร้างชิ้นงานได้อย่างเหมาะสมและสร้างสรรค์
12. สามารถนำเสนอผลงานบนเว็บไซต์ได้
รวมทั้งหมด 12 ผลการเรียนรู้
แหล่งเรียนรู้เพิ่มเติม
http://www.kruwan-d.info
http://papillon-dreamweaver.blogspot.com/2014/02/
http://www.thainextstep.com/dreamweaver/dream_article.php
https://sites.google.com/site/adobepresentcs6/adobecs6-presents
http://www.hellomyweb.com/index.php/main/tutorial/4/16
http://www.kruya.in.th/DreamCS6/
http://www.krusriwan.com/
http://www.webthaidd.com/
http://www.siaminterhost.com/
https://www.youtube.com/watch?v=97acvfY2nw0&index=3&list=PLLEgzQDMV6vPnLh7FITxBTgAQ70TOm0rW
เกี่ยวกับครูผู้สอน
นายอัครชัย โพนสัย
ตำแหน่ง ครู วิทยฐานะครูชำนาญการ
โรงเรียนเมืองแกพิทยาคม ตำบลเมืองแก อำเภอสตึก จังหวัดบุรีรัมย์
สำนักงานเขตพื้นที่การศึกษามัธยมศึกษา เขต 32
สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน กระทรวงศึกษาธิการ
วุฒิการศึกษา
ปริญญาตรี วิทยาศาสตร์บัณฑิต สาขาวิชา วิทยาการคอมพิวเตอร์ มหาวิทยาลัยราชภัฏบุรีรัมย์
ปริญญาโท ศึกษาศาสตร์มหาบัณฑิต บริหารการศึกษา มหาวิทยาลัยกรุงเทพธนบุรี
ประวัติการรับราชการ
- 1 พ.ย. 2553 บรรจุรับราชการ ตำแหน่ง ครูผู้ช่วย โรงเรียนเมืองแกพิทยาคม
- 1 พ.ย. 2555 ตำแหน่ง ครู โรงเรียนเมืองแกพิทยาคม
- 1 พ.ย. 2559 ตำแหน่ง ครู วิทยฐานะครูชำนาญการ โรงเรียนเมืองแกพิทยาคม
ช่องทางการติดต่อสื่อสาร
โทรศัพท์ 090-360-3400
อีเมล์ : mr.auckarachai@hotmail.com
facebook : https://www.facebook.com/auckarachai.ponsai
คำแนะนำในการใช้บทเรียน
คลิกเครื่องหมาย + เพื่ออ่านคำแนะนำ
-
คำแนะนำสำหรับนักเรียน
บทเรียนบนเครือข่ายอินเทอร์เน็ต เรื่อง การสร้างและตกแต่งเว็บเพจด้วยโปรแกรม Dreamwaever CS6 สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 เป็นบทเรียนที่สร้างขึ้นเพื่อให้นักเรียน สามารถศึกษาด้วยตนเอง และสามารถกลับมาทบทวนได้เมื่อไม่เข้าใจ โดยมีจุดประสงค์เพื่อสร้าง ความเข้าใจและสามารถแก้ปัญหาจากสถานการณ์ที่กำหนดให้ได้ มีทั้งหมด 5 เรื่อง วิธีการเรียน แต่ละเรื่องจะเหมือนกัน ให้นักเรียนปฏิบัติ ดังนี้
1. ศึกษาคู่มือการใช้บทเรียนบนเว็บเพื่อทำความเข้าใจก่อนเข้าเรียน
2. นักเรียนสำรวจและศึกษาข้อมูลทั่วไปของบทเรียน
3. นักเรียนเข้าสู่ห้องเรียน โดยกรอกชื่อผู้ใช้และรหัสผ่าน เพื่อเข้าใช้งานบทเรียน
4. ทำแบบทำสอบก่อนเรียน จำนวน 40 ข้อ
5. เริ่มเรียนตั้งแต่เรื่องที่ 1 โดยเริ่มจากการทำแบบทดสอบก่อนเรียน
6. ศึกษาจุดประสงค์การเรียนรู้ เพื่อให้ทราบว่า เมื่อนักเรียนเรียนจบจะสามารถทำอะไร ได้บ้าง
7. คลิกศึกษาเนื้อหาในแต่ละเรื่อง พร้อมทั้งดูวีดิทัศน์ประกอบการเรียน
8. เมื่อศึกษาเนื้อหาเข้าใจแล้ว ให้นักเรียนทำแบบฝึกปฏิบัติ
9. เมื่อฝึกปฏิบัติเสร็จแล้วให้นักเรียนทำแบบฝึกหัด และส่งแบบฝึกหัดของเรื่องที่ 1
10. เมื่อศึกษาครบแล้ว ให้ทำแบบทดสอบหลังเรียน
11. ศึกษาเรื่องที่ 2, 3 , 4 และ 5 ตามลำดับ
12. ขั้นตอนในการศึกษาแต่ละเรื่อง จะเหมือนกับเริื่องที่ 1
13. เมื่อศึกษาครบทุกเรื่องแล้ว ให้นักเรียนทำแบบทดสอบหลังเรียน จำนวน 40 ข้อ
14. ขั้นตอนสุดท้าย ให้นักเรียนทำแบบสอบถามความพึงพอใจ ที่นักเรียนมีต่อบทเรียน บนเครือข่ายอินเทอร์เน็ต เรื่อง การสร้างและตกแต่งเว็บเพจด้วยโปรแกรม Dreamwaever CS6 -
คำแนะนำสำหรับครู
การใช้งานบทเรียนบนเครือข่ายอินเทอร์เน็ต เรื่อง การสร้างและตกแต่งเว็บเพจด้วยโปรแกรม Dreamwaever CS6 สำหรับนักเรียนชั้นมัธยมศึกษาปีที่ 5 ได้จัดทำขึ้นเพื่อใช้ประกอบการจัด การเรียนรู้ รายวิชา การสร้างเว็บไซต์ รหัสวิชา ง30241 กลุ่มสาระการเรียนรู้การงานอาชีพและ เทคโนโลยี โดยมีแนวทางในการจัดกิจกรรมการเรียนการสอนที่มุ่งเน้นให้นักเรียนมีทักษะกระบวนการ ในการทำงาน และส่งเสริมด้านคุณธรรม จริยธรรม ประกอบด้วยเนื้อหา 5 เรื่อง ดังนี้
1. การสร้างเว็บไซต์
2. การจัดการข้อความ
3. การจัดการรูปภาพ
4. การจัดการตาราง
5. การสร้างการเชื่อมโยงครูผู้สอนควรดำเนินการ ดังนี้
1. ศึกษาแผนการจัดการเรียนรู้อย่างละเอียด
2. ศึกษาการทำแบบทดสอบก่อนเรียนและหลังเรียน
3. ศึกษาเนื้อหา สื่อวีดิทัศน์ แบบฝึกหัด และแบบฝึกปฏิบัติให้เข้าใจ
4. ทดลองปฏิบัติกิจกรรมทั้งหมดตามแผนการจัดการเรียนรู้
5. จัดเตรียมเอกสารที่จำเป็นต้องใช้ตามลำดับก่อนหลัง
6. ชีแจงวิธีการเรียน และให้รายละเอียดของกิจกรรมต่าง ๆ ที่นักเรียนต้องปฏิบัติ ตลอดการเรียน
7. ชี้แจงกิจกรรมการเรียนรู้ให้นักเรียนทุกคนทราบ
8. ดำเนินการจัดกิจกรรมการเรียนตามแผนการจัดการเรียนรู้
9. ให้คำแนะนำและเป็นที่ปรึกษาแก่นักเรียนในขณะที่นักเรียนปฏิบัติกิจกรรม
10. ตรวจสอบการทำงานของนักเรียนและสรุปบทเรียนร่วมกับนักเรียน
11. ตรวจแบบฝึกหัดและแบบฝึกปฏิบัติของนัหเรียนทุกคน
12. ตรวจแบบทดสอบก่อนเรียนและหลังเรียน
13. บันทึกผลคะแนน แบบฝึกหัด แบบฝึกปฏิบัติ และบททดสอบหลังเรียน
14. บันทึกข้อสังเกตทั้งที่เป็นข้อดีและข้อควรพัฒนาที่พบจากการจัดกิจกรรมการเรียน
ครูอัครชัย โพนสัย
บทเรียนบนเครือข่ายอินเทอร์เน็ต
เรื่อง การสร้างและตกแต่งเว็บเพจด้วย Dreamweaver CS6
ของนักเรียนชั้ยมัธยมศึกษาปีที่ 5
กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยี
โรงเรียนเมืองแกพิทยาคม
สังกัดสำนักงานเขตพื้นที่การศึกษามัธยมศึกษาเขต 32
สำนักงานคณะกรรมการการศึกษาขั้นพื้นฐาน
กระทรวงศึกษาธิการ
6 หมู่ 6 ต.เมืองแก
อำเภอสตึก จังหวัดบุรีรัมย์
mr.auckarachai@hotmail.com
090-360-3400