JOURNAL
OF Liaoning Economic Management Cadre College
OF Liaoning Economy Vocational and Technical College 互联网的快速发展,使越来越多精美的网页作品不断涌现,并吸引了大量用户的眼球,在网页作品设计中,首先要采用相应的页面布局技术来对网页进行合理的布局,以此确保网页内的各个要素能够处于恰当的位置。现如今,大多数商家在网页设计中,都倾向于采用更加灵活、便捷、功能更加强大的页面布局方法,而DIV+CSS 页面布局技术的出现,使上述要求得到了有效满足,从而深受广大网页开发人员的青睐。通过将DIV 与CSS 技术进行结合应用,能够使网页设计工作中的各个模块内容得到合理布局,其属于一种盒子式的开放式布局技术,利用该技术可通过对多个盒子进行嵌套操作,以此实现对网页的合理编排,从而使网页的代码变得更加简洁,并且便于对网页的后续更新与维护,同时还能实现对不同浏览器的有效兼容。
一、页面布局技术中的关键技术手段在Xhtml 页面设计中,常常采用DIV+CSS 页面布局技术,该技术成功取代了以往的Table 定位技术,实现了对Xhtml 网页中各个模块的合理编排与定位。
(一)CSS 技术
CSS 技术的英文全称为cascading style sheet ,
其又被称之为层叠样式表技术,CSS 技术作为页面布局技术中的一种关键技术,能够对网页样式进行控制,使样式信息能够从网页中分离出来,CSS 属于一种具有标识性的计算机语言,自20世纪90年代中期开始,CSS 技术便正式被w3c 进行审核后予以通过,同时将其作为推荐产品。通过在html 语言中应用CSS 技术,可使页面设计变得更加
html网页设计css精美。CSS 技术是以html 语言为基础的,实现了对html 功能的有效扩展,并且能够对网页格式进行
更加有效的设置。在网页设计工作中,当设计人员需要设置网页外观时,可对更改样式进行定义,不需要对HTML 文件进行更改即可完成。在CSS 技术中,目前主要有三种定义,分别是外部样式表、行内样式表以及内嵌样式表,其中外部样式表是在CSS 样式文件中添加一个CSS 后缀,该样式文件可在各种网页中进行应用。而内嵌样式表则对<STYLE>标记符内对具体的样式信息进行定义,这
种样式表只能在当前页面中应用。对于行内样式表来说,则是将样式信息直接嵌套至标记符内,这种定义方式只局限在本标签。CSS 技术的格式化功能非常丰富,能够实现对网页中字体、背景、颜等各个要素的设计,同时还能兼容诸多可视化浏览器,具有非常丰富的样式风格。通过CSS 技作者简介:曹瑞燕(1979-),女,山西长治人,硕士,讲师,研究方向:网页设计。
基于页面布局技术的网页设计研究
曹瑞燕
(长治职业技术学院,山西长治046000)
摘要:目前,在网页设计中页面的布局主要是采用框架布局、表格布局、图层布局等方
法。相比于以上的布局技术,DIV+CSS 网页布局作为目前的主流技术,具有十分明显的优势。通过CSS 技术的应用,可使网页设计中的格式定义得到有效简化,提高网页维护的便捷性,相比于以往的HTML 标记符,CSS 技术具有强大的格式设置功能,可使网页具有更强的视觉表现力。将CSS 与DIV 两种网页布局技术进行结合应用,能够彻底解决以往表格布局中所带来的不足,从而使网页的页面布局以及外观样式变得更加灵活、简单。
关键词:页面布局;网页设计;DIV ;CSS 中图分类号:J525.9
文献标识码:A
文章编号:1672-5646(2020)
03-0070-03
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论