网页设计如何嵌套表格？网页制作嵌套表格？

金生今天 24

默认

摘要： 如何在网页制作中用好表格创建HTML文件启动Dreamweaver CS5，执行“文件-新建”命令，在弹出的对话框中选择HTML，点击“创建”按钮。...

如何在网页制作中用好表格

创建 HTML 文件启动 Dreamweaver CS5，执行“文件-新建”命令，在弹出的对话框中选择 Html，点击“创建”按钮。插入外层表格将光标置于需要插入表格的位置，执行“插入-表格”命令。在弹出的对话框中设置参数：行数：2 列数：1 表格宽度：800像素边框粗细：1 点击“确定”完成插入。

CSS法可以在标签中设置margin属性，即：style=margin：5px 0 5px 0；（顺序：上、右、下左，亦可简写为style=margin： 5px 0；），这段CSS的作用是在当前表格外部的上下各留出5px的空白。空对象法（1）空行。

控制表格边框的显示对使用 DreamWeaver、Frontpage等所见即所得的网页编辑软件的朋友来说，很难控制表格的上下左右的边框显示与隐藏，其实你只要在html中的〈table〉〈/table〉标签页中添加一项“frame” 属性即可。

如何在dreamweaver中给网页添加表格

打开Dreamweaver软件启动Dreamweaver 0版本（或其他兼容版本），确保软件界面正常加载。导入目标网页文件点击左上角菜单栏的文件 → 打开。在弹出的文件选择窗口中，定位并选中需要编辑的网页文件（HTML格式），点击“打开”。插入表格在软件顶部菜单栏中，依次点击插入 → 表格。

插入表格打开软件并新建网页：启动Dreamweaver CS5，通过菜单栏的“文件”-“新建”或快捷键Ctrl+N创建空白网页。定位表格插入工具：在软件界面上方的“常用”工具栏中找到“表格”按钮（图标为网格状）。设置表格属性：点击“表格”按钮后弹出对话框，需设置以下参数：行数：输入表格的纵向单元格数量。

工具/原料Dreamweaver软件（需提前安装）方法/步骤启动软件打开Dreamweaver工具，进入主界面。新建HTML文件在菜单中选择新建→HTML文件，这是制作网页的基础。切换视图模式在主界面中，选择拆分视图（代码与设计同时显示），便于调整表格属性。插入表格点击菜单栏的插入→表格。

启动程序：点击Dreamweaver程序图标，进入软件界面。创建新项目：在弹出窗口中选择“创建新项目”→“HTML文件”，生成空白网页文件。插入表格：通过顶部菜单栏选择插入 → 表格，或使用快捷键 Ctrl+Alt+T（Windows）快速调出表格设置窗口。

新建站点与网页文件打开Adobe Dreamweaver CS5，首先新建一个站点，将站点根目录设置在存放图片素材的文件夹内，随后新建一个空白网页文件。插入表格在空白网页文件中，可通过以下两种方式插入表格：找到上方菜单栏的“常用”选项，点击“表格”按钮。直接使用快捷键（部分版本支持Ctrl+Alt+T）。

网页中如何使用表格进行 布局网页

1、创建HTML文件启动Dreamweaver CS5，执行“文件-新建”命令，在弹出的对话框中选择HTML，点击“创建”按钮。插入外层表格将光标置于需要插入表格的位置，执行“插入-表格”命令。在弹出的对话框中设置参数：行数：2 列数：1 表格宽度：800像素边框粗细：1 点击“确定”完成插入。

2、表格布局第一步：先插入一个表格，宽度是760-780px（记住，一定要用px，不要用百分比），高度不用设置，然后令这个表格居中。以后所有的内容都限制在这个表格中。熟练使用表格嵌套。也就是说，在一个表格中再插入另一个表格。

3、插入表格在Dreamweaver CS6中，点击顶部菜单栏的【布局】选项，选择【表格】功能插入表格。设置行列数在弹出的表格设置窗口中，将行数设为6行，列数设为4列，点击【确定】生成基础表格。调整单元格默认尺寸生成的表格中，所有单元格默认等宽等高。此时需手动调整特定单元格的尺寸。

4、表格层：首先打开电脑桌面的Excel 文档，然后在表格中找到并点击页面布局功能选项，接着点击下移一层项选项进入此功能，最后选择相应的选择项即可。css样式：首先将页面在整体上用标签进行划分。其次使用css对板块进行定位。最后在各板块中ti添加相应的程序，实现布局。

5、利用表格进行排版：表格主要有三个元素－表格、行和列及单元格，而且表格还可以嵌套，不过在这里建议大家不要把所有的网页都放在一个大表格中，并且嵌套最好不要超过3层，因为如果你那样做了，浏览器解析的时间会增加了，那么当浏览者访问时速度就慢了。

dwCS4版本如何使用布局表格

1、绘制一个布局表格：单击插入栏“布局”分类中的“绘制布局表格”按钮，将鼠标指针放置在页上，然后拖动指针以创建布局表格。若要绘制多个布局表格而不必重复单击“绘制布局表格”按钮，请在单击“绘制布局表格”按钮时按住 Ctrl 键。绘制嵌套布局表格：将一个布局表格绘制在另一个布局表格中，创建嵌套表格。单击插入栏“布局”分类中的“绘制布局表格”按钮。

2、基本方法基本的布局包含五个div，即标题、页脚和三栏。标题和页脚占据整个页宽。左栏div和右栏div都是固定宽度的，并且用float属性来把它们挤压到浏览器窗口的左侧和右侧。中栏实际上占据了整个页宽，中栏的内容在左、右两栏之间“流淌”。

3、层在DW CSCS4的版本中的代码实质上是实现CSS的DIV框，它们可以通过固定定位来显示，即相对于浏览器的上界面多少px，相对于左界面多少px。当然，你也可以通过CSS代码实现相对定位。而表格则是一个简单的框，里面包含几个单元格。相较于层，表格的使用更为简单，但它不能实现复杂的布局效果。

4、就不会再有win7那种透明玻璃效果。如果你要体验dreamweaver 软件的最新功能，那么应该使用dreamweaver cs5 如果你使用的机器硬件配置不是特别好，那么可以选择dreamweaver8···其实有关dreamweaver cs4的新功能，网页上有很多介绍。使用那种版本都没关系，只要能做出网页，那个用着顺手就用那个。