รายละเอียด : สร้างเว็บไซต์แบบ Responsive ด้วย Bootstrap ร่วมกับ CSS และ JavaScript

สร้างเว็บไซต์แบบ Responsive ด้วย Bootstrap ร่วมกับ CSS และ JavaScript

ในการสร้างเว็บไซต์ เราจําเป็นต้องนําองค์ประกอบพื้นฐานหลายอย่างมารวมเข้าด้วยกัน ซึ่งก็ได้แก่ HTML สําหรับจัดโครงร่างของเพจ นอกจากนี้ยังต้องใช้ CSS เพื่อจัดรูปแบบของเพจให้เป็นระเบียบ สวยงาม ดูน่าสนใจมากขึ้น และอีกอย่างหนึ่งก็คือ การเขียนคําสั่งด้วย JavaScript เพื่อกําหนดกระบวนการต่างๆ ภายในเพจให้ทํางานตามเงื่อนไขที่ต้องการ อย่างไรก็ตาม ในปัจจุบันนี้ ผู้ใช้อาจเปิดดูเว็บไซต์บนอุปกรณ์ที่มีขนาดหน้าจอแตกต่างกัน เช่น Smartphone, Tablet, Notebook หรือ PC ดังนั้น เราจําเป็นต้องปรับเปลี่ยนแนวทางการสร้างเว็บ ให้รองรับการแสดงผลบนอุปกรณ์เหล่านั้นได้อย่างสมบูรณ์ หรือที่เรียกว่า Responsive Web Design นั่นเอง และถึงแม้ CSS จะมีวิธีการออกมารองรับแล้ว แต่เราต้องมีพื้นฐานความเข้าใจในการเขียนโค้ดที่ดีพอสมควร จึงจะใช้รูปแบบของ CSS โดยตรงได้ ดังนั้น จึงมีผู้สร้างเฟรมเวิร์คที่เรียกว่า Bootstrap มาแก้ปัญหาดังกล่าว ซึ่งช่วยลดความจําเป็นในการเขียนโค้ด CSS ที่ซับซ้อนได้เป็นอย่างดี

เพื่อให้ผู้อ่านสามารถเรียนรู้วิธีการสร้างเว็บไซต์แบบ Responsive ได้อย่างสมบูรณ์ ผู้เขียนจึงรวบรวมหลักการใช้งานที่สําคัญทั้งหมดของ HTML, CSS, Bootstrap, JavaScript รวมทั้ง jQuery ซึ่งเป็นไลบรารีของ JavaScript ที่ต้องใช้ร่วมกับ Bootstrap มาไว้ในหนังสือเล่มนี้อย่างครบถ้วน และหวังว่าผู้อ่านจะสามารถนําไปประยุกต์ใช้เพื่อสร้างเว็บไซต์แบบ Responsive ได้ตามต้องการ

บัญชา ปะสีละเตสัง

สารบัญ : สร้างเว็บไซต์แบบ Responsive ด้วย Bootstrap ร่วมกับ CSS และ JavaScript

• บทที่ 1 Getting Started
• บทที่ 2 HTML Basic Elements & Format
• บทที่ 3 HTML Media, Form & Table
• บทที่ 4 CSS Basic & Selector
• บทที่ 5 CSS Color, Text & Sizing
• บทที่ 6 CSS Box Model & Position
• บทที่ 7 Bootstrap Content & Utilities
• บทที่ 8 Bootstrap Components (1)
• บทที่ 9 Bootstrap Components (2)

เนื้อหาปกหลัง : สร้างเว็บไซต์แบบ Responsive ด้วย Bootstrap ร่วมกับ CSS และ JavaScript

ในปัจจุบันผู้ใช้อาจเชื่อมต่ออินเทอร์เน็ตด้วยอุปกรณ์ซึ่งมีขนาดหน้าจอแตกต่างกัน เช่น Smartphone, Tablet, Notebook หรือ PC ดังนั้นจึงจําเป็นที่เราต้องออกแบบเว็บไซต์ให้รองรับการแสดงผลบนอุปกรณ์เหล่านั้นได้โดยไม่ผิดเพี้ยน ซึ่งเราเรียกลักษณะดังกล่าวนี้ว่า Responsive Web Design แต่เพื่อหลีกเลี่ยงความยุ่งยากในการเขียนโค้ด จึงมีผู้สร้างเฟรมเวิร์คที่เรียกว่า Bootstrap อันเกิดจากการผสมผสานระหว่าง CSS และ jQuery เข้าด้วยกัน ถึงกระนั้นก็ตาม เรายังจําเป็นต้องจัดโครงร่างของเว็บเพจโดยใช้ HTML และจัดรูปแบบด้วย CSS รวมทั้งเขียนคําสั่ง JavaScript สําหรับควบคุมการทํางานตามเงื่อนไข ซึ่งทุกอย่างที่กล่าวมา ผู้เขียนได้รวบรวมไว้ในหนังสือเล่มนี้ทั้งหมดแล้ว เพื่อให้ผู้อ่านได้ศึกษาเรียนรู้อย่างครบถ้วน และสามารถนําไปประยุกต์ใช้กับการสร้างเว็บไซต์แบบ Responsive ตามที่ต้องการ