สรุปการบรรยาย: การฝึกเขียนโค้ดทำเว็บไซต์

ข้อมูลเบื้องต้น

• วีดีโอนี้มาจากช่องปฏิพันธ์
• ผู้บรรยายสอนการเขียนโค้ดให้กับแฟน
• เน้นการฝึกทำเว็บไซต์เป็นหลัก

เนื้อหาในการฝึก

• การสร้างโฟลเดอร์: เริ่มด้วยการสร้างโฟลเดอร์ใหม่ชื่อ "my website"
• สร้าง Navigation Bar:
  • ใช้ Tag <nav> และสร้างโครงสร้าง HTML
  • มีส่วนของ Logo และ Menu
• การเปรียบเทียบโค้ด: อธิบายความหมายของแต่ละองค์ประกอบใน Navigation Bar
  • Logo: แสดงชื่อเว็บไซต์
  • Menu: ข้อความต่างๆ เช่น Home, About Us, Services, Portfolio, Contact Us
• การเขียน CSS:
  • ตั้งค่า reset ค่า default สำหรับ margin, padding และ box sizing
  • กำหนด background color และการจัดตำแหน่งเมนู

การสร้าง Layout

• ใช้ Flexbox:
  • จัดตำแหน่ง Logo และ Menu ให้แสดงอยู่ด้านซ้ายและขวา
• สร้างส่วนของ Hero:
  • ใช้ Tag <section> และกำหนด class เป็น "Hero"
  • มีการสร้าง container เพื่อจัดการให้ข้อมูลอยู่กลาง
• การเพิ่มเติมรูปภาพ:
  • เพิ่มรูปภาพใน Hero section โดยใช้ Tag <img>

ส่วนของ Block

• สร้าง Block:
  • มีการกำหนด class "Block" และ "BlockCon"
  • แบ่งเป็น 3 คอลัมน์
• การใช้ Grid Layout:
  • ใช้ Grid ในการจัดวาง Block Items
• การสร้าง Footer:
  • แบ่ง Footer ออกเป็น Footer Top และ Footer Bottom

สรุป

• สอนการสร้างเว็บไซต์จากศูนย์ถึงขั้นตอนการปรับแต่ง
• เน้นความสำคัญของการฝึกฝนและเข้าใจโค้ด
• แนะนำให้มีการลองทำโปรเจ็กต์จริงเพื่อเพิ่มทักษะ

คำแนะนำ

• สำหรับผู้เริ่มต้นให้ใจเย็นและฝึกซ้อมบ่อย ๆ
• ควรทำความเข้าใจโครงสร้าง HTML และ CSS ให้ชัดเจน

---

• กำลังพัฒนา: คาดว่าจะมีวีดีโอต่อไปสอนเพิ่มเติมเกี่ยวกับการเขียนโค้ด
• ขอบคุณ: หากชอบคลิปอย่าลืมกดไลค์และติดตามช่อง