通过合理(lǐ)的、有(yǒu)新(xīn)意的页面布局,特别是主页设计,才可(kě)以将网页的内容完美地呈现在浏览者面前。表格及层排版是网页设计中的重要排版方式,在这过程中都会遇到哪些问题呢(ne)?又(yòu)该如何解决呢(ne)?
1、整體(tǐ)表格排版出现的问题
网站建设有(yǒu)很(hěn)多(duō)人在网页中用(yòng)表格排版时习惯使用(yòng)一个大表格,然后在大表格中嵌入一个个小(xiǎo)表格,认為(wèi)这保持了排版的整體(tǐ)性,其实这个习惯是不好的。一个大而長(cháng)的表格在浏览器中打开时会加重浏览器的负担,使得页面呈现的时间大大加長(cháng),使访问者会失去等待的耐心而放弃浏览这个网页。解决的方法是:拆分(fēn)表格,将大表格化整為(wèi)零,把表格打散,并要尽可(kě)能(néng)地避免表格的层层嵌套。注意,拆分(fēn)后的表格的宽度要设置為(wèi)相等,这样表格的排版效果和拆分(fēn)前相比并没有(yǒu)改变,在浏览器中呈现时,页面会从上至下一个个表格呈现出来,明显加快了页面打开的速度。
2、层排版出现位置偏差
在页面中使用(yòng)表格和层混合排版时,先加入表格进行页面的整體(tǐ)布局,然后在局部加入层。通常情况下,层加入到页面中之后是游离在表格之上的,它虽然移动方便,但在页面中的位置是固定的,由于表格的宽度是固定像素,设置在窗口中居中显示,所以当窗口变大时,表格会产生一个相对位移,但是层却还在原位,没有(yǒu)跟着相对位移,因而出现层与表格中其他(tā)内容位置上的偏差。所以,层排版的灵活性同样也體(tǐ)现了一定的不稳定性。要想办法使层与页面中其他(tā)元素一样,能(néng)够随浏览器的变化而产生相对位置上的变化,排版者可(kě)以将层嵌入到表格的单元格中,使层成為(wèi)单元格中的一个元素,这样就不会出现页面中元素相对位置的偏差。
表格是网页设计中不可(kě)缺少的重要元素。使用(yòng)表格排版可(kě)以规范整个页面,将页面中文(wén)字、图片、动画等众多(duō)元素有(yǒu)条理(lǐ)地统一组织起来。层是一种新(xīn)的CSS定位技术,它具备许多(duō)表格所不具备的特点,那么在网页设计中该如何使用(yòng)表格和层排版呢(ne)?
1、表格排版 表格是网页设计制作时不可(kě)缺少的重要元素,它以简洁明了和高效快捷的方式将数据、文(wén)本、图片、表单等元素有(yǒu)序地显示在页面上,从而设计出版式漂亮的页面。在制作网页时,要想将文(wén)本、图片等组织得美观,有(yǒu)条理(lǐ),就需要排版人员头脑里有(yǒu)一个整體(tǐ)布局的概念。通过表格的相互嵌套和合并、拆分(fēn),可(kě)以将自己的构思完整地表现出来。
2、层排版 文(wén)本、图像、表格等元素只能(néng)固定其位置,
网站建设#p#分(fēn)页标题#e#不能(néng)相互叠加在一起,使用(yòng)层功能(néng),可(kě)以将其放置在网页文(wén)档内的任何一个位置,还可(kě)以按顺序排放网页文(wén)档中的其他(tā)构成元素。层具有(yǒu)很(hěn)多(duō)表格所不具备的特点,比如可(kě)以重叠,便于移动,可(kě)设為(wèi)隐藏,还能(néng)為(wèi)层添加一些行為(wèi),使页面具有(yǒu)更丰富的变化等。这些特点有(yǒu)助于设计思维不受局限,从而发挥更多(duō)的想象力。
3、层转换成表格排版 当需要用(yòng)到表格来排版页面,但又(yòu)觉得表格的添加比较烦琐,而层比较灵活,这时候,排版者可(kě)以使用(yòng)层到表格的转换来实现。