ย้อนกลับ
RBRU MOOC (เปิดสำหรับบุคคลทั่วไป) หมวดหมู่: คอมพิวเตอร์และเทคโนโลยีสารสนเทศ

การออกแบบและพัฒนาเว็บไซต์

ศึกษาหลักการทำงานของเว็บไซต์ โครงสร้างภาษา HTML เบื้องต้น การใช้คำสั่ง HTML เพื่อจัดการข้อความ รูปภาพ และองค์ประกอบต่างๆ รวมถึงการปรับแต่งความสวยงามของหน้าเว็บด้วยภาษา CSS ทั้งในรูปแบบ Inline, Internal และ External การจัดเลย์เอาท์แบบ Responsive ระบบนำทาง และการบริหารจัดการอัปโหลดไฟล์ขึ้นเซิร์ฟเวอร์ด้วยโปรแกรม FTP Client เพื่อสร้างเว็บไซต์ที่ใช้งานได้จริง

หลักการและเหตุผล / รายละเอียดเชิงลึก

[ Learning Outcomes ]

  1. อธิบายโครงสร้างพื้นฐานของเว็บไซต์และหลักการทำงานของเว็บเบราว์เซอร์ได้
  2. ใช้แท็ก HTML พื้นฐานในการสร้างหน้าเว็บ จัดการข้อความ รูปภาพ ตาราง และลิงก์ได้อย่างถูกต้อง
  3. ประยุกต์ใช้คำสั่ง CSS เพื่อปรับแต่งองค์ประกอบหน้าเว็บให้มีความสวยงามและเป็นระเบียบ
  4. ออกแบบและจัดการเลย์เอาท์แบบ Responsive พร้อมทั้งสร้างระบบนำทาง (Menu) ได้
  5. อัปโหลดไฟล์และบริหารจัดการข้อมูลของเว็บไซต์บนเซิร์ฟเวอร์ด้วยโปรแกรม FileZilla ได้

[ Course Content ]

พื้นฐานการทำงานและภาษา HTML
  • หลักการทำงานของ Client-Server และโครงสร้างเอกสาร HTML เบื้องต้น
  • คำสั่งแสดงผลข้อความ รูปภาพ วิดีโอ ลิงก์ รายการ และตาราง
  • เครื่องมือสำหรับพัฒนา เช่น VS Code และ Extension Live Server
การปรับแต่งให้สวยงามด้วย CSS
  • โครงสร้าง CSS (Inline, Internal, External)
  • การใช้ Selector ตกแต่งข้อความ รูปภาพ ปุ่ม และตาราง
  • การตกแต่งวิดีโอและแท็ก Iframe สำหรับแผนที่
เลย์เอาท์และการสร้างระบบนำทาง
  • การสร้างเลย์เอาท์แบ่งสัดส่วนหน้าเว็บ (Grid Layout)
  • การเขียน CSS ควบคุมเลย์เอาท์แบบ Responsive (@media)
  • การสร้างเมนูนำทางเชื่อมหน้าเว็บ (Navigation)
การบริหารจัดการเว็บไซต์ (FTP)
  • การติดตั้งและใช้งาน FileZilla FTP Client
  • การเชื่อมต่อ Site Manager กับเซิร์ฟเวอร์ (Host, Username, Password)
  • การอัปโหลดและดาวน์โหลดไฟล์ระหว่าง Local Site และ Remote Site

เงื่อนไขการรับเกียรติบัตร / วัดผลสัมฤทธิ์

  • การปฏิบัติงานสร้างหน้าเว็บไซต์และระบบนำทาง
  • แบบทดสอบรวม: จำนวน 20 ข้อ
  • เกณฑ์การผ่าน: ต้องได้คะแนน 15 ข้อขึ้นไป (75%)
การออกแบบและพัฒนาเว็บไซต์
เรียนฟรีไม่มีค่าใช้จ่าย
รูปแบบจัดการเรียนการสอน
การเรียนการสอนออนไลน์ 100%
อาจารย์ผู้สอนประจำวิชา
ผู้ช่วยศาสตราจารย์ปพนพัชญ์ ธนาเศรษฐ์วัฒน
ผู้ช่วยศาสตราจารย์ปพนพัชญ์ ธนาเศรษฐ์วัฒน
สาขาวิชาคอมพิวเตอร์ธุรกิจ คณะวิทยาการจัดการ
เข้าสู่บทเรียน / สมัครเรียน
แชร์คอร์สเรียนนี้: