ให้นักเรียนทำเว็บไซท์ด้วย Boostrap CSS ดังต่อไปนี้

• เว็บโหลด Themes เพื่อทำเว็บไซท์

  • • https://startbootstrap.com/templates/

    • https://bootstrapmade.com/

• งานเดี่ยว-เว็บนำเสนอข้อมูลประวัตส่วนตัว (โดยใช้ธีมตามตัวอย่าง DevFolio, Fiolo, MyPortfolio)

• งานคู่-เว็บไซท์นำเสนอข้อมูลที่เป็นประโยชน์อาจจะเป็นเนื้อหาดังต่อไปนี้ (งานคู่ 2 คน)

• • สัตว์ป่าที่พบเห็นบ่อยในจังหวัดแม่ฮ่องสอน

  • สัตว์ป่าสงวน/คุ้มครองในประเทศไทย

  • แหล่งท่องเที่ยวในจังหวัดแม่ฮ่องสอน

  • สถานที่ท่องเที่ยวในอำเภอแม่ลาน้อย

  • ไวรัสโคโรนา 2019

  • การปลูกหอมแดง/กระเทียมในอำเภอแม่ลาน้อย

• งานกลุ่ม-เว็บไซท์นำเสนอข้อมูลโครงงานในรายวิชาวิทยาการคำนวณ

• • กลุ่มที่ 1 ระบบชาร์จโทรศัพท์ด้วยพลังงานแสงอาทิตย์ (ศรีสุดา-12 เบิก Solar Cell+Charge)

  • กลุ่มที่ 2 ระบบรดน้ำต้นไม้อัตโนมัติ (ภัณฑิรา เบิกบอร์ด KidBright-เซนเซอร์วัดความชื้นในดิน)

  • กลุ่มที่ 3 ระบบเปิดปิดไฟอัตโนมัติ (อรนุช เบิกบอร์ด KidBright-หลอดไฟ USB)

  • กลุ่มที่ 4 เครื่องดักแมลงวันจากขวดพลาสติค (อรณี)

  • กลุ่มที่ 5 ระบบรดน้ำต้นไม้อัตโนมัติ (อรวรรณ ธำรงฯ-เบิกบอร์ด KidBright-เซนเซอร์วัดความชื้นในดิน)

เว็บตัวอย่างจาก Boostrap

• Maehongson

• โรงเรียนปางมะผ้าพิทยาสรรพ์

• โรงเรียนปายวิทยาคาร

• โรงเรียนเทศบาลเมืองแม่ฮ่องสอน

• โรงเรียนศึกษาสงเคราะห์แม่ฮ่องสอน

• โรงเรียนราชประชานุเคราะห์ 34 ปางมะผ้า

• โรงเรียนราชประชานุเคราะห์ 22 ปาย

• แหล่งท่องเที่ยวแม่ลาน้อย (รปค.21)

• แม่ฮ่องสอน ดินแดนแห่งเมืองสามหมอก

• ดอยม่อนจอง อำเภออมก๋อย จังหวัดเชียงใหม่ (ใช้งานจริง)

บทเรียนHtml5 & Boostrap

• Html5 คืออะไร

• ข้อควรรู้เกี่ยวกับ html5

• CSS คืออะไร

• Boostrap คืออะไร

เว็บไซท์นักเรียน