เป็นคอร์สที่ดีถ้ามีความรู้พื้นฐานอยู่บ้าง สำหรับผู้เริ่มต้นเลย บางแนวคิดอาจจะท้าทายไปหน่อย แต่โครงสร้างก็เป็นเหตุเป็นผลดีค่ะ
HTML และ CSS เบื้องต้น: สร้าง Landing Page ระดับมืออาชีพ
เรียนรู้วิธีสร้างและจัดรูปแบบ Landing Page ระดับมืออาชีพ พร้อมทั้งฝึกฝนภาษาพื้นฐานของเว็บยุคใหม่
-
💬
ผู้สอน AI
ถามเกี่ยวกับบทเรียนใดก็ได้ แล้วรับคำตอบที่ชัดเจนทันที ทุกเมื่อ -
🕐
เริ่มเมื่อไรก็ได้
ไม่มีตารางหรือเดดไลน์ — เรียนตามจังหวะของคุณ เมื่อไรก็ได้ -
🌐
เป็นภาษาไทย
บทเรียน แบบฝึกหัด และใบรับรอง — ทั้งหมดเป็นภาษาของคุณอย่างครบถ้วน
เกี่ยวกับคอร์สนี้
การทำความเข้าใจวิธีการจัดโครงสร้างและจัดรูปแบบเนื้อหาเป็นก้าวแรกสู่ทุกอาชีพในการพัฒนาเว็บหรือการออกแบบดิจิทัล หลักสูตรนี้จะแนะนำคุณผ่านไวยากรณ์ที่จำเป็นของ HTML และ CSS ช่วยให้คุณเปลี่ยนไฟล์ข้อความเปล่าให้เป็น Landing Page ที่มีโครงสร้างสวยงามน่ามอง
คุณจะเปลี่ยนจากผู้เริ่มต้นอย่างแท้จริงไปสู่ผู้ที่สามารถอ่านและเขียนโค้ดที่ขับเคลื่อนอินเทอร์เน็ตได้ ด้วยการมุ่งเน้นมาตรฐานสมัยใหม่ คุณจะได้รับทักษะที่จำเป็นในการสร้างโปรเจกต์เว็บที่สะอาดและมีระเบียบตั้งแต่เริ่มต้น
สิ่งที่คุณจะได้เรียนรู้:
- ทำความเข้าใจบทบาทของแท็ก HTML, attribute และลำดับชั้นของเอกสาร
- ฝึกฝน CSS selectors, properties และ box model เพื่อควบคุมเลย์เอาต์ของหน้าเว็บ
- สร้างฟอร์มเว็บที่ใช้งานได้จริงด้วย input types และ data structures ที่หลากหลาย
- ใช้เทคนิคเลย์เอาต์สมัยใหม่ เช่น Flexbox เพื่อสร้างดีไซน์ที่ตอบสนองต่ออุปกรณ์ต่างๆ (responsive designs)
- ฝึกฝนการจัดระเบียบไฟล์โปรเจกต์และ assets โดยใช้โครงสร้างโฟลเดอร์ที่เป็นมาตรฐานอุตสาหกรรม
- นำหลักการพื้นฐานของการเข้าถึงเว็บ (web accessibility) มาใช้เพื่อให้แน่ใจว่าผู้ใช้ทุกคนสามารถเข้าถึงได้
คุณจะเริ่มต้นด้วยการเรียนรู้คำศัพท์หลักและโครงสร้างพื้นฐานของหน้าเว็บก่อนที่จะก้าวไปสู่การจัดรูปแบบ, typography และเลย์เอาต์ขั้นสูง หลักสูตรจะจบลงด้วยโปรเจกต์จริงที่คุณนำความรู้ไปใช้สร้าง Landing Page แบบคงที่ (static landing page) ผ่านคำอธิบายที่เป็นลายลักษณ์อักษรโดยละเอียดและตัวอย่างโค้ด
หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นอย่างแท้จริง ไม่จำเป็นต้องมีประสบการณ์การเขียนโค้ดหรือการออกแบบมาก่อน
เริ่มสร้างโปรเจกต์เว็บแรกของคุณผ่านคำแนะนำที่เป็นลายลักษณ์อักษรทีละขั้นตอนอย่างชัดเจน
สิ่งที่คุณจะได้รับ
-
📜
ใบประกาศนียบัตร
เพิ่มในโปรไฟล์ LinkedIn ของคุณ -
💬
ติวเตอร์ AI ส่วนตัว
ติดขัดในบทเรียน? ถามติวเตอร์ในตัวของคุณได้ทุกอย่าง ทุกเวลา -
♾️
เข้าถึงตลอดชีพ
กลับมาเรียนได้ตลอด ไม่มีหมดอายุ -
📱
โทรศัพท์หรือคอมพิวเตอร์
ใช้งานได้ทุกที่ ทุกอุปกรณ์ -
💸
คืนเงิน 14 วัน
ไม่ต้องอธิบาย -
⚡
กระชับและตรงประเด็น
2 ชม. 54 นาที เนื้อหาเชิงปฏิบัติ
รีวิว (2)
นี่เป็นบทแนะนำที่ดีมาก โครงสร้างมีตรรกะ และมันครอบคลุมพื้นฐานได้อย่างมีประสิทธิภาพ อาจจะแนะนำมากเกินไปสำหรับผู้เรียนระดับสูง
ผู้เรียนคนอื่นเรียน
🎓 มีใบรับรอง
การออกแบบฟอร์มที่ตอบสนอง (Responsive Form Design) ด้วย CSS และ jQuery
ใบรับรอง
ลงมือทำ
฿539
→
💼 พร้อมสำหรับงาน
🎓 มีใบรับรอง
การออกแบบเว็บไซต์สมัยใหม่ด้วย Bootstrap Studio
ใบรับรอง
ลงมือทำ
฿539
→
🔥 ยอดนิยม
🎓 มีใบรับรอง
AI สำหรับการออกแบบเว็บไซต์: หน้า Landing Page และเลย์เอาต์ที่ตอบสนอง
ใบรับรอง
ลงมือทำ
฿539
→
🔥 ยอดนิยม
🎓 มีใบรับรอง
สร้างเว็บไซต์พอร์ตโฟลิโอที่โดดเด่นด้วย Framer
ใบรับรอง
ลงมือทำ
฿539
→
คำถามที่พบบ่อย
ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +
แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ
ฉันชำระเงินอย่างไร? +
ผ่านบัตรด้วย Stripe เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย
ฉันขอคืนเงินได้ไหม? +
ใช่ — คืนเงินเต็มจำนวนใน 14 วัน ไม่ต้องอธิบาย
ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +
ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด
ฉันจะได้ใบประกาศนียบัตรไหม? +
ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้
ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี
ดีไซน์
การเงิน
การตลาด
สาธารณสุข
การศึกษา
ธุรกิจการบริการ
อุตสาหกรรม