如何在 Dreamweaver 中制作嵌套的表格

 我来答
奔跑的窝牛的家
高粉答主

2017-07-31 · 每个回答都超有意思的
知道顶级答主
回答量:3.6万
采纳率:98%
帮助的人:4521万
展开全部

表格嵌套通常是用一个总表格做整体布局的规划,它负责排版安排,然后在它内部嵌套一些表格负责子内容的排版。 布局规划:上面区域是标题链接栏,起导航作用。内容列表分为左右两栏,而左侧的内容列表还可以在分成上下两行。用 table 布局方法,做出这块内容最简单的方法需要用到五个表格,包括一个负责布局的总表格和四个负责子内容的内部表格。


操作步骤

1、搭建框架

1)新建一个页面,设置页面属性字体大小 12 像素,上下左右边距为零,链接颜色和已访问链接颜色为 #16387c,变换图像链接和活动链接颜色为 #FF0000,下划线样式定义为仅在变换图像时显示下划线。 点击菜单栏中的「插入」—「表格」,或直接点击插入工具栏中的「插入表格图标」,打开插入表格对话框,准备填入相关信息。 因为插入表格的时候不能控制左侧要几行,右侧要几行,所以只能计算需要用到的行数和列数的总和。插入的表格为三行两列,宽度为 580 像素,页眉选择第一项「无」,然后点击确定。


2)「合并单元格」,将第一行的左右两列选中,方法是点击左侧单元格,按住鼠标从左划到右侧单元格,然后点击属性面板中最下角的合并单元格按钮,第一行就合并成功了。


3)将表格右侧第二行和第三行的单元格进行合并,方法和前面的相同。 将这两项合并工作完成后,表格的样式基本上符合了布局规划,下面就是定义尺寸了。 点击第一行,在属性面板中高度中填入 27。 点击左侧第二行,在属性面板宽度中填入 290,高度填入 95。 点击左侧第三行,在属性面板高度中填入 75。 点击右侧第二行,在属性面板宽度中填入 290。 这下布局框架算是大功告成了。


2、嵌入表格

框架搭建完毕,接下来就是往其中嵌入表格。

1)嵌入标题链接栏。将鼠标点在第一行,插入表格,这次插入的表格属性为:一行,两列,宽度为 100%,高度 27,页眉无。点击刚插入表格的左侧单元格,定义宽度为 27,背景为 h_bg_11.gif,在「水平」选项处选择「居中对齐」,最后在单元格中输入「软件」,点击右侧的单元格,输入标题链接栏中相关的其他内容。


2)插入图片列表。将鼠标点击在左侧第二行,插入表格,表格为两行三列,宽度暂为空,无页眉,然后点击确定。插入表格完成后,选中该表格,在属性面板中的对齐选项中选择「居中对齐」,选中第一行的三个单元格,宽度定义为 95 像素,高度定义为 70 像素,水平选项中选择「居中对齐」,之后将第二行的三个单元格的水平选项也选为「居中对齐」。最后在上面的三个单元格中插入三张图片并加上链接,第二行输入文字链接。

3)插入文章列表一 。点击左侧第三行单元格,插入表格,三行两列,宽度暂为空,无页眉,然后点击确定。随后向上面一样,定义表格对齐方式为「居中对齐」。定义第一列的宽度为 230 像素,第二列的宽度为 60 像素,使第二列的单元格水平对齐方式为「右对齐」,之后定义各行的高度为 20 像素,最后在第一列输入文章的标题,第二列输入作者名称。

4)插入文章列表二。现在就剩下右侧最大的单元格是空余的了,最后就把最多的文章列表嵌入到里面。 点击右侧第二行单元格,插入表格,表格为七行一列,然后将表格设置为水平居中,宽度定义为 90%,随后设置每个单元格的高度为 22 像素,最后在单元格中添加一些内容。 到这里,表格的嵌套基本上完成了,可以点击 F12 预览一下。

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式