User:Shengjun ma/sandbox

 Design and implementation of responsive web pages with HTML5 and CSS3 

Shengjun Ma 18015608

The progress of digital technology promotes the rapid development of the systemwide. With the development of mobile communication technology, intelligent mobile terminals are widely used in various industries, accelerating the arrival of the web 2.0 era. This paper reviews the existing literature and summarizes the design methods and advantages of responsive web pages based on HTML5 and CSS3.The opportunities and challenges of responsive web technology in practical application are pointed out.

Introduction
"More and more Internet applications need to meet the needs of mobile terminals, and more and more enterprises need responsive websites. By summarizing the existing literature, this paper introduces the concepts of HTML5 and CSS3 development of responsive web design. The basic ideas of its design, engineering development and key technologies are analysed. This article summarizes the challenges of responsive web technologies by investigating the user experience of specific people in responsive design."

The advantages of responsive websites
Before responsive page technology was developed, developers needed to provide different code for different devices to ensure consistent page results. The responsive web page can automatically recognize the screen width and adjust the layout structure and image size adaptively according to the parameters obtained, thus achieving the effect of "one-time design, universal use"[1]. They can automatically adjust their overall parameters according to the screen size of different devices, so that the layout form and image separation rate are appropriate to the corresponding interface.[2][3]

Responsive web design based on HTML5 has been recognized in practical applications. HTML5 is the only language widely applicable to PC, MAC, Android, Widows Phone and other mainstream platforms.[4] It can be said that HTML5 is the fundamental language of responsive web design, and its cross-platform compatibility has unique advantages in corresponding development.[5] CSS3's media query feature allows you to add media query expressions to specify the media type, and you can select the appropriate expression for different media types.[6] Using the media query feature allows the web page to adapt to different devices without changing any parameters.

Challenges in Manufacturing Industry
"With the rapid development of the display industry, there are many computers with special separation rates, so responsive web technology poses a challenge: whether responsive web technology is compatible with these computers with special separation rates. Multi-pixel density is the biggest challenge. The separation rate for special displays is two to three times higher than normal. Meanwhile, responsive development needs to cater to a variety of users, such as the blind. The researchers tested the user experience of blind people using responsive web pages, measuring their emotions based on the application's positive and negative impact schedule (PANSA). The results show that although the corresponding websites have a certain level of acceptance, they cause strong negative user emotions. This is a huge test for the development of responsive web pages. [7]"

Conclusion
"By summarizing the existing literature, this paper makes clear the advantages of developing and using adaptive web pages based on html5 and css3 technology, and points out the challenges of being more multi-faceted due to different screen resolutions. According to the summary of several literatures on user experience feedback of blind people using adaptive web pages, the challenges faced by responsive web technologies are clarified, and the reduction of negative experience emotions of special groups is the decisive factor for the future development of responsive web technologies."