mooc

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

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

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

[ Learning Outcomes ]

อธิบายโครงสร้างพื้นฐานของเว็บไซต์และหลักการทำงานของเว็บเบราว์เซอร์ได้
ใช้แท็ก HTML พื้นฐานในการสร้างหน้าเว็บ จัดการข้อความ รูปภาพ ตาราง และลิงก์ได้อย่างถูกต้อง
ประยุกต์ใช้คำสั่ง CSS เพื่อปรับแต่งองค์ประกอบหน้าเว็บให้มีความสวยงามและเป็นระเบียบ
ออกแบบและจัดการเลย์เอาท์แบบ Responsive พร้อมทั้งสร้างระบบนำทาง (Menu) ได้
อัปโหลดไฟล์และบริหารจัดการข้อมูลของเว็บไซต์บนเซิร์ฟเวอร์ด้วยโปรแกรม 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

workspace_premium เงื่อนไขการรับเกียรติบัตร

การปฏิบัติงานสร้างหน้าเว็บไซต์และระบบนำทาง
แบบทดสอบรวม: จำนวน 20 ข้อ
เกณฑ์การผ่าน: ต้องได้คะแนน 15 ข้อขึ้นไป (75%)

เรียนฟรี

computer

รูปแบบการเรียน

online

ผู้สอนประจำวิชา

ผู้ช่วยศาสตราจารย์ปพนพัชญ์ ธนาเศรษฐ์วัฒน

สาขาวิชาคอมพิวเตอร์ธุรกิจ คณะวิทยาการจัดการ