มารู้จัก responsive website design คืออะไร

หมวดสำหรับแบ่งบันความ รู้ต่างๆ จะมีหมวดย่อยๆ ในหมวดนี้ เช่น php, SQL, XML, CSS

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

winnerzx
PHP Super Hero Member
PHP Super Hero Member
โพสต์: 666
ลงทะเบียนเมื่อ: 21/06/2021 10:09 am

มารู้จัก responsive website design คืออะไร

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

มารู้จัก responsive web design คือะไร

ในปัจจุบันมีผู้ผลิตWebside สำเร็จรูปมากมาย วันนี้ผมจะขอแนะนำ Responsive web design สำหรับคนที่ชอบเล่น Smartphone , Taplets ก่อนอื่นเราต้องแนะนำให้รู้จักก่อนว่า Responsive web design คืออะไร มันน่าใช้แค่ไหน

รูปภาพจาก Graphic Buffet
รูปภาพจาก Graphic Buffet
Untitled-26.jpg (23.09 KiB) Viewed 1929 times

responsive website design คืออะไร

responsive website design คือ เป็นการทำเว็บไซต์ให้ลองรับทุกอุปการณ์การใช้งานทุกชนิด ก็พวก PC , Smartphone , Taplets เพราะแต่ละ อันมันมีความแตก หรือขนาดหน้าจอที่ไม่เท่ากัน จึงใช้งานขนาดการแสดงผลแบบเดียวกันไม่ได้ทั้งหมด

เว็บไซต์แบบเดิมถ้าจะให้มันแสดงผลบนทุกหน้าจอ มันต้องใช้ URL ที่มันต่างกัน เช่น www.rty856.com แต่บนมือถือจะเป็น m.rty856.com ทำให้ต้องเขียนโค้ดเป็น 2 ชุด เราจึงหันมาใช้ responsive web design ในการออกแบบ และแก้ไขปัญหาที่เกิดขึ้น โดยจะใช้ภาษา CSS , CSS3 และ JavaScript มาช่วยในการออกแบบ เพื่อสามารถใช้งานบนอุปกรณ์ที่แตกต่างกันได้ อย่างสะดวกยิ่งขึ้น


ข้อดีของ responsive website design
  • สามารถแสดงผลได้ทุก อุปกรณ์
  • ไม่จำเป็นต้องเขียน HTML 2 ชุด ให้ยุ่งยากเหมือนแบบเดิม
  • เสียค่าใช้จ่ายก็น้อย
  • ยังรองรับ SEO ด้วย
  • การดูแลเว็บก็ดูแลได้รวดเร็ว

สรุป :
responsive web design จึงเป็นอีกทางเลือกสำหรับการเลือก wedsite สำเร็จรูปเพราะใช้งานง่าย และไม่ยุ่งยากแต่อาจจะมีข้อจำกัด และจากที่กล่าวมาก็เป็นอีกทางเลือกสำหรับคนทำเว็บไซต์ได้เลือกใช้ทำ เหมาะกับมือใหม่อีกด้วย


อ้างอิง :

>> https://www.sogoodweb.com/Article/Detail/7776/Responsive-Web-Design-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3
>> http://www.netcity.co.th/services/
>> https://graphicbuffet.co.th/responsive-web-design-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-%E0%B8%97%E0%B8%B3%E0%B9%84%E0%B8%A1%E0%B8%96%E0%B8%B6%E0%B8%87%E0%B9%80%E0%B8%9B%E0%B9%87%E0%B8%99%E0%B8%97/

>> https://www.rmonlineservices.com/article/17/Responsive-Web-Design-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3-%E0%B8%84%E0%B8%B4%E0%B8%94%E0%B8%A2%E0%B8%B1%E0%B8%87%E0%B9%84%E0%B8%87-%E0%B8%97%E0%B8%B3%E0%B8%A2%E0%B8%B1%E0%B8%87%E0%B9%84%E0%B8%87
ภาพประจำตัวสมาชิก
Riven31
PHP Newbie
PHP Newbie
โพสต์: 1
ลงทะเบียนเมื่อ: 03/08/2023 4:04 pm

Re: มารู้จัก responsive website design คืออะไร

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

Responsive website design is crucial in today's digital landscape as it ensures your site adapts seamlessly to various screen sizes and devices, providing an optimal user experience. To achieve a responsive website design, focus on using flexible layouts, fluid images, and CSS media queries that adjust the content based on the user's device, creating a user-friendly interface across all platforms. Learn how to make responsive website design to improve your site's accessibility and engagement with users.
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

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