HTML and CSS

📘 เรียนรู้การออกแบบและพัฒนาเว็บไซต์ด้วย HTML และ CSS – เรียนรู้ ฝึกฝน และสร้างเว็บไซต์!

ก้าวเข้าสู่โลกแห่งการออกแบบและพัฒนาเว็บไซต์ด้วยแอปการเรียนรู้แบบครบวงจรนี้ ซึ่งได้รับแรงบันดาลใจจากหนังสือ HTML and CSS: Design and Build Websites ที่ได้รับความนิยมทั่วโลก ไม่ว่าคุณจะเป็นมือใหม่หรือต้องการทบทวนพื้นฐาน แอปนี้คือคู่มือฉบับสมบูรณ์ของคุณในการสร้างเว็บไซต์ที่สวยงาม ตอบสนองต่อทุกอุปกรณ์ และใช้งานได้จริง โดยใช้เครื่องมือ HTML และ CSS

📚 สิ่งที่คุณจะได้เรียนรู้ในหนังสือ/แอปหลักสูตรนี้:

หน่วยที่ 1: บทนำสู่ HTML

 • HTML คืออะไร?

 • โครงสร้างพื้นฐานของเอกสาร HTML

 • องค์ประกอบและแท็ก HTML

หน่วยที่ 2: พื้นฐาน HTML

 • หัวข้อ

 • ย่อหน้า

 • รายการ

 • การจัดรูปแบบข้อความ

 • ลิงก์

หน่วยที่ 3: HTML5

 • ความหมายใหม่

 • องค์ประกอบ

 • เสียงและวิดีโอ

 • องค์ประกอบ Canvas

หน่วยที่ 4: บทนำเกี่ยวกับ CSS

 • CSS คืออะไร?

 • ไวยากรณ์ CSS

 • การประยุกต์ใช้ CSS กับ HTML

หน่วยที่ 5: สี

 • การใช้สีใน CSS

 • โมเดลสี

 • คำหลักสี

 • ความทึบแสง

หน่วยที่ 6: ข้อความและแบบอักษร

 • ตระกูลแบบอักษร

 • ขนาดแบบอักษร

 • การจัดรูปแบบข้อความ

 • แบบอักษรสำหรับเว็บ

หน่วยที่ 7: กล่อง

 • โมเดลกล่อง CSS

 • ระยะขอบ

 • เส้นขอบ

 • ระยะห่างภายใน

 • ความกว้างและความสูง

หน่วยที่ 8: รายการ

 • การจัดรูปแบบรายการ

 • รายการแบบกำหนดเอง

 • เครื่องหมาย

 • รายการแนวนอนและแนวตั้ง

หน่วยที่ 9: พื้นฐานการจัดวาง

 • การจัดตำแหน่ง

 • การลอยตัว

 • การล้างข้อมูล

 • คุณสมบัติการแสดงผล

หน่วยที่ 10: ตาราง

 • การสร้างตาราง

 • การจัดรูปแบบตาราง

 • การยุบขอบ

 • การจัดวางตาราง

หน่วยที่ 11: แบบฟอร์ม

 • องค์ประกอบของแบบฟอร์ม

 • ประเภทการป้อนข้อมูล

 • การจัดรูปแบบแบบฟอร์ม

 • การตรวจสอบความถูกต้อง

หน่วยที่ 12: รูปภาพและมัลติมีเดีย

 • การเพิ่มรูปภาพ

 • รูปแบบรูปภาพ

 • รูปภาพที่ตอบสนองต่อขนาดหน้าจอ

 • การฝังวิดีโอ

หน่วยที่ 13: การเปลี่ยนภาพ การแปลง และแอนิเมชัน

 • การเปลี่ยนภาพ CSS

 • การแปลงภาพ

 • แอนิเมชันคีย์เฟรม

หน่วยที่ 14: การออกแบบที่ตอบสนองต่อขนาดหน้าจอ

 • การค้นหาข้อมูลสื่อ

 • การจัดวางที่ยืดหยุ่น

 • การออกแบบที่เป็นมิตรกับมือถือ

หน่วยที่ 15: ฟอนต์เว็บและฟอนต์ไอคอน

 • การใช้ฟอนต์เว็บ

 • บริการฟอนต์

 • ฟอนต์ไอคอน

หน่วยที่ 16: การดีบักและเครื่องมือ

 • นักพัฒนาเบราว์เซอร์ เครื่องมือ

 • การตรวจสอบความถูกต้องของ CSS

 • เทคนิคการดีบัก

💡 คุณสมบัติของแอปนี้:

- เนื้อหาหลักสูตรครบถ้วน

- แบบฝึกหัดและแบบทดสอบเพื่อฝึกฝนและประเมินตนเอง

📥 ดาวน์โหลดเลยและเริ่มต้นเส้นทางการพัฒนาเว็บของคุณวันนี้!