用桌子设计

Question

我一直在设计网站桌面一段时间.问题是它可能需要很长时间才能完成网站.使用表格设计的人可以更快地完成.什么是一个很好的教程或相关的做这样的事情？

我知道这是错的,但我注意到很多客户并不关心,他们希望他们的网站尽快.这样做的div方式,取决于网站可以永远.

PS:我已经尝试过在Photoshop或Illustrator中设计网站然后将设计导出为网页,但是当涉及到修改设计时,我无法绕过让网站正确显示...而且通常我很生气并开始手工编码.我发现手工编码比其他任何东西都容易.我认为这是一个坏习惯或可以.我需要更长时间手工操作.

Answer 1

基于表格的布局非常简单,至少在概念上如此.表开头<table>并以结尾</table>.在里面你有零个或多个行(<tr>...</tr>),其中你有零个或多个列(<td>...</td>).还有一些其他标签(thead/ tbody/ tfoot,th用于标题单元格),但这真的是你需要了解的所有表格 - 无需教程.

表的主要优点是:

1. 表的大小根据内容的大小进行调整
2. 列总是排成一行,便于垂直排列内容
3. 编码简单 - 只需几行HTML即可完成基本结构
4. 普遍支持 - 表格在旧/奇怪的浏览器中看起来和行为正常(我在看着你,IE!)

表的缺点包括div与CSS 的"它很复杂"的关系状态,更不用说同行的蔑视了.表并不是divCSS 的完全替代品,但不要让任何人告诉你,divCSS也是表的完全替代品.

在尝试设置表格样式时,您可以使用一些内容使其看起来像您想要的样子:

1. border - 这定义了表格单元格周围和之间的边框
2. padding - 这是内容和单元格边缘之间的填充量
3. text-align - 单元格内容的水平对齐
4. vertical-align - 单元格内容的垂直对齐(对垂直居中有用!)
5. border-collapse - 您可以折叠边框以删除单元格之间的任何间距