Build an IPL Cricket Landing Page with HTML and CSS

Learn the fundamentals of web design by coding a vibrant, sports-themed landing page from scratch using modern HTML and CSS practices.

4.3 (354) ⏱ 1 ชม. 32 นาที 📚 10 บทเรียน 🎧 เวอร์ชันเสียง

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

Ready to step into the world of web development with a fun, hands-on project? Building a themed landing page is one of the best ways to master the basics of structuring and styling web content. In this text-based course, you will learn how to write clean HTML and style it with CSS to create an exciting, cricket-themed landing page. You will start with the fundamental building blocks of the web, progress to styling layouts, and finish with a responsive page layout. By working through a sports-themed design, you will see how code translates directly into visual elements on a screen. What you'll learn: - Understand HTML boilerplate, structure, and semantic elements - Apply CSS styling including colors, borders, and backgrounds to match a sports theme - Structure content using block-level and inline elements like divs, spans, and lists - Implement modern CSS layout techniques like Flexbox for responsive alignment - Use CSS custom properties to easily manage and update your theme's color scheme - Practice writing clean, accessible markup with proper text and image attributes The course begins with foundational web concepts and basic syntax before guiding you step-by-step through structuring your page content and applying custom styles. You will read clear explanations, analyze code snippets, and complete written exercises to reinforce your learning. This course is designed for absolute beginners with no prior coding experience who want a practical, project-based introduction to web development. Start reading today and build your first sports-themed web page from scratch.

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

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

รีวิว (4)

Javier Aguilar ES
★ 4 · 2026-04-04T06:30:21+00:00

อืม ไม่แน่ใจว่าเหมาะกับมือใหม่รึเปล่า บางแนวคิดอธิบายผ่านๆ ไปหน่อย แล้วตัวอย่างก็ไม่ค่อยชัดเจนเท่าไหร่

Sophie Schneider DE ผู้เรียนที่ยืนยันแล้ว
★ 3 · 2025-12-24T07:32:21+00:00

เป็นการแนะนำที่ดีนะ แต่อาจจะต้องมีตัวอย่างในโลกจริงเพิ่มอีกหน่อยเพื่อเสริมแนวคิด

Андрій Бондаренко UA
★ 4 · 2025-05-21T04:52:21+00:00

เจอว่ามีประโยชน์สำหรับการทบทวนนะ ไม่แน่ใจว่าจะเป็นจุดเริ่มต้นที่ดีที่สุดสำหรับมือใหม่เลยหรือเปล่า บอกตามตรง

ศิริพร พรมปัญญา TH
★ 3 · 2025-04-04T02:32:21+00:00

อืม ไม่แน่ใจว่าเหมาะสำหรับมือใหม่จริงๆ ไหม มันเหมือนจะคาดหวังความรู้พื้นฐานมาก่อน ซึ่งไม่ได้สอนไว้ ตัวอย่างบางอันก็งงๆ

เขียนรีวิว

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

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

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

เรียนรู้การสร้างเว็บไซต์ที่สะอาด ไวต่อการใช้งาน และเข้าถึงได้ง่าย ตั้งแต่ต้น ด้วยการใช้ HTML, CSS และ JavaScript สมัยใหม่ ผ่านการอธิบายที่ชัดเจน และฝึกเขียนโค้ด
★ 5.0 (6,972)
$4.99$9.99

พัฒนาส่วนหน้าเว็บ: สร้างเว็บไซต์ที่ตอบสนองได้จากต้นฉบับ

เรียนรู้ HTML, CSS และ JavaScript เพื่อสร้างเว็บไซต์ที่ทันสมัย, สามารถตอบสนองได้ และเข้าถึงได้ แม้ว่าคุณจะไม่มีประสบการณ์ในการเขียนโค้ดเลยก็ตาม
★ 5.0 (6,972)
$4.99$9.99

การพัฒนาเว็บสมัยใหม่: สร้างเว็บไซต์ที่ตอบสนองได้จากต้นฉบับ

เรียนรู้พื้นฐานการสร้างเว็บไซต์สมัยใหม่ ด้วย HTML, CSS และหลักการออกแบบที่ตอบสนองต่อการใช้งาน เพื่อให้สามารถสร้างเว็บไซต์ที่สะอาดและมีประสิทธิภาพได้ตั้งแต่ต้น
★ 5.0 (6,972)
$4.99$9.99

HTML สมัยใหม่: สร้างหน้าเว็บที่มีโครงสร้างดี, เข้าถึงได้ และเหมาะกับการค้นหาบนเว็บ

เรียนรู้ภาษาพื้นฐานของเวป เพื่อสร้างหน้าเว็บให้ถูกต้อง ใช้มาตรฐานการเข้าถึง และเตรียมพร้อมสำหรับการพัฒนาส่วนหน้าแบบสมัยใหม่
★ 5.0 (6,972)
$4.99$9.99

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

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

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

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

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

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

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

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

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

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

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

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