网页布局基本技能问与答

网页布局基本技能问与答

问：利用层进行网页布局好还是利用表格进行布局设计好？

答：现在网络上的大多数网页都是用table写的，可以说它是不标准的！table层层嵌套，缺点是很繁琐，修改起来很麻烦，用w3c网页标准来说，table真正的目的是用来显示数据的，而不是用来布局的。div布局的好处是它符合了w3c网页标准，div是真正用来布局网页的，以后维护时要是想改变布局的话修改起来很方便，现在sina,163等国内网站以及国外的大多数网站都是用div布局的，如果你真的想当一名网页设计师，建议你走div这条路，但前提是要把CSS学好，并且要学精！

问：如何用css把整个网页布局居中?

答：你可以设置body的CSS属性，或者设置Body中元素的CSS属性，例如P标记、Table标记、Div标记等，他们都有text-align属性，设置居中就可以了，另外需要注意的是，要让整个网页居中最好使用Table来定位内容的位置，这样操作起来最简单和最方便。

问：在动态网页布局中如何让单元格不向两边无限撑，特别是在显示数据库内容的时候！

答：先看看这段代码：

以下是引用片段： style="width: 550; word-wrap: break-word; word-break: break-all;"

再看看这段代码：

以下是引用片段： <table><tr><td style="word-break:break-all;width:200px;"> 表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容</td></tr></table>

显示效果：

表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容表格内容

自己去体会。

问：网页布局如何用工具实现？

答：用fireworks或photoshop作图,然后用切片工具划分,在划分时注意考虑,哪些地方在运用时会拉长什么的,考虑把连续的图像做成背景显示,然后导出切片和HTML文件,最好把切片放在一个文件中,然后用dW打开把不用的东西去掉,把该在上面打字的地方的图去换换成背景,然后填充内容。