มาทำความรู้จักกับ Web Responsive Design

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

M033
PHP Jr. Member
PHP Jr. Member
โพสต์: 23
ลงทะเบียนเมื่อ: 26/01/2016 10:14 am

มาทำความรู้จักกับ Web Responsive Design

โพสต์ที่ยังไม่ได้อ่าน โดย M033 »

Responsive Design คือ แนวคิดการออกแบบเว็บไซด์ที่เรียกว่า One Size Fit All โดยขนาดของหน้าจอแสดงผลบนเว็บไซด์จะปรับขนาดและ Layout
ให้เหมาะสมตามขนาดหน้าจอโดยอัตโนมัติ ไม่ว่าจะเป็นหน้าจอคอมพิวเตอร์ โน๊ตบุ๊ค สมาร์ทโฟน หรือ แท็บเล็ต

ประโยชน์ของการออกแบบ Web Responsive
-รูปแบบเว็บไซด์การแสดงผลตามหน้าจอออกมาดูดีสวยงาม
-ออกแบบเพียงครั้งเดียว แต่สามารถใช้ได้กับขนาดหน้าจอที่หลากหลาย
-ประหยัดเวลา และ ค่าใช้จ่ายได้มากกว่าการทำ 2 เว็บไซต์
-ช่วยในเรื่องของการทำ SEO (Search Engine Optimization)

  • Ressss.jpg
    Ressss.jpg (32.05 KiB) Viewed 1167 times
  • เว็บไซด์ที่ออกแบบโดยใช้ Responsive Design (ซ้าย)กับเว็บไซด์ที่ออกแบบปรกติ(ขวา)
แต่สำหรับเว็บไซต์ที่ไม่ได้รับการออกแบบมาในแบบ Responsive จะมีข้อเสียในเวลาจะดูข้อมูล จะต้องใช้การ Zoom เข้ามาดูทีละส่วน
เพราะว่าไม่มีความสามารถในการปรับรูปแบบให้เหมาะสมตามขนาดของหน้าจอนั่นเอง ซึ่งแตกต่างจากเว็บไซต์ที่ได้รับการออกแบบมาในแบบ
Responsive ซึ่งจะสามารถปรับ ขนาดของรูปภาพ และ Layout ของเว็บ ให้เหมาะสมตามขนาดของหน้าจอ ทำให้ดูข้อมูลได้สะดวกมากยิ่งขึ้นนั่นเอง
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 54