摘 要：随着互联网技术的快速发展，人们对网页功能的需求更加多元化，网页设计的作用日益凸显，网页界面的功能布局、整洁程度、新颖程度等在网页设计中发挥着至关重要的作用。DIV+CSS 技术在网页布局中具有代码剪辑程度高、内容表现突出、灵活性高以及设计效率高等优势，使其在网页设计与开发中的应用越来越广泛。基于此，文章阐述了 DIV+CSS 技术在网页设计中的优势及原理，并以大数据智能控制中心系统的网站为例进行了网页布局探究。
关键词：DIV+CSS 技术；布局；网页设计
DOI:10.19850/j.cnki.2096-4706.2023.02.021
中图分类号：TP311 文献标识码：A 文章编号：2096-4706（2023）02-0087-04
Application of DIV+CSS Layout Technology in Webpage Design
CHEN Hongmin
(Jiangsu Wujiang Secondary Vocational School, Suzhou 215229, China)
Abstract: With the rapid development of Internet technology, people's needs for webpage functions are more diversified, and the role of webpage design is increasingly prominent. The functional layout, cleanliness and novelty of webpage interface play a crucial role in webpage design. DIV+CSS technology has the advantages of high code editing, outstanding content performance, high flexibility and high design efficiency in webpage layout, which makes it more and more widely used in webpage design and development. Based on this, this paper expounds the advantages and principles of DIV+CSS technology in webpage design, and takes the website of big data intelligent control center system as an example to explore the webpage layout.
Keywords: DIV+CSS technology; layout; webpage design
参考文献：
[1] 闫睿 . 网站布局案例精粹：第二版 [M]. 北京：清华大学出版社，2014.
[2] 陈益材，何楚斌 . 网页 div+css 布局和动画美化全程实例[M]. 北京：清华大学出版社，2012.
[3] 李彦 .DIV+CSS 技术在网页设计布局中的应用研究 [J].微型电脑应用，2020，36（3）：19-21+30.
[4] 王国庆.探究基于DIV+CSS技术的网页设计优化方法 [J].信息与电脑：理论版，2016（4）：140-141.
[5] 邹寿春 . 基于 DIV+CSS 技术的网页设计研究 [J]. 绥化学院学报，2015，35（9）：148-151.
[6] 李君芳，吴雪毅 . 浅谈网页设计中 DIV+CSS 技术应用的优势及缺陷 [J]. 计算机光盘软件与应用，2014，17（10）：212+214.
[7] 柯海鹏 . 任务驱动法在 DIV+CSS 网页布局技术中的教学探索 [J]. 教师，2013（22）：105-106.
[8] 钟金成 . 基于“DIV+CSS”盒子模型的网页布局初探 [J].现代信息科技，2019，3（3）：88-90.
[9] 梁弘宇 . 浅析“DIV+CSS 网页布局”的优劣势及使用技巧 [J]. 中小企业管理与科技（上旬刊），2017（12）：187-188.
作者简介：陈洪敏（1979—），女，汉族，江苏苏州人，高级讲师，本科，研究方向：计算机教学。