请输入关键字
2020-10 28

网页设计中如何使用表格和层排版

表格是网页设计中不可缺少的重要元素。使用表格排版可以规范整个页面,将页面中文字、图片、动画等众多元素有条理地统一组织起来。层是一种新的CSS定位技术,它具备许多表格所不具备的特点,那么在网页设计中该如何使用表格和层排版呢?


4秒建站,专业网站设计、网站制作公司,今天和您分享!


1. 表格排版


表格是网页设计制作时不可缺少的重要元素,它以简洁明了和高效快捷的方式将数据、文本、图片、表单等元素有序地显示在页面上,从而设计出版式漂亮的页面。在制作网页时,要想将文本、图片等组织得美观,有条理,就需要排版人员头脑里有一个整体布局的概念。通过表格的相互嵌套和合并、拆分,可以将自己的构思完整地表现出来。


2. 层排版


文本、图像、表格等元素只能固定其位置,不能相互叠加在一起,使用层功能,可以将其放置在网页文档内的任何一个位置,还可以按顺序排放网页文档中的其他构成元素。层具有很多表格所不具备的特点,比如可以重叠,便于移动,可设为隐藏,还能为层添加一些行为,使页面具有更丰富的变化等。这些特点有助于设计思维不受局限,从而发挥更多的想象力。


3. 层转换成表格排版


当需要用到表格来排版页面,但又觉得表格的添加比较烦琐,而层比较灵活,这时候,排版者可以使用层到表格的转换来实现。具体的操作步骤是:(1)首先在层面板中勾选防止重叠选项,这样绘制层的时候就不会出现叠加和嵌套的现象;(2)在页面中绘制若干个层,把页面中的各元素添加到层里面;(3)把每个层自由地排列到页面中各个相应的位置;(4)使用层排版结束之后,要将层排版转化为表格排版,选择修改”—“转换”—“层到表格命令,在对话框中设置好相应的参数,确定之后层就会转换成对应的表格。这种排版方法在排列对象时比较灵活一点,但有时也会产生一些多余的单元格。当然,这种方法一般适用于不太复杂的页面的排版,对于比较复杂的图文混排页面,最好还是采用传统的表格排版方法。


更多网站设计,网页设计、网站制作等相关,欢迎您咨询4秒建站!