วันพุธที่ 18 พฤษภาคม พ.ศ. 2559

Responsive Web คืออะไร

Responsive Web คืออะไร



Responsive Web  คือ เว็บไซต์ที่สามารถรองรับการทำงานบนหน้าจออุปกรณ์เครือข่ายได้อุปกรณ์  เช่น   Desktop Internet ,  Mobile Internet (  ipad ,iphone, android ,  windows mobile อื่น ๆ )  ซึ่งอุปกรณ์เหล่านี้จะมีหน้าจอแตกต่างกันไป ตามขนาดความกว้างของเครื่อง
ทำให้หน้าต่างเว็บไซต์ที่ออกแบบให้ดูผ่านหน้าจอคอมพิวเตอร์อย่างเดียว มีปัญหาการทำงานเมื่อใช้งานผ่านอุปกรณ์ที่มีหน้าจอขนาดเล็กว่า เช่น  Mobile Internet Users  อุปกรณ์มือถือ  เพราะเนื่องจากปัจจุบันนี้ การใช้งานผ่าน Mobile Internet  มีการเจริญเติบโตสูง  และมีแนวโน้มที่จะแซง  Desktop Internet Users  ทำให้บุคคลทั่วไปสามารถเข้าชมเว็บไซต์ได้ตลอดเวลา
อดีต : การออกแบบจะทำหลาย ๆ เวอร์ชั่น เพื่อที่จะรองรับการทำงานที่แตกต่างกันไป เช่น เวอร์ชั่นสำหรับอุปกรณ์มือถือ เวอร์ชั่นสำหรับคอมพิวเตอร์ทั่วไป


ปัจจุบัน  Responsive Web Design   : คือแนวคิดการออกแบบแนวใหม่ การออกแบบจะมีการปรับเปลี่ยน  css ที่ใช้ในการทำเว็บไซต์ เพื่อให้สามารถแสดงผลได้ทุก ๆ อุปกรณ์  ซึ่งจะใช้ url ร่วมกัน แต่การแสดงผลในแต่ละอุปกรณ์แตกต่างกันไป
responsive-web1
ข้อดีของ Responsive Web Design
  • สามารถรองรับการแสดงผลได้ทุกหน้าจอ ในรูปแบบที่แตกต่างกันไป  เช่นผ่านทางอุปกรณ์คอมพิวเตอร์ จะเป็นหน้าจอที่สมบูรณ์แบบ แต่หากผ่านทางอุปกรณ์มือถือ จะมีการเรียงลำดับเมนูลงมาเรื่อย โครงสร้างการออกแบบจะขึ้นอยู่กับผู้พัฒนา
  • เพิ่มความสะดวกสบายสำหรับผู้ใช้งาน  สามารถใช้งานได้โดยผ่าน  url ตัวเดียวกัน โดยไม่ต้องมีการกำหนดเวอร์ชั่นนี้สำหรับอุปกรณ์มือถือเท่านั้น  ซึ่งมีผลดีในด้าน SEO ด้วย
  • การแก้ไขข้อมูล แก้ไขข้อมูลในที่เดียวแสดงผลทุกอุปกรณ์
ข้อเสียของ Responsive Web Design
  • ไม่สามารถรองรับการทำงาน พวก flash หรือพวก Javascript หรือรูปภาพที่มีขนาดใหญ่ได้
  • เนื่องจากอุปกรณ์มือถือแสดงหน้าจอขนาดเล็ก ผู้พัฒนาอาจจะต้องมีการตัดเมนูบางส่วนที่ไม่จำเป็นสำหรับผู้ใช้ ออก
  • ในการออกแบบต้องมีการจัดวางโครงสร้างให้ดี  เช่น  html5 css  ให้เหมาะสม
  • การปรับปรุงโครงสร้าง ภายหลังจะแก้ไขยาก อาจจะทำให้โครงสร้างการแสดงผลบ้างส่วนมีปัญหาได้


                                                                   ที่มา   http://itgenius.co.th/webboard/index.php?topic=293.0

ไม่มีความคิดเห็น:

แสดงความคิดเห็น