本文目录一览：
网页设计中有些表格怎么制作啊？？？
可以向楼上所说，这个是用javascript制作的，可以到js源码站点找制作好的类似效果的代码，应用到自己的网页。
如果你使用dreamweaver制作的话，也可以利用“层”+“行为--显示和隐藏”来制作。
如何制作各种表格
各种表格的制作方法
“层一”代码：
enter border=1 cellspatable align=ccing=0 cellpadding=0 width=450
tbody
tr
td width=100div align=centerLogo/div/td
td width=350div align=centerBanner here/div/td
/tr
/tbody
/table
以下是上面代码的效果，也就是“页面”的第一层了：
Logo Banner here
往下的第二层将显示网站的大类，即这个网站的几个主版块。我们这里打算将网站分区五个版块，那么，我们需要设置一张1×5的表格，代码如下：
“层二”代码：
tabel align=center border=1 cellpadding=0 cellspacing=0 width=450
tbody
tr
td width="20%"div align=center版块一/div/td
td width="20%"div align=center版块二/div/td
td width="20%"div align=center版块三/div/td
td width="20%"div align=center版块四/div/td
td width="20%"div align=center版块五/div/td
/tr
/tbody
/table
把层一和层二代码连起来，效果如下(为了使层一和层二分开两个象素，我们在层一和层二之间加了一个高度为2的表格，以下各层之间均如此处理)：
Logo Banner here
版块一 版块二 版块三 版块四 版块五
第三层是网页主体内容显示的地方，我们分成左、中、右三个方阵，左右各占100个象素，中间还剩250个象素。由于是三个表格并排在一起的，我们需要在它们的外面加一个表格以框住它们。
“层三”代码：
table align=center border=0 cellpadding=0 cellspacing=0 width=450tbodytrtd
table align=left border=1 cellpadding=0 cellspacing=0 width=100 height=200tbodytrtd/td/tr/tbody/table
table align=left border=1 cellpadding=0 cellspacing=0 width=250 height=200tbodytrtd/td/tr/tbody/table
table align=left border=1 cellpadding=0 cellspacing=0 width=100 height=200tbodytrtd/td/tr/tbody/table
/td/tr/tbody/table
层三的代码中，我们令三个表格都居左，这样它们才能很好地靠在一起而不至于散乱。当然了，如果我们用一张一行三列的表格来代替效果会更好，也更容易控制，出于表格的“组合”演示，我们才用了三张并排的表格的。
以下是三个层的组合效果：
Logo Banner here
版块一 版块二 版块三 版块四 版块五
左
中
右
最后是第四层了。我们在第四层里放置一些网页信息之类的内容。这个简单，只是一张表格而已。代码并不复杂：
“层四”代码：
table align=center border=1 cellpadding=0 cellspacing=0 width=450tbody
tr
tddiv align=center【你要写的字】/div/td
/tr
/tbody/table
好了，让我们来看看整体效果如下：
Logo Banner here
版块一 版块二 版块三 版块四 版块五
左
中
右
OK，我们的“网页”做好了，剩下的工作是，你得通过修改和增加代码来细化它、美容它，使之成为一个真正的网页。
如何在网页中制作表格框架
table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格，不给他要边框*/
}
以上是全局的，用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式：
1 给那个表格加上class='classname' （classname是你自己起的样式名）
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格，不给他要边框*/
}
只有内边框没有外边框的话，我就只会用赖皮的方法：给table外面套一个overflow:hidden的div，宽度和高度比table小2px，给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。
制作网页表单问题
LZ的这几个问题可能是因为你书还没看透的缘故，我这经验和你共同分享。
1.表单是要把用户填写的内容发送到服务器端的，所有如果是涉及提交信息等的按钮，必须使用表单。
2.表格和层是可以设置固定大小或者随着插入其中的图片自动改变的，检查下这些对象的属性设置。
3.很多按钮都和表单没有必须的关系，参照问题1.
如何用网页制作出好看的表格
CSS制作好看的网页表格
如果数据表格对于视力没有问题用户都难以阅读的话，那么想像一个那些用辅助技术(掌上设备)的人来说，它们是多么复杂和混乱.幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性.
1.summary 和 caption
第一元素是表格的caption，它基本上用做表格的标题.尽管这不是必须有的元素，但是尽可以使用caption总是好的.另一个元素是summary.summary属性可以应用于表格标签，用来描述表格的内容.与image的alt文本属性相似.
2.thead, tbody, tfoot
thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如，可以将所有列标题放在thead元素中，这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元素，那么必须至少使用一个tbody元素.在一个表格中只能使用一个thead和tfoot元素，但是可以使用多个tbody元素将复杂的表格划分为更容易管理的部分.
3.col 和 colgroup
行与列标题应该使用th标记而不是td，但是如果某些内容既是标题又是数据，那么它仍然使用td.表格标题可以设置为row或col的scope属性，定义它们是行标题还是列标题.
虽然tr元素使开发人员能够整行应用样式，但是很难整列应用样式.为了解决这个问题。
暂无评论
发表评论