สอนทำเว็บไซต์ HTML/CSS Web Design

สอนทำเว็บไซต์ขั้นพื้นฐาน

  • Day 1 : สร้างเว็บไซต์เป็นใน 30 นาทีทุกวันนี้ ใครๆ ก็อยากมีเว็บไซต์เป็นของตัวเองทั้งนั้นครับ ไม่ว่าจะทำเพื่อนำเสนอข่าว ขายสินค้า แนะนำตัวเอง หรือเพื่อสร้างสังคมออนไลน์ เว็บไซต์สามารถตอบโจทย์เหล่านี้ได้เป็นอย่างดี
  • Day 2 : ตกแต่งหน้าเว็บให้สวยงามด้วย CSSถึงแม้ว่า web browsers จะมีการกำหนด “สไตล์” ให้กับ HTML Elements เอาไว้อยู่แล้ว แต่มันก็อาจจะไม่ค่อยสวยเท่าไรนัก

สอน HTML5

  • Day 1 : วิธีเลือกใช้ article, section, nav, asidehtml5 ได้เพิ่ม html elements ใหม่ๆ เข้ามามากมาย ซึ่ง elements ที่เราใช้บ่อยๆ คงหนีไม่พ้น article, section, nav และ aside ปัญหาก็คือ elements เหล่านี้ มีวิธีใช้งานต่างกันอย่างไร
  • Day 2 : วิธีใช้ header, hgroup และ h1 – h6บางคนอาจมองว่าเรื่องนี้เป็นเรื่องง่ายๆ แต่ทุกวันนี้ยังคงมีการใช้ headings ที่ไม่ค่อยจะเหมาะสมอยู่ไม่น้อยเลยทีเดียว
  • Day 3 : วิธีใช้ footer และ address ใน html5หลายคนๆ เมื่อได้ยินคำว่า “footer” คงจะนึกถึงด้านล่างสุดของหน้าเว็บ แต่สำหรับ html5 แล้ว footer เป็นได้มากกว่านั้น

สอนทำ Responsive Web Design

  • Day 1 : Responsive Web Design คืออะไรจริงๆ แล้ว Responsive Web Design ไม่ใช่เรื่องใหม่ ผมจะสรุปง่ายๆ สั้นๆ เพื่อให้เพื่อนๆ เข้าใจ Responsive Web Design มากขึ้น
  • Day 2 : Media Queries คืออะไร
    บทความนี้ผมจะมาพูดถึง Media Queries ซึ่งถือเป็นหัวใจสำคัญในการทำ Responsive Web Design โดยผมจะเน้นไปที่ความเป็นมา และวิธีใช้งานเบื้องต้นครับ
  • Day 3 : วิธีเรียกใช้ Media Queries
    หลังจากที่เรารู้ความเป็นมาของ Media Queries ไปแล้ว ทีนี้เราลองมาดูวิธีการเรียกใช้งานของ Media Queries ว่ามันมีกี่รูปแบบ และมีวิธีใช้งานอย่างไร
  • Day 4 : Media Features ของ Media Queriesเมื่อเราสามารถเรียกใช้ Media Queries เป็นแล้ว เราลองมาดูว่า Media Features ซึ่งเป็นส่วนหนึ่งของ Expression ใน Media Queries มีอะไรบ้าง
  • Day 5 : รู้จักกับ Breakpointsบทความนี้ ผมจะมาเล่าว่า Breakpoints คืออะไร และมีความสำคัญกับ Responsive Web Design อย่างไร รวมไปถึงวิธีการกำหนด Breakpoints
  • Day 6 : สรุปขั้นตอนทำ Responsive Web Designหลังจากที่เราเขียน Media Queries และกำหนด Breakpoints เป็นแล้ว ทีนี้เรามาดูขั้นตอนสำคัญๆ ในการทำ Responsive Web Design ว่ามันมีอะไรบ้าง

สอนออกแบบเว็บไซต์ Web Design

(Visited 6,667 times, 7 visits today)

Leave a Reply