The purpose of this bachelor’s thes

The purpose of this bachelor’s thesis project was to study the responsive design para-digms and development approaches for creating web pages that are optimised for adap-tive web design. The additional goals were to analyse the design principles and implement prototype to find out whether it is feasible to achieve responsive design for various screen resolution of devices.
The theoretical part of the thesis work explains more details of primary development ap-proaches and design consideration for creating responsive web pages that work on the latest smartphones to desktop computers. The thesis also analysed the best design princi-ples that help to optimize web performance. For practical purpose, simple web page as a prototype was built, tested on various screen resolution devices and evaluated in terms of adaptive design with the mobile first principle.
As a result of this project, a functional web page prototype was built using Dreamweaver, web application design software. HTML5, CSS3 and JavaScript were used for the struc-ture, presentation and interaction of web functionality. The web page contains videos and text as web content. A mobile compatible menu was implemented using third parties li-brary.
The development still needs further work for better user experience and more adaptive solutions with browser compatibility. The main challenges for developing project were de-signing web user interface across multiple devices with various browser supports. Under-standing the responsive design paradigm, the mobile first approach, content planning, navigation and web performance were benefits gained from this study.

ผลลัพธ์ (ไทย) 1:

วัตถุประสงค์ของโครงการวิทยานิพนธ์นี้ตรีเป็นการ ศึกษาออกแบบตอบสนองพารา-digms และแจ้งพัฒนาสำหรับสร้างเว็บเพจที่มีเหมาะสำหรับออกแบบเว็บ adap บันทึก-tive งานกราฟฟิก เป้าหมายเพิ่มเติมเพื่อ วิเคราะห์หลักการออกแบบ และใช้ต้นแบบเพื่อค้นหาว่ามันจะเป็นไปเพื่อตอบสนองการออกแบบสำหรับความละเอียดหน้าจอต่าง ๆ ของอุปกรณ์ได้ส่วนทฤษฎีของงานวิทยานิพนธ์อธิบายถึงรายละเอียดของหลักพัฒนา ap proaches และการออกแบบพิจารณาสำหรับการสร้างการตอบสนองต่อเว็บเพจที่ทำงานบนสมาร์ทโฟนล่าสุดกับคอมพิวเตอร์เดสก์ท็อป วิทยานิพนธ์ยัง analysed ดีที่สุดออกแบบ princi-ples ที่ช่วยเพิ่มประสิทธิภาพการทำงาน สำหรับวัตถุประสงค์ทางปฏิบัติ หน้าเว็บอย่างต้นแบบถูกสร้างขึ้น ทดสอบบนอุปกรณ์ความละเอียดหน้าจอต่าง ๆ และประเมินในแง่ของการออกแบบเหมาะสมกับหลักการแรกเคลื่อนจากโครงการ สร้างหน้าเว็บที่ทำงานถูกสร้างขึ้นโดยใช้ Dreamweaver ออกแบบเว็บโปรแกรม HTML5, CSS3 และ JavaScript ที่ใช้ struc ture นำเสนอ และโต้ตอบฟังก์ชันเว็บ เว็บเพจที่ประกอบด้วยวิดีโอและข้อความเป็นเนื้อหาเว็บ โทรศัพท์มือถือเข้าเมนูได้ดำเนินการใช้บุคคลที่สาม li-braryการพัฒนายังคงต้องการประสบการณ์ผู้ใช้ดีขึ้นและมากขึ้นแบบอะแดปทีฟโซลูชั่นกับงาน ความท้าทายหลักสำหรับพัฒนาโครงการถูกยกเลิกลงเว็บเฟซผ่านอุปกรณ์หลายกับสนับสนุนเบราว์เซอร์ต่าง ๆ น้อยยืนกระบวนทัศน์ออกแบบตอบสนอง การวิธีแรกมือถือ วางแผน นำทางและเว็บมีประโยชน์ที่ได้รับจากการศึกษาเนื้อหา

ผลลัพธ์ (ไทย) 2:

