การออกแบบเว็บที่ตอบสนอง (Responsive Web Design) ด้วย HTML และ CSS

เรียนรู้การสร้างเว็บไซต์ที่ทันสมัย ปรับเปลี่ยนได้ และดูดีบนทุกอุปกรณ์ ตั้งแต่เริ่มต้น

4.7 (22) ⏱ 1 ชม. 13 นาที 📚 6 บทเรียน 🎧 เวอร์ชันเสียง

เกี่ยวกับคอร์สนี้

คุณกำลังมองหาวิธีสร้างเว็บไซต์ที่ปรับเปลี่ยนได้อย่างราบรื่นตามขนาดหน้าจอที่แตกต่างกันอยู่ใช่ไหม? หลักสูตรนี้จะนำเสนอเส้นทางที่ชัดเจนในการทำความเข้าใจและนำหลักการออกแบบเว็บที่ตอบสนองไปใช้จริง คุณจะได้รับทักษะที่จำเป็นในการสร้างหน้าเว็บที่มอบประสบการณ์การรับชมที่ดีที่สุดบนเดสก์ท็อป แท็บเล็ต และโทรศัพท์มือถือ หลักสูตรนี้เน้นการประยุกต์ใช้จริง โดยจะแนะนำคุณตั้งแต่แนวคิดพื้นฐานไปจนถึงการสร้างเลย์เอาต์ที่ใช้งานได้จริง สิ่งที่คุณจะได้เรียนรู้: * ทำความเข้าใจหลักการสำคัญของ HTML สำหรับการจัดโครงสร้างเนื้อหาเว็บ * ประยุกต์ใช้ CSS เพื่อจัดรูปแบบหน้าเว็บและควบคุมรูปลักษณ์ * นำเทคนิคการออกแบบที่ตอบสนอง เช่น fluid grids และ flexible images ไปใช้ * ใช้ media queries เพื่อปรับเลย์เอาต์ให้เข้ากับขนาดหน้าจอต่างๆ * นำแนวทาง mobile-first มาใช้ในการพัฒนาเว็บ * ฝึกสร้างเลย์เอาต์ที่ตอบสนองผ่านแบบฝึกหัดที่มีคำแนะนำ หลักสูตรนี้ดำเนินไปอย่างมีเหตุผล โดยเริ่มต้นจากไวยากรณ์พื้นฐานของ HTML และ CSS และก้าวไปสู่เทคนิคการตอบสนองขั้นสูงขึ้น โปรแกรมนี้ออกแบบมาสำหรับผู้เริ่มต้นโดยสมบูรณ์ที่ไม่มีประสบการณ์การพัฒนาเว็บมาก่อน เริ่มต้นการเดินทางสู่การออกแบบเว็บที่ตอบสนองได้ตั้งแต่วันนี้

สิ่งที่คุณจะได้รับ

  • 📜 ใบประกาศนียบัตร
    เพิ่มในโปรไฟล์ LinkedIn ของคุณ
  • 🎧 รวมเวอร์ชันเสียง
    เรียนได้ทุกที่ ไม่ต้องดูจอ
  • ♾️ เข้าถึงตลอดชีพ
    กลับมาเรียนได้ตลอด ไม่มีหมดอายุ
  • 📱 โทรศัพท์หรือคอมพิวเตอร์
    ใช้งานได้ทุกที่ ทุกอุปกรณ์
  • 💸 คืนเงิน 30 วัน
    ไม่ต้องอธิบาย
  • กระชับและตรงประเด็น
    1 ชม. 13 นาที เนื้อหาเชิงปฏิบัติ

รีวิว

ยังไม่มีรีวิว — เป็นคนแรกที่แชร์ประสบการณ์

เขียนรีวิว

หลังจากส่ง เราจะขอให้คุณเข้าสู่ระบบ — ฉบับร่างของคุณถูกบันทึก

ผู้เรียนคนอื่นเรียน

พื้นฐาน Figma สำหรับการออกแบบเว็บไซต์สมัยใหม่

เรียนรู้การสร้างเลย์เอาต์เว็บไซต์ระดับมืออาชีพและต้นแบบเชิงโต้ตอบโดยใช้เครื่องมือหลักของ Figma และเวิร์กโฟลว์การออกแบบที่ทันสมัย
★ 5.0 (20)
$4.99$9.99

พื้นฐานการออกแบบเว็บ: สร้างเว็บไซต์สมัยใหม่ที่ตอบสนองได้Name

เรียนรู้หลักการของการออกแบบเว็บสมัยใหม่ เรียนรู้การออกแบบ ด้วย Figma และสร้างเว็บไซต์ที่ตอบสนองได้ดี ผ่านบทเรียนที่เขียนขึ้นมาอย่างละเอียด
★ 5.0 (7,121)
$4.99$9.99

ออกแบบและสร้างเว็บพอร์ตโฟลิโอที่ตอบสนองด้วย Figma และ AI

เรียนรู้การออกแบบและพัฒนาเว็บพอร์ตโฟลิโอที่ตอบสนองของคุณเองตั้งแต่เริ่มต้น โดยใช้ Figma สำหรับ UI/UX และรวมเครื่องมือ AI เพื่อปรับปรุงขั้นตอนการทำงานของคุณ
★ 4.9 (19)
$4.99$9.99

การออกแบบ UI ที่ตอบสนองด้วย Figma

เรียนรู้วิธีสร้างอินเทอร์เฟซที่ยืดหยุ่นและใช้งานง่าย ซึ่งปรับให้เข้ากับขนาดหน้าจอได้อย่างราบรื่นโดยใช้ Figma
★ 4.9 (18)
$4.99$9.99

คำถามที่พบบ่อย

ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +

แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ

ฉันชำระเงินอย่างไร? +

ผ่านบัตรด้วย Stripe หรือคริปโต เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย

ฉันขอคืนเงินได้ไหม? +

ใช่ — คืนเงินเต็มจำนวนใน 30 วัน ไม่ต้องอธิบาย

ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +

ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด

ฉันจะได้ใบประกาศนียบัตรไหม? +

ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้

ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี ดีไซน์ การเงิน การตลาด สาธารณสุข การศึกษา ธุรกิจการบริการ อุตสาหกรรม