การจัดรูปแบบข้อความด้วย CSS: พื้นฐานของ Web Fonts และการจัดพิมพ์
เรียนรู้วิธีนำเข้า ปรับขนาด และจัดรูปแบบ Web Fonts โดยใช้ CSS เพื่อสร้างเลย์เอาต์ที่อ่านง่ายและตอบสนองได้ดี
-
💬
ผู้สอน AI
ถามเกี่ยวกับบทเรียนใดก็ได้ แล้วรับคำตอบที่ชัดเจนทันที ทุกเมื่อ -
🕐
เริ่มเมื่อไรก็ได้
ไม่มีตารางหรือเดดไลน์ — เรียนตามจังหวะของคุณ เมื่อไรก็ได้ -
🌐
เป็นภาษาไทย
บทเรียน แบบฝึกหัด และใบรับรอง — ทั้งหมดเป็นภาษาของคุณอย่างครบถ้วน
เกี่ยวกับคอร์สนี้
การเลือกใช้การจัดพิมพ์ (typography) ของคุณเป็นตัวกำหนดว่าผู้ใช้จะรับรู้และโต้ตอบกับเว็บไซต์ของคุณอย่างไร การทำความเข้าใจวิธีควบคุมฟอนต์และการจัดรูปแบบข้อความด้วย CSS เป็นทักษะพื้นฐานสำหรับนักพัฒนาเว็บทุกคนที่ต้องการก้าวหน้า ในหลักสูตรที่เน้นข้อความนี้ คุณจะได้เปลี่ยนจากการจัดรูปแบบเริ่มต้นของเบราว์เซอร์ไปสู่การออกแบบเลย์เอาต์เว็บที่สวยงามและอ่านง่าย คุณจะได้เรียนรู้การควบคุมตระกูลฟอนต์ ขนาด น้ำหนัก และระยะห่าง เพื่อให้มั่นใจว่าข้อความของคุณจะดูดีบนทุกหน้าจอ
สิ่งที่คุณจะได้เรียนรู้:
- ทำความเข้าใจคุณสมบัติพื้นฐานของการจัดพิมพ์ใน CSS รวมถึง font-family, font-size และ line-height
- ประยุกต์ใช้หน่วยการปรับขนาดที่ตอบสนองแบบสมัยใหม่ เช่น rem และ em แทนการใช้พิกเซลแบบสัมบูรณ์ (absolute pixels) เพื่อสร้างเลย์เอาต์ที่ยืดหยุ่น
- กำหนดค่า Web Fonts อย่างปลอดภัยโดยใช้ system font stacks และการโฮสต์ฟอนต์ภายนอก
- ออกแบบเลย์เอาต์ข้อความที่เข้าถึงได้ง่ายด้วยความคมชัดของสีที่เหมาะสมและความยาวบรรทัดที่อ่านง่าย
- จัดโครงสร้างบล็อกประกาศ CSS อย่างเป็นระเบียบเพื่อจัดการการจัดพิมพ์ควบคู่ไปกับคุณสมบัติเลย์เอาต์
คุณจะเริ่มต้นด้วยคำศัพท์พื้นฐานของการจัดพิมพ์ดิจิทัลก่อนที่จะเข้าสู่กฎ CSS ที่ใช้งานได้จริง ด้วยคำอธิบายที่เป็นลายลักษณ์อักษรทีละขั้นตอนและตัวอย่างโค้ดที่นำไปใช้ได้จริง คุณจะได้เรียนรู้การสร้างสไตล์ชีทที่สะอาดและบำรุงรักษาได้ หลักสูตรนี้ออกแบบมาสำหรับผู้เริ่มต้นโดยสมบูรณ์ที่มีความเข้าใจพื้นฐานเกี่ยวกับ HTML โดยไม่จำเป็นต้องมีประสบการณ์ CSS มาก่อน เริ่มจัดรูปแบบหน้าเว็บของคุณด้วยความมั่นใจได้แล้ววันนี้
สิ่งที่คุณจะได้รับ
-
📜
ใบประกาศนียบัตร
เพิ่มในโปรไฟล์ LinkedIn ของคุณ -
💬
ติวเตอร์ AI ส่วนตัว
ติดขัดในบทเรียน? ถามติวเตอร์ในตัวของคุณได้ทุกอย่าง ทุกเวลา -
♾️
เข้าถึงตลอดชีพ
กลับมาเรียนได้ตลอด ไม่มีหมดอายุ -
📱
โทรศัพท์หรือคอมพิวเตอร์
ใช้งานได้ทุกที่ ทุกอุปกรณ์ -
💸
คืนเงิน 14 วัน
ไม่ต้องอธิบาย -
⚡
กระชับและตรงประเด็น
2 ชม. 48 นาที เนื้อหาเชิงปฏิบัติ
รีวิว
ยังไม่มีรีวิว — เป็นคนแรกที่แชร์ประสบการณ์
ผู้เรียนคนอื่นเรียน
🔥 ยอดนิยม
🎓 มีใบรับรอง
AI สำหรับการออกแบบเว็บไซต์: หน้า Landing Page และเลย์เอาต์ที่ตอบสนอง
ใบรับรอง
ลงมือทำ
₡6.800
→
🔥 ยอดนิยม
🎓 มีใบรับรอง
สร้างเว็บไซต์พอร์ตโฟลิโอที่โดดเด่นด้วย Framer
ใบรับรอง
ลงมือทำ
₡6.800
→
🔥 ยอดนิยม
🎓 มีใบรับรอง
สร้างเว็บไซต์ที่ตอบสนองต่อทุกอุปกรณ์ด้วย Webflow
ใบรับรอง
ลงมือทำ
₡6.800
→
🏆 ยอดนิยมมากที่สุด
🎓 มีใบรับรอง
การสร้างเว็บไซต์ที่เข้าถึงได้ด้วยมาตรฐาน WCAG
ใบรับรอง
ลงมือทำ
₡6.800
→
คำถามที่พบบ่อย
ฉันต้องใช้อะไรในการเรียนคอร์สนี้? +
แค่โทรศัพท์หรือคอมพิวเตอร์ที่มีอินเทอร์เน็ต ไม่ต้องติดตั้งหรือใช้อุปกรณ์พิเศษ
ฉันชำระเงินอย่างไร? +
ผ่านบัตรด้วย Stripe เราไม่เก็บข้อมูลบัตร — Stripe จัดการอย่างปลอดภัย
ฉันขอคืนเงินได้ไหม? +
ใช่ — คืนเงินเต็มจำนวนใน 14 วัน ไม่ต้องอธิบาย
ฉันมีสิทธิ์เข้าถึงนานเท่าไร? +
ตลอดไป เมื่อซื้อแล้วคอร์สเป็นของคุณ กลับมาเรียนได้ตลอด
ฉันจะได้ใบประกาศนียบัตรไหม? +
ได้ เมื่อเรียนจบจะได้รับใบประกาศนียบัตรที่เพิ่มในโปรไฟล์ LinkedIn ได้
ออกแบบสำหรับผู้เรียนใน
เทคโนโลยี
ดีไซน์
การเงิน
การตลาด
สาธารณสุข
การศึกษา
ธุรกิจการบริการ
อุตสาหกรรม