วัตถุประสงค์ของโครงการวิทยานิพนธ์ตรีนี้มีวัตถุประสงค์เพื่อศึกษาการออกแบบที่ตอบสนองพารา digms และการพัฒนาแนวทางในการสร้างหน้าเว็บที่เหมาะสมสำหรับการออกแบบเว็บ ADAP-เชิง เป้าหมายเพิ่มเติมเพื่อวิเคราะห์หลักการออกแบบและดำเนินการเป็นต้นแบบที่จะหาว่ามันเป็นไปได้ที่จะบรรลุการออกแบบที่ตอบสนองสำหรับความละเอียดหน้าจอที่หลากหลายของอุปกรณ์.
ส่วนทางทฤษฎีของการทำงานวิทยานิพนธ์อธิบายรายละเอียดเพิ่มเติมของการพัฒนาหลัก AP proaches และการพิจารณาการออกแบบ การสร้างหน้าเว็บตอบสนองที่ทำงานบนมาร์ทโฟนใหม่ล่าสุดในคอมพิวเตอร์เดสก์ทอป วิทยานิพนธ์ยังวิเคราะห์ออกแบบที่ดีที่สุด Princi-Ples ที่ช่วยเพิ่มประสิทธิภาพการทำงานบนเว็บ เพื่อประโยชน์ในการปฏิบัติหน้าเว็บง่ายๆเป็นแบบอย่างที่ถูกสร้างขึ้นทดสอบบนอุปกรณ์ความละเอียดหน้าจอที่หลากหลายและการประเมินในแง่ของการออกแบบการปรับตัวกับหลักการแรกมือถือ.
เป็นผลจากโครงการนี้เป็นต้นแบบของหน้าเว็บการทำงานที่ถูกสร้างขึ้นโดยใช้ Dreamweaver เว็บ ซอฟแวร์การออกแบบโปรแกรม HTML5, CSS3 และ JavaScript ที่ใช้ใน struc-ture การนำเสนอและการทำงานร่วมกันของการทำงานของเว็บ หน้าเว็บที่มีวิดีโอและข้อความที่เป็นเนื้อหาเว็บ มีเมนูที่รองรับมือถือได้รับการดำเนินการโดยใช้บุคคลที่สาม li-brary.
การพัฒนายังต้องทำงานต่อไปสำหรับประสบการณ์การใช้งานที่ดีขึ้นและการแก้ปัญหาการปรับตัวเข้ากันได้มากขึ้นด้วยเบราว์เซอร์ ความท้าทายหลักสำหรับการพัฒนาโครงการที่ถูกยกเลิกการลงนามในส่วนติดต่อผู้ใช้เว็บในอุปกรณ์หลายด้วยการสนับสนุนเบราว์เซอร์ต่างๆ ภายใต้ยืนกระบวนทัศน์การออกแบบที่ตอบสนองต่อวิธีการที่มือถือครั้งแรกการวางแผนเนื้อหาการเดินเรือและประสิทธิภาพการทำงานของเว็บที่ถูกผลประโยชน์ที่ได้รับจากการศึกษาครั้งนี้

ผลลัพธ์ (ไทย) 3:

วัตถุประสงค์ของการศึกษาวิทยานิพนธ์ฉบับนี้ มีวัตถุประสงค์เพื่อศึกษาระดับของการออกแบบเพื่อ digms และการพัฒนาแนวทางการสร้างเว็บเพจที่มีประสิทธิภาพสำหรับการออกแบบเว็บ adap tive . เป้าหมายเพิ่มเติม เพื่อวิเคราะห์ หลักการออกแบบและสร้างต้นแบบเพื่อดูว่ามันเป็นไปได้เพื่อให้บรรลุการออกแบบที่ตอบสนองสำหรับความละเอียดหน้าจอต่าง ๆของอุปกรณ์ .
ส่วนทฤษฎีของงานวิทยานิพนธ์อธิบายรายละเอียดเพิ่มเติมของหลัก proaches AP การพัฒนาและการออกแบบการพิจารณาสำหรับการสร้างหน้าเว็บที่ทำงานบนคอมพิวเตอร์เดสก์ท็อปมาร์ทโฟนล่าสุดเพื่อตอบสนอง ทำการวิเคราะห์ออกแบบที่ดีที่สุด ples หลักที่ช่วยในการเพิ่มประสิทธิภาพเว็บ เพื่อวัตถุประสงค์ในทางปฏิบัติหน้าเว็บง่ายต้นแบบถูกสร้างขึ้นทดสอบบนอุปกรณ์ความละเอียดหน้าจอต่างๆและประเมินในแง่ของการออกแบบด้วยหลักการแรกมือถือ .
เป็นผลจากโครงการนี้ การทำงานเว็บต้นแบบถูกสร้างขึ้นโดยใช้ Dreamweaver , เว็บการออกแบบซอฟต์แวร์ประยุกต์ HTML5 , CSS3 และ JavaScript ที่ใช้ในอาคารจริง การนำเสนอและการปฏิสัมพันธ์ของเว็บการทํางานหน้าเว็บที่มีวิดีโอและข้อความที่เป็นเนื้อหาของเว็บ เป็นมือถือที่รองรับเมนูถูกดำเนินการโดยใช้บุคคลที่สามหลี่ brary .
การพัฒนายังคงต้องทำงานเพิ่มเติมสำหรับประสบการณ์ของผู้ใช้ที่ดีและปรับโซลูชั่นที่มีความเข้ากันได้เบราว์เซอร์ ความท้าทายหลักสำหรับการพัฒนาโครงการ เดอ ลงชื่อเว็บอินเตอร์เฟซผู้ใช้ผ่านอุปกรณ์หลายเบราว์เซอร์ต่างๆรองรับภายใต้การยืนกระบวนทัศน์การออกแบบที่ตอบสนองมือถือ , วิธีแรก วางแผนเนื้อหาและการปฏิบัติทางเว็บเป็นประโยชน์ที่ได้รับจากการศึกษานี้