วันศุกร์ที่ 20 พฤษภาคม พ.ศ. 2559

Reponsive web คืออะไร

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

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



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

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

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