如何制作各种表格
各种表格的制作方法
“层一”代码:
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,我们的“网页”做好了,剩下的工作是,你得通过修改和增加代码来细化它、美容它,使之成为一个真正的网页。
怎样用表格制作一份网站主页,静态的就好,求步骤,紧急
使用frontpage或者dreamweaver。把表格拖成网站的框架形状然后添加网页元素就行了
怎样制作网页 和 表格
制作网页的最常用工具或系统是
DREAMWARE、FRONTPAGE、FLASH 等
制作表格最佳的是EXCEL 或ACCESS等
你看需要从基础学习一下吧
暂无评论
发表评论