Bootstrap คือ Framwork สำหรับการแสดงผลของเว็บไซต์ โดยใช้ Css เวอร์ชั่น 3 และคำสั่ง Javascript บางส่วน ที่ถูกออกแบบเป็นเครื่องมือให้นักพัฒนาเว็บไซต์สามารถออกแบบการแสดงผลได้แบบง่ายๆ และมีความสวยงาม ทันสมัย และรองรับการแสดงผลบนหน้าจอขนาดต่างๆได้ เช่น อุปกรณ์ Smart Device อาทิ iPhone,iPad,Tablet,Android Phone ต่างๆ รวมถึงการแสดงผลบนหน้าจอขนาดใหญ่ อย่างเช่น Smart Tv เป็นต้น
เราเรียกการแสดงผลแบบนี้ว่า Responsive Web Design นักพัฒนาเว็บไซต์จะเรียก Bootstrap ว่าเป็น Front-end Framework
ตอนนี้ Bootstrap พัฒนาถึงเวอร์ชั่นที่ 3 (Bootstrap 3) แล้วครับ โดยมีการเปลี่ยนแปลง Grid Layout ให้สามารถแสดงผลบนอุปกรณ์ Smart Device ที่หลากหลาย
ให้ศึกษาจาก -> http://getbootstrap.com/css/#grid
สำหรับเรื่องของการสอนใช้งาน ผมไม่ขออธิบายอะไรนะครับ เพราะมีคนเขียนไว้ค่อนข้างเยอะแล้วครับ ให้ศึกษาจากเว็บไซต์เหล่านี้ครับ
http://getbootstrap.com/
http://www.blognat.com/ออกแบบเว็บไซต์-grid-bootstrap/
และวีดีโอสอนการใช้งานจากคนไทยท่านนี้ครับ ค่อนข้างที่จะอธิบายได้ดีครับผม
ส่วนนี้เป็น Theme ของ Bootstrap ครับ
http://bootswatch.com/
สามารถให้ดาวน์โหลดมาใช้งานได้ฟรี โดยเลือกที่ Theme ก่อนและเลือกดาวน์โหลด ให้เลือกว่าจะเอาไฟล์อะไรระหว่าง bootstrap.min.css หรือ bootstrap.css
แล้ว Copy โค๊ด css มาทับไฟล์ bootstrap.min.css หรือ ไฟล์ bootstrap.css เดิมของเราได้เลยครับ
และสุดท้ายเป็นตัวอย่างเว็บที่พัฒนาด้วย Bootstrap ครับ สามารถเข้าไปดูไอเดียการออกแบบด้วย Bootstrap จากเว็บชื่อดังต่างๆได้ครับ
http://lovebootstrap.com
ไม่มีความคิดเห็น :
แสดงความคิดเห็น