ZHAO Yishan,FAN Mingyu.Research on Web Page Design Technology based on HTML5 and CSS3[J].Journal of Chengdu University of Information Technology,2021,36(06):641-645.[doi:10.16836/j.cnki.jcuit.2021.06.010]
基于HTML5与CSS3的网页设计技术研究
- Title:
- Research on Web Page Design Technology based on HTML5 and CSS3
- 文章编号:
- 2096-1618(2021)06-0641-05
- Keywords:
- responsive web pages; web design; page optimization
- 分类号:
- TP393.092.1
- 文献标志码:
- A
- 摘要:
- 针对计算机屏幕设计的网站在其他尺寸的设备上的显示效果大打折扣的问题,提出了一种基于HTML5和CSS3的响应式网页设计,它可以跟据用户使用设备的屏幕分辨率、尺寸、情境和行为等调整页面布局,使不同设备上的页面显示效果更加合理、流畅,给用户带来优质的体验。实验表明,响应式网页设计能够自适应不同设备,提供更好的显示效果。
- Abstract:
- Aiming at the problem that the display effect of the website designed on the computer screen is greatly reduced on devices of other sizes. A responsive web page design based on HTML5 and CSS3 is proposed, which can be based on the screen resolution, size, context and page layout adjustments for behaviors, to make the page display effect on different devices more reasonable and smooth, and to bring users a high-quality experience. Experiments show that responsive web design can adapt to different devices and provide better display effects.
参考文献/References:
[1] Ben Frain.响应式Web设计:HTML5和CSS3实战[M].2版,奇舞团,译.北京:人民邮电出版社,2017:62-144.
[2] 黄远洋.基于HTML5和CSS3的响应式Web的设计与实现[D].北京:华北电力大学,2018.
[3] 郑佳.基于响应式布局的政务管理系统设计与实现[D].西安:西安电子科技大学,2015.
[4] 张州,李存永.HTML5和CSS3.0在网页设计中的新特性和优势探讨[J].无线互联科技,2015(4):98-99.
[5] 许晓峰.HTML5和CSS3.0在网页设计中的优势特性与应用[J].电脑知识与技术,2020,16(13):275-276.
[6] 齐兵辉,刘巧利.浅析html5的特点与优势[J].电脑迷:数码生活旬刊,2014,5(3):37.
[7] 李慧云,何震苇,李丽,等.HTML5技术与应用模式研究[J].电信科学,2012,7(5):27-31.
[8] K Knight.Responsive Web Design:What It Is and How to Use It[J/OL].2011-01-12.
[9] Zoe Mickley Gillenwater.Flexible Web design:creating liquid and elastic layouts with CSS[M].San Francisco:New Riders Publishing,2008.
[10] Ethan Marcotte.Fluid grids[EB/OL].2009-03-03.
[11] Zoe Mickley Gillenwater.Flexible Web Design:Creating Liquid and ElasticLayouts with CSS[M].USA:New Riders,2009:285-312.
[12] S Mohorovi ci c.Implementing Responsive Web Design for Enhanced Web Presence[C].Information & Communication Technology Electronics & Microelectronics(MIPRO),2013 36th International Convention on IEEE,2013:1206-1210.
[13] Christopher Schmitt.响应Web图形设计[M].北京:人民邮电出版社,2014.
[14] 姜康.基于响应式的移动端网页界面设计与实现[D].湖北:中南民族大学,2016.
备注/Memo
收稿日期:2021-03-28