รายวิชาเรียนตามอัธยาศัย

รายวิชานี้ได้ปรับรูปแบบการจัดการเรียนการสอน เป็น "การเรียนรู้ด้วยตนเองตามอัธยาศัย (Self-Paced)"

ภาษาไทย : การออกแบบและพัฒนาเว็บไซต์เพื่อรองรับการแสดงผลบนอุปกรณ์เคลื่อนที่

ภาษาอังกฤษ : Responsive Web Design and Development for Mobile Device

รายวิชานี้ให้ความรู้เกี่ยวกับหลักการแสดงผลของเว็บไซต์แบบ Responsive โครงสร้างของ CSS Framework เครื่องมือในการพัฒนาเว็บไซต์ การจัดเตรียมโครงสร้างหน้าเว็บเพื่อการแสดงผลที่เหมาะสมกับขนาดหน้าจอในแต่ละอุปกรณ์ การจัดการแสดงผลองค์ประกอบต่าง ๆ ในหน้าเว็บไซต์ การเรียกใช้ชุดคำสั่งที่ใช้จัดการรูปแบบองค์ประกอบในหน้าเว็บไซต์ การเขียนเว็บไซต์ที่สามารถรองรับการแสดงผลแบบ Responsive รวมถึงการประยุกต์ใช้ Template สำเร็จรูปที่มีความทันสมัยและลดระยะเวลาในการออกแบบและพัฒนาเว็บไซต์ ผู้เรียนสามารถนำความรู้ที่ได้ไปต่อยอดร่วมกับการเขียนเว็บแอปพลิเคชัน (Web Application) แบบอื่น ๆ ได้

ประมวลรายวิชา
โครงสร้างรายวิชา

จำนวนชั่วโมงเรียนรู้ทั้งหมด 12 ชั่วโมงเรียนรู้ (จำนวนชั่วโมงสื่อวีดิทัศน์ 4 ชั่วโมง 12 นาที)

LO 1: ผู้เรียนสามารถอธิบายแนวคิดและทฤษฎีที่เกี่ยวข้องกับการออกแบบและพัฒนาเว็บไซต์แบบ Responsive

LO 1.1 ผู้เรียนสามารถอธิบายเกี่ยวกับการทำงานของเว็บไซต์แบบ Responsive ได้

LO 1.2 ผู้เรียนสามารถอธิบายหลักการทำงานของ CSS Framework ได้

LO 2: ผู้เรียนสามารถประยุกต์องค์ความรู้เพื่อเรียกใช้ CSS Framework ในการออกแบบและพัฒนาเว็บไซต์ได้อย่างถูกต้อง

LO 2.1 ผู้เรียนสามารถใช้คำสั่งต่าง ๆ ใน CSS Framework ได้อย่างถูกต้อง

LO 2.2 ผู้เรียนสามารถประยุกต์ใช้งาน Template สำเร็จรูปได้

นักเรียน นักศึกษา และประชาชนทั่วไป ทุกเพศ ทุกวัย ที่สนใจสามารถเรียนได้ หากมีความรู้พื้นฐานเกี่ยวกับภาษาเอชทีเอ็มแอล (HTML) ภาษาจัดการการแสดงผล (CSS) และภาษาจัดการเหตุการณ์ (Java Script) จะเรียนรู้ได้ไวขึ้น

ผู้เรียนต้องเข้าทำกิจกรรมในรายวิชาดังต่อไปนี้

1.เข้าทำแบบสำรวจข้อมูลเบื้องต้น

2.เข้าทำแบบทดสอบก่อนเรียน (Pre-test)

3.ทำกิจกรรมในบทเรียน

4.ทำแบบทดสอบหลังเรียนทุกบท (Quiz บทละ 10%) 60%

5.ทำแบบทดสอบหลังเรียน (Post-test) 40%

6.ทำแบบสำรวจหลังเรียน Thai MOOC

*ผู้เรียนมีคะแนนรวมทั้งหมดไม่ต่ำกว่า 70% ถือว่าผ่านเกณฑ์เพื่อรับประกาศนียบัตรในระบบได้*