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

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

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

M033
PHP Jr. Member
PHP Jr. Member
Posts: 23
Joined: 26/01/2016 10:14 am

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

Post by M033 » 26/01/2016 1:57 pm

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

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

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

  • Similar Topics
    Replies
    Views
    Last post

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 32 guests